<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="Çınar Terlik" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="theme-color" content="#0a350b" />
    <link rel="shortcut icon" href="https://cinarterlik.com.tr//deppo/image/wfavicon.png" type="image/x-icon" />
	<link rel="icon" type="image/png" href="assets/img/fav.png" sizes="96x96" />
	<link rel="apple-touch-icon" sizes="180x180" href="assets/img/fav.png" />
	<meta name="apple-mobile-web-app-title" content="Çınar Terlik" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    
    <title>Çınar Terlik | Otel Terlik ve Buklet Malzemeleri</title>
    <meta name="description" content="Çınar Terlik | Otel Terlik ve Buklet Malzemeleri" />
    <meta name="keywords" content="Çınar Terlik,Otel Terlik ve Buklet Malzemeleri" />
    <link rel="canonical" href="https://cinarterlik.com.tr/" />

    <meta property="og:title" content="Çınar Terlik | Otel Terlik ve Buklet Malzemeleri" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Çınar Terlik" />
    <meta property="og:url" content="https://cinarterlik.com.tr/" />
    <meta property="og:image" content="https://cinarterlik.com.tr//https://cinarterlik.com.tr//deppo/image/wlogo.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description" content="Çınar Terlik | Otel Terlik ve Buklet Malzemeleri" />
    <meta property="og:locale" content="tr_TR" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://cinarterlik.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Çınar Terlik | Otel Terlik ve Buklet Malzemeleri" />
    <meta name="twitter:description" content="Çınar Terlik | Otel Terlik ve Buklet Malzemeleri" />
    <meta name="twitter:image" content="https://cinarterlik.com.tr//https://cinarterlik.com.tr//deppo/image/wlogo.png" />
    <meta name="twitter:domain" content="https://cinarterlik.com.tr/" />
    
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Çınar Terlik",
  "url": "https://cinarterlik.com.tr/",
  "logo": "https://cinarterlik.com.tr//deppo/image/wlogo.png",
  "email": "info@cinarterlik.com.tr",
  "telephone": "+90 (216) 383 85 30",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Girne Mah. Irmak Sokak Küçükyalı İş Merkezi G blok No:42 Maltepe / iSTANBUL",
    "addressLocality": "Maltepe",
    "addressRegion": "İstanbul",
    "addressCountry": "TR"
  },
  "sameAs": []
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "@id": "https://cinarterlik.com.tr/#localbusiness",
  "name": "Çınar Terlik",
  "image": "https://cinarterlik.com.tr//deppo/image/wlogo.png",
  "url": "https://cinarterlik.com.tr/",
  "telephone": "+90 (216) 383 85 30",
  "email": "info@cinarterlik.com.tr",
  "description": "Çınar Terlik | Otel Terlik ve Buklet Malzemeleri",
  "priceRange": "$$",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Girne Mah. Irmak Sokak Küçükyalı İş Merkezi G blok No:42 Maltepe / iSTANBUL",
    "addressLocality": "Maltepe",
    "addressRegion": "İstanbul",
    "postalCode": "34852",
    "addressCountry": "TR"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 40.936401,
    "longitude": 29.143207
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
    "opens": "09:00",
    "closes": "18:00"
  },
  "areaServed": "TR",
  "knowsAbout": ["otel terliği","spa terlik","otel ameniti","tek kullanımlık terlik","otel tekstil"]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Çınar Terlik hangi ürünleri üretiyor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Çınar Terlik; otel terliği, spa terlik, tek kullanımlık terlik, ambalajlı ameniti ve otel tekstil ürünleri üretir."
      }
    },
    {
      "@type": "Question",
      "name": "Otel terliği siparişi nasıl verilir?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "İletişim formu, telefon veya e-posta ile toptan otel terliği ve ameniti siparişi oluşturabilirsiniz."
      }
    },
    {
      "@type": "Question",
      "name": "Çınar Terlik nerede hizmet veriyor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "İstanbul Maltepe merkezli Çınar Terlik, Türkiye genelindeki otel, spa ve tesisler için üretim ve tedarik sağlar."
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Otel Terliği ve Ameniti Tedariği",
  "serviceType": "Otel terliği üretimi ve toptan satışı",
  "provider": {
    "@type": "LocalBusiness",
    "name": "Çınar Terlik"
  },
  "areaServed": "TR",
  "description": "Oteller, spa ve tesisler için kaliteli otel terliği, spa terlik ve ameniti ürün tedariği."
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Anasayfa",
      "item": "https://cinarterlik.com.tr/"
    }

  ]
}
</script><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('https://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('https://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;">
</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;"><img border="0" src="https://cinarterlik.com.tr//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/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://cinarterlik.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://cinarterlik.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://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="func..php?func.=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>





































<!--[if lt IE 9]>
    <script src="https://cinarterlik.com.tr//deppo/tools/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://cinarterlik.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://cinarterlik.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

 <link rel="stylesheet" href="assets/css/vendor.css">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/responsive.css">
  <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" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
  <link rel="icon" type="image/x-icon" href="assets/img/fav.png">
  <!-- Google Fonts & Material Icons -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&family=Great+Vibes&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
  <style>
    :root {
      --renk: #DC1B1B;
      --slider1: rgb(7 37 8 / 81%);
      --primary-green: #0a350b;
      --secondary-gold: #a38e52;
      --primary-dark: #0A3C26;
    }
    .owl-nav { display: none; }
    :root { --renk2: #0b610e; }
    .gt_selector { padding: 7px; margin-top: -5px; }

    /* Breadcrumb: 1600x346 görsel ekrana tam otursun */
    .breadcrumb-area {
      margin-top: -137px !important;
      position: relative;
      width: 100%;
      height: calc(100vw * 346 / 1600) !important;
      min-height: 220px;
      padding: 170px 0 36px !important;
      box-sizing: border-box;
      display: flex;
      align-items: flex-end;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 100% 100% !important;
    }
    .breadcrumb-area > .container { width: 100%; }
    @media (max-width: 991px) {
      .breadcrumb-area {
        margin-top: -90px !important;
        padding: 120px 0 28px !important;
        min-height: 180px;
      }
    }
    @media (max-width: 575px) {
      .breadcrumb-area {
        margin-top: -70px !important;
        padding: 100px 0 22px !important;
        min-height: 160px;
        background-size: cover !important;
      }
    }
    
    /* ===== YUMUŞAK SCROLL ===== */
    html {
      scroll-behavior: smooth;
    }

    /* ===== MİNİMAL SCROLL BAR ===== */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
      background: #0a350b;
      border-radius: 10px;
      transition: all 0.3s ease;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #a38e52;
    }

    /* Firefox için scroll bar */
    * {
      scrollbar-width: thin;
      scrollbar-color: #0a350b #f1f1f1;
    }
    
    /* Mobil Slider */
    .cinar-mobile-slider {
      display: none;
      width: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    .cinar-mobile-slider .owl-stage {
      display: flex;
      align-items: center;
    }
    .cinar-mobile-slider .owl-item {
      overflow: hidden;
    }
    .cinar-mobile-slider .item {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 154.3%;
      background-color: #f5f5f5;
    }
    .cinar-mobile-slider .item img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .cinar-mobile-slider .owl-dots {
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      text-align: center;
    }
    .cinar-mobile-slider .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 0 4px;
      background: rgba(255,255,255,0.5);
      border-radius: 50%;
      display: inline-block;
      transition: all 0.3s ease;
    }
    .cinar-mobile-slider .owl-dot.active span {
      background: #a38e52;
      width: 20px;
      border-radius: 10px;
    }

    /* Masaüstü Slider */
    .cinar-desktop-slider {
      display: none;
      width: 100%;
      margin: 0;
      margin-top: -137px;
      padding: 0;
      overflow: hidden;
      background-color: #f5f5f5;
    }
    .cinar-desktop-slider .owl-stage {
      display: flex;
      align-items: stretch;
    }
    .cinar-desktop-slider .owl-item {
      overflow: hidden;
    }
    .cinar-desktop-slider .item {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 62.5%; /* 1200 / 1920 */
      background-color: #f5f5f5;
    }
    .cinar-desktop-slider .item img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: fill;
      display: block;
    }
    .cinar-desktop-slider .owl-dots {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 5;
    }
    .cinar-desktop-slider .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 0 5px;
      background: rgba(255,255,255,0.5);
      border-radius: 50%;
      display: inline-block;
      transition: all 0.3s ease;
    }
    .cinar-desktop-slider .owl-dot.active span {
      background: #a38e52;
      width: 24px;
      border-radius: 10px;
    }
    @media (max-width: 1200px) {
      .cinar-desktop-slider { margin-top: -90px; }
    }
    @media (max-width: 991px) {
      .cinar-desktop-slider { margin-top: -70px; }
    }
    @media (max-width: 768px) {
      .banner-area.banner-area-1,
      .banner-area.banner-area-1.modern-slider,
      .cinar-desktop-slider,
      .cinar-desktop-slider.owl-carousel,
      .cinar-desktop-slider.owl-loaded {
        display: none !important;
      }
      .cinar-mobile-slider,
      .cinar-mobile-slider.owl-carousel,
      .cinar-mobile-slider.owl-loaded {
        display: block !important;
      }
    }
    @media (min-width: 769px) {
      .cinar-mobile-slider,
      .cinar-mobile-slider.owl-carousel,
      .cinar-mobile-slider.owl-loaded {
        display: none !important;
      }
      .cinar-desktop-slider,
      .cinar-desktop-slider.owl-carousel,
      .cinar-desktop-slider.owl-loaded {
        display: block !important;
      }
      .banner-area.banner-area-1.modern-slider {
        display: none !important;
      }
    }
    
    /* Mobil Panel */
    .cinar-mobile-panel {
      scrollbar-width: thin;
      scrollbar-color: #a38e52 #f1f1f1;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .cinar-mobile-panel::-webkit-scrollbar {
      width: 4px;
      background: transparent;
    }
    .cinar-mobile-panel::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }
    .cinar-mobile-panel::-webkit-scrollbar-thumb {
      background: #a38e52;
      border-radius: 10px;
    }
    .cinar-mobile-panel::-webkit-scrollbar-thumb:hover {
      background: #0a350b;
    }
    .cinar-mobile-panel::-webkit-scrollbar-button,
    .cinar-mobile-panel::-webkit-scrollbar-corner {
      display: none;
    }
    
    /* ===== MOBİL MENÜ DÜZENLEMELERİ ===== */
    .cinar-mobile-panel-list {
      list-style: none !important;
      padding: 0;
      margin: 0;
    }
    
    .cinar-mobile-panel-list li {
      list-style: none !important;
    }
    
    .cinar-mobile-panel-list li a {
      display: flex;
      align-items: center;
      padding: 15px 20px;
      color: #333;
      text-decoration: none;
      font-size: 15px;
      gap: 12px;
      text-align: left;
      justify-content: flex-start;
      list-style: none !important;
    }
    
    /* Ana menü başlıkları iconlu kalacak */
    .cinar-mobile-panel-list > li > a i:first-child {
      width: 22px;
      color: #a38e52;
      text-align: center;
    }
    
    /* Alt menüler - icon yok, sadece angle-right */
    .cinar-mobile-submenu {
      list-style: none !important;
      padding: 0;
      margin: 0;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    }
    
    .cinar-mobile-submenu.open {
      max-height: 800px; /* Yeterli büyük bir değer */
      opacity: 1;
    }
    
    .cinar-mobile-submenu li {
      list-style: none !important;
    }
    
    .cinar-mobile-submenu li a {
      padding-left: 54px !important;
      font-size: 14px;
      text-align: left;
      justify-content: flex-start;
      gap: 10px;
      list-style: none !important;
      transition: all 0.3s ease;
    }
    
    .cinar-mobile-submenu li a:hover {
      background-color: #f5f5f5;
      padding-left: 64px !important;
    }
    
    .cinar-mobile-submenu li a i {
      color: #a38e52;
      font-size: 12px;
      width: 16px;
      text-align: center;
      transition: transform 0.3s ease;
    }
    
    .cinar-mobile-submenu li a:hover i {
      transform: translateX(3px);
    }
    
    .cinar-mobile-has-submenu > a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    .cinar-mobile-has-submenu > a .cinar-submenu-arrow {
      margin-left: auto;
      color: #999;
      font-size: 14px;
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* ===== HEADER DÜZENLEMELERİ ===== */
    .cinar-header-2026 {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      position: sticky;
      top: 0;
      z-index: 10000;
      width: 100%;
      background: transparent;
      box-shadow: none;
    }
    
    /* Topbar - Mobilde gizli */
    .cinar-topbar-2026 {
      padding: 0;
      color: #0a350b;
      font-size: 13px;
      font-weight: 500;
      height: 52px;
      display: flex;
      align-items: center;
    }
	.cinar-logo-curve img { width: 55%;}
    @media (max-width: 768px) {
      .cinar-topbar-2026 {
        display: none;
      }
    }
    
    .cinar-container-2026 {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
      width: 100%;
      position: relative;
    }
    
    /* Topbar içeriği */
    .cinar-topbar-flex {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 30px;
      height: 52px;
    }
    .cinar-topbar-item {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #0a350b;
    }
    .cinar-topbar-item .material-symbols-outlined,
    .cinar-topbar-item i {
      font-size: 16px;
      color: #0a350b;
    }
    .cinar-topbar-item a {
      color: #0a350b;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: opacity 0.2s;
    }
    .cinar-topbar-item a:hover {
      opacity: 0.8;
      color: #002301;
    }
    
    /* Dil Seçici - DROPDOWN'LU */
    .cinar-lang-wrapper {
      position: relative;
    }
    .cinar-lang-btn {
      display: flex;
      align-items: center;
      gap: 8px;
      background: transparent;
      border: 1px solid rgba(10,53,11,0.25);
      border-radius: 9999px;
      padding: 4px 12px;
      cursor: pointer;
      transition: all 0.2s;
      height: 32px;
      color: #0a350b;
    }
    .cinar-lang-btn:hover {
      background: rgba(10,53,11,0.06);
    }
    .cinar-flag-icon {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
    }
    .cinar-flag-icon svg {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .cinar-lang-text {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.5px;
      color: #0a350b;
    }
    .cinar-lang-arrow {
      font-size: 16px;
      color: #0a350b;
    }
    
    /* Dil Dropdown */
    .cinar-lang-dropdown {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 5px;
      background: white;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
      min-width: 150px;
      padding: 8px 0;
      z-index: 1000;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: all 0.3s ease;
      border: 1px solid #eee;
    }
    .cinar-lang-wrapper:hover .cinar-lang-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .cinar-lang-option {
      padding: 10px 16px;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: background 0.2s;
      color: #333;
      list-style: none;
    }
    .cinar-lang-option:hover {
      background: #f5f5f5;
    }
    .cinar-lang-option.active {
      background: #f0f8f0;
      color: #0a350b;
      font-weight: 600;
    }
    .cinar-lang-option .flag-icon {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cinar-lang-option .flag-icon svg {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    /* Ana Navigasyon */
    .cinar-navmain-2026 {
      display: flex;
      align-items: center;
      position: relative;
    }
    .cinar-navflex-2026 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 85px;
      width: 100%;
      position: relative;
    }
    
    /* Logo alanı - arma (Slider'ın üstünde görünmesi için z-index eklendi) */
    .cinar-logo-wrapper {
      position: absolute;
      left: 75px;
      top: -51px;
      z-index: 1001;
      pointer-events: none;
    }
    /* Masaüstü Menü - SAĞA YASLI */
    .cinar-menulist-2026 {
      display: flex;
      align-items: center;
      height: 85px;
      margin: 0;
      padding: 0;
      gap: 5px;
      margin-left: auto;
      margin-right: 180px; /* E-Katalog butonu için yer aç */
    }
    .cinar-menuitem-2026 {
      position: relative;
      height: 85px;
      display: flex;
      align-items: center;
      list-style: none;
    }
    .cinar-menulink-2026 {
      padding: 0 18px;
      color: #0a350b;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      height: 85px;
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
      position: relative;
      white-space: nowrap;
      font-family: 'Inter', sans-serif;
    }
    .cinar-menulink-2026:hover {
      color: #002301;
    }
    .cinar-menulink-2026::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      background: #0a3c26;
      transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);
      border-radius: 20px;
      top: 60px;
    }
    .cinar-menulink-2026:hover::after {
      width: 70%;
    }
    
    /* Dropdown */
    .cinar-dropdown-2026 {
      position: absolute;
      top: 100%;
      left: 0;
      background: white;
      min-width: 240px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      border-radius: 0 0 12px 12px;
      padding: 10px 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: all 0.3s ease;
      border-top: 3px solid #a38e52;
      z-index: 1000;
    }
    .cinar-menuitem-2026:hover .cinar-dropdown-2026 {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .cinar-dropdown-2026 li {
      list-style: none;
    }
    .cinar-dropdown-2026 li a {
      display: block;
      padding: 10px 20px;
      color: #555;
      text-decoration: none;
      font-size: 13px;
      font-weight: 500;
      transition: all 0.2s;
      border-left: 3px solid transparent;
    }
    .cinar-dropdown-2026 li a:hover {
      background: #f9f9f9;
      color: #0a350b;
      border-left-color: #a38e52;
      padding-left: 25px;
    }
    
    /* Mega Menü - 4 sütunlu */
    .cinar-megamenu-2026 {
      position: absolute;
      top: 85px;
      left: 50%;
      transform: translateX(-50%) translateY(10px);
      width: 900px;
      background: white;
      box-shadow: 0 20px 40px rgba(0,0,0,0.15);
      border-radius: 0 0 20px 20px;
      padding: 25px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      border-top: 3px solid #a38e52;
      z-index: 1000;
    }
    .cinar-menuitem-2026:hover .cinar-megamenu-2026 {
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(0);
    }
    .cinar-megamenu-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .cinar-megamenu-col h4 {
      font-size: 16px;
      font-weight: 600;
      color: #0a350b;
      margin: 0 0 15px 0;
      padding-bottom: 8px;
      border-bottom: 2px solid #f0f0f0;
    }
    .cinar-megamenu-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .cinar-megamenu-col ul li {
      margin-bottom: 10px;
      list-style: none;
    }
    .cinar-megamenu-col ul li a {
      color: #555;
      text-decoration: none;
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s;
    }
    .cinar-megamenu-col ul li a i {
      color: #a38e52;
      font-size: 10px;
    }
    .cinar-megamenu-col ul li a:hover {
      color: #0a350b;
      transform: translateX(5px);
    }
    /* Öne çıkan ürün sütunu */
    .cinar-featured-product {
      text-align: center;
    }
    .cinar-featured-product img {
      width: 100%;
      max-width: 150px;
      margin: 0 auto 15px;
      display: block;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .cinar-featured-product h5 {
      font-size: 15px;
      font-weight: 600;
      margin: 0 0 5px;
      color: #333;
    }
    .cinar-featured-product p {
      font-size: 12px;
      color: #777;
      margin: 0 0 12px;
    }
    .cinar-featured-link {
      display: inline-block;
      background: #0a350b;
      color: #ffffff!important;
      padding: 6px 16px;
      border-radius: 30px;
      text-decoration: none;
      font-size: 12px;
      font-weight: 600;
      transition: all 0.3s;
    }
    .cinar-featured-link:hover {
      background: #a38e52;
    }
    
    /* E-Katalog Butonu - header içinde */
    .cinar-ekatalog-2026 {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #0a350b;
      color: white;
      width: 160px;
      height: 50px;
      transform: skewX(-15deg);
      text-decoration: none;
      transition: all 0.3s;
      border-radius: 4px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) skewX(-15deg);
      z-index: 100;
    }
    .cinar-ekatalog-2026 > span {
      transform: skewX(15deg);
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
      letter-spacing: 0.5px;
      font-size: 14px;
    }
    .cinar-ekatalog-2026 .material-symbols-outlined {
      font-size: 18px;
      transition: transform 0.2s;
    }
    .cinar-ekatalog-2026:hover {
      background: #fff;
      color: #0a350b;
    }
    .cinar-ekatalog-2026:hover .material-symbols-outlined {
      transform: translateX(5px);
    }
    
    /* Mobil Menü Butonu */
    .cinar-mobilebtn-2026 {
      display: none;
      background: none;
      border: none;
      font-size: 24px;
      color: #0a350b;
      cursor: pointer;
      padding: 10px;
    }
    
    /* ===== SLIDER DÜZELTMELERİ ===== */
    .banner-area.banner-area-1.modern-slider {
      display: block !important;
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-top: -137px;
      height: 777px;
      min-height: 600px;
      background: #f5f5f5;
    }
    
    #jssor_1 {
      visibility: visible !important;
      position: relative !important;
      width: 100% !important;
      height: 777px !important;
      min-height: 600px !important;
      overflow: hidden !important;
    }
    
    #jssor_1 .jssorl-009-spin {
      display: none !important;
    }
    
    #jssor_1 .slides {
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important;
    }
    
    #jssor_1 img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }
    
    /* Slider'ı sadece masaüstünde göster */
    @media (min-width: 769px) {
      .banner-area.banner-area-1.modern-slider {
        display: block !important;
      }
    }
    
    @media (max-width: 991px) {
      .banner-area.banner-area-1.modern-slider,
      #jssor_1 {
        height: 600px !important;
      }
    }
    
    @media (max-width: 768px) {
      .banner-area.banner-area-1.modern-slider,
      #jssor_1 {
        display: none !important;
      }
    }
    
    @media (max-width: 767px) {
      .banner-area.banner-area-1.modern-slider,
      #jssor_1 {
        display: none !important;
      }
    }
    
    /* Slider yükleme sorununu çözmek için */
    .slider4 {
      position: relative;
      width: 100%;
      height: 100%;
    }
    
    /* Responsive */
    @media (max-width: 1200px) {
      .cinar-megamenu-2026 { width: 800px; }
      .cinar-menulink-2026 { padding: 0 15px; font-size: 14px; }
      .cinar-menulist-2026 { margin-right: 160px; }
    }
    @media (max-width: 1024px) {
      .cinar-menulink-2026 { padding: 0 12px; font-size: 13px; }
      .cinar-menulist-2026 { margin-right: 140px; }
    }
    @media (max-width: 900px) {
      .cinar-mobilebtn-2026 { display: block; }
      .cinar-menulist-2026 {
        position: fixed;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100vh;
        background: white;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 80px 0 30px;
        transition: left 0.3s ease;
        box-shadow: 2px 0 20px rgba(0,0,0,0.1);
        z-index: 10002;
        overflow-y: auto;
        gap: 0;
        margin-left: 0;
        margin-right: 0;
      }
      .cinar-menulist-2026.active-2026 { left: 0; }
      .cinar-menuitem-2026 {
        width: 100%;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 1px solid #eaeaea;
      }
      .cinar-menulink-2026 {
        width: 100%;
        padding: 15px 20px;
        height: auto;
        justify-content: space-between;
      }
      .cinar-menulink-2026::after { display: none; }
      .cinar-dropdown-2026, .cinar-megamenu-2026 {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: none;
        width: 100%;
        padding: 0;
        background: #f9f9f9;
        display: none;
      }
      .cinar-menuitem-2026.open-2026 .cinar-dropdown-2026,
      .cinar-menuitem-2026.open-2026 .cinar-megamenu-2026 { 
        display: block; 
      }
      .cinar-megamenu-grid {
        grid-template-columns: 1fr;
        gap: 15px;
      }
      .cinar-ekatalog-2026 {
        position: absolute;
        right: 20px;
        transform: translateY(-50%) skewX(-15deg);
        width: 140px;
      }
    }
    
    @media (max-width: 768px) {
      /* Mobil menü butonu gizli */
      .cinar-mobilebtn-2026 {
        display: none !important;
      }
      
      /* Mobilde logo ve E-Katalog butonu */
      .cinar-navflex-2026 {
        height: 70px;
        justify-content: space-between;
      }
      
      .cinar-logo-wrapper {
        position: static;
        margin-right: auto;
      }
      
      .cinar-logo-curve {
        clip-path: none;
        width: auto;
        height: auto;
        background: transparent;
        box-shadow: none;
        padding: 0;
      }
      
      .cinar-logo-curve img {
        width: auto;
        max-height: 66px;
        max-width: 220px;
        object-fit: contain;
      }
      
      .cinar-ekatalog-2026 {
        transform: none;
        height: 45px;
        padding: 0 18px;
        margin-left: 15px;
        border-radius: 30px;
        background: #0a350b;
        position: static;
        width: auto;
        transform: none !important;
      }
      
      .cinar-ekatalog-2026 > span {
        transform: none;
        font-size: 13px;
      }
      
      .cinar-ekatalog-2026 .material-symbols-outlined {
        font-size: 16px;
      }
      
      .cinar-menulist-2026 {
        margin-left: 0;
        margin-right: 0;
      }
      
      .cinar-topbar-flex {
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
      }
    }
    
    @media (max-width: 480px) {
      .cinar-logo-curve img {
        width: auto;
        max-height: 56px;
        max-width: 185px;
      }
      
      .cinar-ekatalog-2026 {
        padding: 0 12px;
        height: 40px;
      }
      
      .cinar-ekatalog-2026 > span {
        font-size: 12px;
        gap: 4px;
      }
      
      .cinar-ekatalog-2026 .material-symbols-outlined {
        font-size: 14px;
      }
    }
    
    /* Mevcut header'ı gizle */
    header.navbar-area {
      display: none !important;
    }
    
    /* Mobil Alt Bar */
    .cinar-mobile-bar {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: white;
      box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      border-top: 2px solid #a38e52;
    }
    .cinar-mobile-bar-container {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 8px 10px;
      position: relative;
    }
    .cinar-mobile-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #0a350b;
      cursor: pointer;
      padding: 5px 0;
      flex: 1;
      max-width: 70px;
    }
    .cinar-mobile-item i {
      font-size: 22px;
      margin-bottom: 4px;
      color: #0a350b;
    }
    .cinar-mobile-item span {
      font-size: 11px;
      font-weight: 600;
      color: #333;
    }
    .cinar-mobile-logo {
      width: 86px;
      height: 86px;
      border-radius: 50%;
      background: white;
      box-shadow: 0 5px 15px rgba(10, 53, 11, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: -25px;
      border: 2px solid rgba(233, 233, 233, 0.32);
      cursor: pointer;
      flex-shrink: 0;
    }
    .cinar-mobile-logo img {
      max-width: 74px;
      max-height: 74px;
      object-fit: contain;
    }
    .cinar-mobile-panel {
      position: fixed;
      bottom: 80px;
      left: 10px;
      right: 10px;
      background: white;
      border-radius: 20px 20px 10px 10px;
      box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.2);
      max-height: 70vh;
      overflow-y: auto;
      z-index: 10001;
      transform: translateY(20px);
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      border: 1px solid #a38e52;
    }
    .cinar-mobile-panel.open {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
    }
    .cinar-mobile-panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px;
      border-bottom: 1px solid #f0f0f0;
      background: #f9f9f9;
      border-radius: 20px 20px 0 0;
    }
    .cinar-mobile-panel-header h3 {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
      color: #0a350b;
    }
    .cinar-mobile-panel-header i {
      font-size: 24px;
      color: #666;
      cursor: pointer;
    }
    .cinar-mobile-panel-footer {
      padding: 15px 20px;
      background: #f5f5f5;
      border-top: 1px solid #e0e0e0;
    }
    .cinar-mobile-panel-footer a {
      display: flex;
      align-items: center;
      gap: 12px;
      color: #333;
      padding: 8px 0;
      text-decoration: none;
    }
    .cinar-mobile-lang-list li {
      padding: 15px 20px;
      display: flex;
      align-items: center;
      gap: 15px;
      cursor: pointer;
      list-style: none;
    }
    .cinar-mobile-lang-check {
      margin-left: auto;
      color: #0a350b;
      display: none;
    }
    .cinar-mobile-lang-option.active .cinar-mobile-lang-check {
      display: inline-block;
    }
    @media (max-width: 768px) {
      .cinar-mobile-bar { display: block; }
    }
    
    /* Diğer stiller */
    .cinar-hero-wrapper {
      max-width: 1280px;
      margin: 0 auto;
      padding: 4rem 1.5rem 0rem;
      font-family: 'Inter', sans-serif;
    }
    .cinar-header-flex {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      margin-bottom: 4rem;
    }
    @media(min-width:1024px) {
      .cinar-header-flex {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
      }
    }
    .cinar-header-left {
      flex: 0 0 40%;
    }
    .cinar-title {
      font-size: 3rem;
      line-height: 1.2;
      font-weight: 800;
      color: #111827;
      margin: 0;
      font-family: 'Playfair Display', serif;
      font-style: italic;
      letter-spacing: -0.02em;
    }
    @media(min-width:768px) {
      .cinar-title {
        font-size: 3.5rem;
      }
    }
    .cinar-title-highlight {
      color: #0a350b;
      position: relative;
      display: inline-block;
      font-family: 'Great Vibes', cursive;
      font-size: 1.2em;
      font-weight: 400;
    }
    .cinar-title-highlight::after {
      content: '';
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 100%;
      height: 8px;
      background: linear-gradient(90deg, rgba(163, 142, 82, 0.3), rgba(163, 142, 82, 0.1));
      z-index: -1;
      border-radius: 4px;
    }
    .cinar-header-right {
      flex: 0 0 55%;
    }
    .cinar-content-wrapper {
      display: flex;
      align-items: flex-start;
      gap: 1.5rem;
    }
    .cinar-divider {
      width: 80px;
      height: 3px;
      background: linear-gradient(90deg, #a38e52, #fcd34d);
      margin-top: .75rem;
      border-radius: 2px;
      flex-shrink: 0;
    }
    .cinar-description {
      color: #4b5563;
      font-size: 1.125rem;
      line-height: 1.8;
      margin: 0;
      font-weight: 400;
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.3rem;
    }
    
    /* Card stilleri */
    .cinar-slider-container {
      margin-top: 2rem;
    }
    .cinar-slider-container .owl-stage {
      display: flex;
      align-items: stretch;
    }
    .cinar-slider-container .owl-item {
      display: flex;
      height: auto;
    }
    .cinar-slider-item {
      padding: 7px .5rem;
      display: flex;
      width: 100%;
      height: 100%;
    }
    .cinar-card {
      background: white;
      border-radius: 24px;
      padding: 2rem 1.5rem;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      box-shadow: 0 25px 35px -15px rgb(0 0 0 / 35%);
      transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
      border: 1px solid rgba(255, 255, 255, .5);
      backdrop-filter: blur(5px);
      position: relative;
      overflow: hidden;
    }
    .cinar-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      transform: translateX(-100%);
      transition: transform .6s ease;
    }
    .cinar-card:hover::before {
      transform: translateX(0);
    }
    .cinar-card:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 0 25px 35px -15px rgb(0 0 0 / 35%);
      border-color: rgb(102 172 92 / 20%);
    }
    .cinar-card-icon {
      width: 64px;
      height: 64px;
	  border: 2px solid;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.75rem;
      transition: all .3s ease;
    }
    .cinar-card:hover .cinar-card-icon {
      transform: scale(1.1) rotate(5deg);
    }
    .cinar-card-icon i {
      font-size: 2rem;
      color: #a38e52;
      transition: all .3s ease;
    }
    .cinar-card:hover .cinar-card-icon i {
      color: #0a350b;
      transform: scale(1.1);
    }
    .cinar-card-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #111827;
      margin: 0 0 1rem 0;
      line-height: 1.3;
      font-family: 'Montserrat', 'Inter', sans-serif;
    }
    .cinar-card-text {
      color: #6b7280;
      font-size: 1.1rem;
      line-height: 1.7;
      margin: 0;
      font-family: 'Cormorant Garamond', serif;
      flex: 1 1 auto;
    }
    
    /* Products Section */
    .cinar-products-section {
      max-width: 1280px;
      margin: 0 auto;
      padding: 3rem 1.5rem 4rem;
      font-family: 'Inter', sans-serif;
    }
    .cinar-products-header {
      margin-bottom: 3rem;
      text-align: center;
    }
    .cinar-products-badge {
      display: inline-block;
      padding: .35rem 1.2rem;
      background: linear-gradient(135deg, #d5bf83, #a38e52);
      color: #fff;
      border-radius: 30px;
      font-size: .8rem;
      font-weight: 600;
      letter-spacing: .5px;
      margin-bottom: 1rem;
      border: 1px solid rgba(46, 125, 50, .15);
    }
    .cinar-products-main-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #111827;
      margin: 0 0 .75rem 0;
      letter-spacing: -0.02em;
      font-family: 'Montserrat', 'Inter', sans-serif;
    }
    .cinar-products-subtitle {
      color: #6b7280;
      font-size: 1.1rem;
      margin: 0;
      font-family: 'Cormorant Garamond', serif;
    }
    .cinar-product-card {
      background: white;
      border-radius: 20px;
      overflow: hidden;
      transition: all .3s ease;
      border: 2px solid rgba(0, 0, 0, .03);
    }
    .cinar-product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 25px 35px -12px rgba(21, 157, 59, 0.35);
    }
    .cinar-product-image-wrapper {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #f5f5f5, #eee);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cinar-product-image {
      width: 100%;
      height: auto;
      object-fit: contain;
      transition: transform .5s ease;
    }
    .cinar-product-card:hover .cinar-product-image {
      transform: scale(1.05);
    }
    .cinar-product-badge {
      position: absolute;
      top: 1rem;
      left: 1rem;
      background: linear-gradient(135deg, #4a7143, #2d5a2a);
      color: white;
      padding: .25rem 1rem;
      border-radius: 30px;
      font-size: .7rem;
      font-weight: 600;
      z-index: 2;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    }
    .cinar-product-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(21, 157, 59, 0.2);
      backdrop-filter: blur(2px);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .3s ease;
      z-index: 3;
    }
    .cinar-product-image-wrapper:hover .cinar-product-overlay {
      opacity: 1;
    }
    .cinar-product-view-btn {
      width: 50px;
      height: 50px;
      background: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #4a7143;
      font-size: 1.2rem;
      transform: translateY(20px) scale(0.9);
      transition: all .3s ease;
      box-shadow: 0 5px 20px rgba(21, 157, 59, 0.3);
      text-decoration: none;
    }
    .cinar-product-image-wrapper:hover .cinar-product-view-btn {
      transform: translateY(0) scale(1);
    }
    .cinar-product-view-btn:hover {
      background: #4a7143;
      color: white;
    }
    .cinar-product-details {
      padding: 1.5rem 1.2rem;
    }
    .cinar-product-name {
      font-size: 1.2rem;
      font-weight: 600;
      color: #111827;
      margin: 0 0 .3rem 0;
      font-family: 'Montserrat', 'Inter', sans-serif;
    }
    .cinar-product-category {
      color: #6b7280;
      font-size: .9rem;
      margin: 0;
      font-family: 'Cormorant Garamond', serif;
    }
    
    /* Categories Section */
    .cinar-categories-section {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0rem 1.5rem 4rem;
      font-family: 'Inter', sans-serif;
    }
    .cinar-categories-header {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 3rem;
      gap: 1.5rem;
    }
    @media(min-width:768px) {
      .cinar-categories-header {
        flex-direction: row;
        align-items: flex-end;
      }
    }
    .cinar-categories-badge {
      display: inline-block;
      padding: .35rem 1.2rem;
      background: linear-gradient(135deg, #d5bf83, #a38e52);
      color: #fff;
      border-radius: 30px;
      font-size: .8rem;
      font-weight: 600;
      letter-spacing: .5px;
      margin-bottom: .75rem;
    }
    .cinar-categories-main-title {
      font-size: 1.6rem;
      font-weight: 800;
      color: #111827;
      margin: 0;
      line-height: 1.3;
      letter-spacing: -0.02em;
      font-family: 'Montserrat', 'Inter', sans-serif;
      font-style: normal;
    }
    @media(min-width:768px) {
      .cinar-categories-main-title {
        font-size: 1.6rem;
      }
    }
    .cinar-categories-view-all {
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      padding: .75rem 2rem;
      background: #4a7143;
      color: white;
      border-radius: 50px;
      font-weight: 600;
      font-size: 1rem;
      transition: all .3s ease;
      text-decoration: none;
      box-shadow: 0 8px 18px -6px rgba(21, 157, 59, 0.4);
    }
    .cinar-categories-view-all i {
      transition: transform .2s ease;
    }
    .cinar-categories-view-all:hover {
      background: #2d5a2a;
      color: white;
      gap: 1rem;
      box-shadow: 0 12px 22px -8px rgba(21, 157, 59, 0.5);
    }
    .cinar-categories-view-all:hover i {
      transform: translateX(5px);
    }
    .cinar-categories-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 1.5rem;
    }
    @media(min-width:640px) {
      .cinar-categories-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media(min-width:1024px) {
      .cinar-categories-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .cinar-category-card {
      background: white;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 25px 35px -15px rgb(0 0 0 / 35%);
      transition: all .3s ease;
      border: 1px solid rgba(0, 0, 0, .03);
    }
    .cinar-category-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 35px -15px rgb(0 0 0 / 35%);
    }
    .cinar-category-image-wrapper {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f8faf8;
    }
    .cinar-category-image {
      width: 100%;
      height: auto;
      object-fit: contain;
      transition: transform .5s ease;
    }
    .cinar-category-card:hover .cinar-category-image {
      transform: scale(1.05);
    }
    .cinar-category-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(21, 157, 59, 0.1) 0%, rgba(21, 157, 59, 0.3) 100%);
      backdrop-filter: blur(2px);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .3s ease;
    }
    .cinar-category-card:hover .cinar-category-overlay {
      opacity: 1;
    }
    .cinar-category-link {
      color: white;
      font-weight: 600;
      font-size: 1rem;
      padding: .6rem 1.8rem;
      background: rgba(74, 113, 67, 0.4);
      backdrop-filter: blur(5px);
      border-radius: 40px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      transform: translateY(20px);
      transition: all .3s ease;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .5rem;
    }
    .cinar-category-card:hover .cinar-category-link {
      transform: translateY(0);
    }
    .cinar-category-link:hover {
      background: #4a7143;
      color: white;
      border-color: #4a7143;
    }
    .cinar-category-link i {
      font-size: .8rem;
      transition: transform .2s ease;
    }
    .cinar-category-link:hover i {
      transform: translateX(4px);
    }
    .cinar-category-details {
      padding: 1.25rem 1.5rem 1.5rem;
    }
    .cinar-category-title {
      font-size: 1.3rem;
      font-weight: 600;
      color: #111827;
      margin: 0;
      font-family: 'Montserrat', 'Inter', sans-serif;
    }
    
    /* Katalog Banner */
    .cinar-katalog-banner {
      max-width: 1280px;
      margin: 40px auto;
      background: #f8f5f0;
      border-radius: 20px;
      overflow: hidden;
    }
    .cinar-katalog-banner > div {
      display: flex;
      align-items: center;
    }
    .cinar-resim-sol {
      flex: 1;
    }
    .cinar-resim-sol img {
      width: 100%;
      height: auto;
      display: block;
	  border-radius: 20px 0px 0px 20px ;
    }
    .cinar-icerik-sag {
      flex: 1;
      padding: 60px;
    }
    .cinar-baslik {
      font-size: 42px;
      font-weight: 800;
      margin-bottom: 20px;
      color: #0a350b;
      font-family: 'Montserrat', 'Inter', sans-serif;
    }
    .cinar-kisa-yazi {
      font-size: 18px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 30px;
      font-family: 'Cormorant Garamond', serif;
    }
    .cinar-buton-sag {
      display: inline-block;
      background: #0a350b;
      color: white;
      padding: 15px 45px;
      border-radius: 8px;
      font-weight: 600;
      font-size: 18px;
      transition: all 0.3s;
      text-decoration: none;
    }
    .cinar-buton-sag:hover {
      background: #a38e52;
      transform: translateY(-2px);
    }
    @media (max-width: 992px) {
      .cinar-katalog-banner > div { flex-direction: column; }
      .cinar-icerik-sag { padding: 40px; text-align: center; }
    }
    
    /* Footer */
    .cinar-premium-footer {
      background: white;
      border-top: 4px solid #a38e52;
      margin-top: 60px;
    }
    .cinar-premium-main {
      max-width: 1400px;
      margin: 0 auto;
      padding: 60px 20px;
    }
    .cinar-premium-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
      gap: 40px;
    }
    @media (max-width: 1200px) {
      .cinar-premium-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .cinar-premium-grid { grid-template-columns: 1fr; }
    }
    .cinar-premium-title {
      color: #0a350b;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 25px;
      padding-bottom: 10px;
      border-bottom: 2px solid #f0f0f0;
      position: relative;
    }
    .cinar-premium-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 50px;
      height: 2px;
      background: #a38e52;
    }
    .cinar-premium-logo-img {
      max-height: 128px;
      margin-bottom: 20px;
    }
    .cinar-premium-description {
      color: #666;
      line-height: 1.8;
      margin-bottom: 20px;
    }
    .cinar-premium-social {
      display: flex;
      gap: 10px;
    }
    .cinar-premium-social-link {
      width: 36px;
      height: 36px;
      background: #f5f5f5;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0a350b;
      transition: all 0.3s;
    }
    .cinar-premium-social-link:hover {
      background: #a38e52;
      color: white;
      transform: translateY(-3px);
    }
    .cinar-premium-menu-list li,
    .cinar-premium-cats-list li {
      margin-bottom: 12px;
      list-style: none;
    }
    .cinar-premium-menu-list a,
    .cinar-premium-cats-list a {
      color: #666;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s;
      text-decoration: none;
    }
    .cinar-premium-menu-list a i,
    .cinar-premium-cats-list a i {
      font-size: 12px;
      color: #a38e52;
    }
    .cinar-premium-menu-list a:hover,
    .cinar-premium-cats-list a:hover {
      color: #0a350b;
      transform: translateX(5px);
    }
    .cinar-premium-contact-list li {
      display: flex;
      gap: 15px;
      margin-bottom: 20px;
      list-style: none;
    }
    .cinar-premium-contact-icon {
      width: 36px;
      height: 36px;
      background: #f5f5f5;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #a38e52;
    }
    .cinar-premium-contact-text strong {
      display: block;
      color: #0a350b;
      margin-bottom: 5px;
    }
    .cinar-premium-contact-text p,
    .cinar-premium-contact-text a {
      color: #666;
      line-height: 1.5;
      text-decoration: none;
    }
    .cinar-premium-contact-text a:hover {
      color: #a38e52;
    }
    .cinar-premium-bottom {
      background: #fafafa;
      border-top: 1px solid #eaeaea;
      padding: 20px 0;
    }
    .cinar-premium-bottom-content {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    @media (max-width: 768px) {
      .cinar-premium-bottom-content { flex-direction: column; gap: 15px; text-align: center; }
    }
    .cinar-premium-copyright {
      color: #888;
    }
    .cinar-premium-links {
      display: flex;
      gap: 20px;
    }
    .cinar-premium-links a {
      color: #888;
      transition: color 0.3s;
      text-decoration: none;
    }
    .cinar-premium-links a:hover {
      color: #a38e52;
    }
    
    /* WhatsApp Butonu */
    .whatsapp-fixed {
      position: fixed;
      bottom: 90px;
      right: 10px;
      z-index: 999;
    }
    .whatsapp-mini {
      background: #25D366;
      color: white;
      width: 50px;
      height: 50px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
      transition: all 0.3s;
      text-decoration: none;
    }
    .whatsapp-mini:hover {
      transform: scale(1.1);
      background: #20b33a;
    }
    @media (max-width: 768px) {
      .whatsapp-fixed { bottom: 100px; }
      .whatsapp-mini { width: 45px; height: 45px; font-size: 24px; }
    }
    
    /* ===== MODERN SLIDER STYLES ===== */
    .modern-slider {
      position: relative;
      overflow: hidden;
    }

    .modern-slider .banner-slider .item {
      height: 777px;
      min-height: 600px;
      display: flex;
      align-items: center;
      position: relative;
    }

    .modern-slider .banner-inner {
      position: relative;
      z-index: 5;
      animation: fadeInUp 1s ease;
    }

    .modern-slider .slider-subtitle {
      display: inline-block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #fff;
      background: rgba(163, 142, 82, 0.3);
      backdrop-filter: blur(5px);
      padding: 8px 20px;
      border-radius: 40px;
      margin-bottom: 25px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      animation: fadeInDown 1s ease;
    }

    .modern-slider .title {
      font-size: 60px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 25px;
      text-shadow: 2px 2px 15px rgba(0,0,0,0.3);
      animation: fadeInLeft 1s ease 0.2s both;
    }

    @media (max-width: 991px) {
      .modern-slider .title {
        font-size: 42px;
      }
      .modern-slider .banner-slider .item {
        height: 600px;
      }
    }

    @media (max-width: 767px) {
      .modern-slider .title {
        font-size: 32px;
      }
      .modern-slider .banner-slider .item {
        height: 500px;
      }
    }

    .modern-slider .content {
      font-size: 18px;
      line-height: 1.8;
      margin-bottom: 35px;
      max-width: 90%;
      text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
      animation: fadeInLeft 1s ease 0.4s both;
    }

    .modern-slider .btn-wrap {
      animation: fadeInUp 1s ease 0.6s both;
    }

    .modern-slider .btn-base {
      background: #a38e52;
      border: none;
      padding: 15px 40px;
      font-weight: 600;
      letter-spacing: 1px;
      transition: all 0.3s ease;
      border-radius: 50px;
      box-shadow: 0 10px 20px rgba(163, 142, 82, 0.3);
    }

    .modern-slider .btn-base:hover {
      background: #0a350b;
      transform: translateY(-3px);
      box-shadow: 0 15px 30px rgba(10, 53, 11, 0.4);
    }

    .modern-slider .btn-outline {
      background: transparent;
      border: 2px solid #fff;
      color: #fff;
      padding: 15px 40px;
      font-weight: 600;
      letter-spacing: 1px;
      transition: all 0.3s ease;
      border-radius: 50px;
      margin-left: 15px;
    }

    .modern-slider .btn-outline:hover {
      background: #fff !important;
      color: #0a350b !important;
      transform: translateY(-3px);
    }

    /* Navigasyon Okları */
    .slider-nav-container {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      z-index: 20;
      pointer-events: none;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 40px;
    }

    .slider-nav {
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(5px);
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
      transition: all 0.3s ease;
      pointer-events: auto;
      position: absolute;
    }

    .slider-nav.left {
      left: 40px;
    }

    .slider-nav.right {
      right: 40px;
    }

    .slider-nav:hover {
      background: #a38e52;
      border-color: #a38e52;
      transform: scale(1.1);
    }

    @media (max-width: 767px) {
      .slider-nav {
        width: 40px;
        height: 40px;
        font-size: 16px;
      }
      .slider-nav.left {
        left: 15px;
      }
      .slider-nav.right {
        right: 15px;
      }
      .slider-nav-container {
        padding: 0 15px;
      }
    }

    /* Progress Bar */
    .slider-progress {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: rgba(255, 255, 255, 0.2);
      z-index: 25;
    }

    .slider-progress-bar {
      width: 0%;
      height: 100%;
      background: #a38e52;
      transition: width 5s linear;
    }

    .modern-slider .owl-item.active .slider-progress-bar {
      width: 100%;
    }

    /* Dots Stili */
    .modern-slider .owl-dots {
      position: absolute;
      bottom: 30px;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 20;
    }

    .modern-slider .owl-dot {
      display: inline-block;
      margin: 0 5px;
    }

    .modern-slider .owl-dot span {
      width: 12px;
      height: 12px;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 20px;
      display: block;
      transition: all 0.3s ease;
    }

    .modern-slider .owl-dot.active span {
      width: 30px;
      background: #a38e52;
    }

    /* Animasyonlar */
    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translateY(-30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-30px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translateX(30px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
  </style>
</head>
<body>
  <!-- Preloader -->
  <div class="preloader" id="preloader">
    <div class="preloader-inner">
      <img src="https://cinarterlik.com.tr//deppo/image/wlogo.png" alt="Çınar Terlik" >
    </div>
  </div>
    <!-- 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/tools/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><!-- ===== ÇINAR TERLİK HEADER ===== -->
<header class="cinar-header-2026">
    <!-- Üst Bar -->
    <div class="cinar-topbar-2026">
        <div class="cinar-container-2026">
            <div class="cinar-topbar-flex">
                <!-- Telefon -->
                <div class="cinar-topbar-item">
                    <span class="material-symbols-outlined">call</span>
                    <a href="tel:+90 (216) 383 85 30">+90 (216) 383 85 30</a>
                </div>
                <!-- Email -->
                <div class="cinar-topbar-item">
                    <span class="material-symbols-outlined">mail</span>
                    <a href="mailto:info@cinarterlik.com.tr">info@cinarterlik.com.tr</a>
                </div>
                <!-- Adres Tarifi -->
                <div class="cinar-topbar-item">
                    <i class="fa-solid fa-location-dot"></i>
                    <a href="?i/iletisim">Adres Tarifi Almak İster misin?</a>
                </div>
                <!-- Dil Seçici -->
                <div class="cinar-lang-wrapper">
                    <div class="cinar-lang-btn" id="cinarLangBtn">
                        <span class="cinar-flag-icon" id="selectedFlag">
                            
                            <!-- Türk bayrağı -->
                            <svg viewBox="0 0 32 32">
                                <rect fill="#E30A17" width="32" height="32"></rect>
                                <circle cx="12" cy="16" fill="white" r="6"></circle>
                                <circle cx="13" cy="16" fill="#E30A17" r="4.8"></circle>
                                <polygon fill="white" points="17,16 22,14.5 20.5,19 16,17.5 20.5,13" transform="rotate(15 17 16)"></polygon>
                            </svg>
                            
                        </span>
                        <span class="cinar-lang-text" id="selectedLang">
                            TÜRKÇE
                        </span>
                        <span class="material-symbols-outlined cinar-lang-arrow">expand_more</span>
                    </div>
                    <ul class="cinar-lang-dropdown">
                        <li class="cinar-lang-option active" data-lang="lang1">
                            <a href="?lang=lang1" style="display: flex; align-items: center; gap: 8px; width: 100%;">
                                <span class="flag-icon">
                                    <svg viewBox="0 0 32 32">
                                        <rect fill="#E30A17" width="32" height="32"></rect>
                                        <circle cx="12" cy="16" fill="white" r="6"></circle>
                                        <circle cx="13" cy="16" fill="#E30A17" r="4.8"></circle>
                                        <polygon fill="white" points="17,16 22,14.5 20.5,19 16,17.5 20.5,13" transform="rotate(15 17 16)"></polygon>
                                    </svg>
                                </span>
                                <span>TÜRKÇE</span>
                            </a>
                        </li>
                        <li class="cinar-lang-option " data-lang="lang2">
                            <a href="?lang=lang2" style="display: flex; align-items: center; gap: 8px; width: 100%;">
                                <span class="flag-icon">
                                    <svg viewBox="0 0 60 30" width="100%" height="100%">
                                        <clipPath id="s">
                                            <path d="M0,0 v30 h60 v-30 z"/>
                                        </clipPath>
                                        <path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
                                        <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
                                        <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#s)" stroke="#C8102E" stroke-width="4"/>
                                        <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
                                        <path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
                                    </svg>
                                </span>
                                <span>ENGLISH</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Ana Navigasyon -->
    <div class="cinar-navmain-2026">
        <div class="cinar-container-2026">
            <div class="cinar-navflex-2026">
                <!-- Logo -->
                <div class="cinar-logo-wrapper">
                    <div class="cinar-logo-curve">
                        <a href="?lang=lang1">
                            <img src="https://cinarterlik.com.tr//deppo/image/wlogo.png" alt="Çınar Terlik">
                        </a>
                    </div>
                </div>
                
                <!-- Mobil Menü Butonu -->
                <button class="cinar-mobilebtn-2026" id="cinarMobileBtn2026">
                    <i class="fas fa-bars"></i>
                </button>
                
                <!-- Masaüstü Menü -->
                <ul class="cinar-menulist-2026" id="cinarMenuList2026">
                    <button class="cinar-mobileclose-2026" id="cinarMobileClose2026" style="display: none;">
                        <i class="fas fa-times"></i>
                    </button>
                    
                    
                    
                    <li class="cinar-menuitem-2026 ">
                        <a href="." class="cinar-menulink-2026">
                            ANASAYFA
                        </a>
                        
                        
                    </li>
                    
                    
                    
                    <li class="cinar-menuitem-2026 ">
                        <a href="?s1003/kurumsal" class="cinar-menulink-2026">
                            KURUMSAL
                        </a>
                        
                        
                    </li>
                    
                    
                    
                    <li class="cinar-menuitem-2026 has-submenu">
                        <a href="#" class="cinar-menulink-2026">
                            ÜRÜNLERİMİZ<i class="fa-solid fa-angle-down"></i>
                        </a>
                        
                        
                            <!-- 4 sütunlu megamenu (3 sütun kategori + 1 sütun Öne Çıkan) -->
                            <div class="cinar-megamenu-2026">
                                <!-- İkili Başlık -->
                                <div style="display: grid; grid-template-columns: 4fr 1fr; gap: 20px; padding: 0 15px; margin-bottom: 10px;">
                                    <div>
                                        <h4 style="margin: 0; font-size: 16px; font-weight: 600;">Kategoriler</h4>
                                    </div>
                                    <div>
                                        <h4 style="margin: 0; font-size: 16px; font-weight: 600;">Öne Çıkan</h4>
                                    </div>
                                </div>
                                <hr>
                                
                                <div class="cinar-megamenu-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;">
                                    <div class="cinar-megamenu-col"><ul style="list-style: none; padding: 0; margin: 0;">
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x54/terlikler" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> TERLİKLER
                                                </a>
                                                <ul style="list-style:none;padding:6px 0 8px 18px;margin:0;">
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y73/vip-terlikler" style="text-decoration:none;color:#666;font-size:13px;">
                                                            VİP TERLİKLER
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y21/tela-terlikler" style="text-decoration:none;color:#666;font-size:13px;">
                                                            TELA TERLİKLER
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y24/havlu-terlikler" style="text-decoration:none;color:#666;font-size:13px;">
                                                            HAVLU TERLİKLER
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y26/kadife-terlik" style="text-decoration:none;color:#666;font-size:13px;">
                                                            KADİFE TERLİK
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y27/polyester-kadife" style="text-decoration:none;color:#666;font-size:13px;">
                                                            POLYESTER KADİFE
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y28/pktkapitone" style="text-decoration:none;color:#666;font-size:13px;">
                                                            PKT- KAPITONE
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y29/spa" style="text-decoration:none;color:#666;font-size:13px;">
                                                            SPA
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                    
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x66/ambalajli-urunler" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> AMBALAJLI ÜRÜNLER
                                                </a>
                                                <ul style="list-style:none;padding:6px 0 8px 18px;margin:0;">
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y67/dus-bonesi" style="text-decoration:none;color:#666;font-size:13px;">
                                                            DUŞ BONESİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y68/makyaj-pedi" style="text-decoration:none;color:#666;font-size:13px;">
                                                            MAKYAJ PEDİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y58/dis-setleri" style="text-decoration:none;color:#666;font-size:13px;">
                                                            DİŞ SETLERİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y59/tiras-seti" style="text-decoration:none;color:#666;font-size:13px;">
                                                            TIRAŞ SETİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y60/taraklar" style="text-decoration:none;color:#666;font-size:13px;">
                                                            TARAKLAR
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y61/banyo-lifleri" style="text-decoration:none;color:#666;font-size:13px;">
                                                            BANYO LİFLERİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y62/hijyen-seti" style="text-decoration:none;color:#666;font-size:13px;">
                                                            HİJYEN SETİ
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y69/kulak-pamugu" style="text-decoration:none;color:#666;font-size:13px;">
                                                            KULAK PAMUĞU
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y70/tirnak-torpusu" style="text-decoration:none;color:#666;font-size:13px;">
                                                            TIRNAK TÖRPÜSÜ
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                    </ul></div><div class="cinar-megamenu-col"><ul style="list-style: none; padding: 0; margin: 0;">
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x55/kozmetik-urunler" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> KOZMETİK ÜRÜNLER
                                                </a>
                                                
                                            </li>
                                    
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x56/sabunlar" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> SABUNLAR
                                                </a>
                                                
                                            </li>
                                    </ul></div><div class="cinar-megamenu-col"><ul style="list-style: none; padding: 0; margin: 0;">
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x63/kibritler" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> KİBRİTLER
                                                </a>
                                                
                                            </li>
                                    
                                            <li style="margin-bottom: 8px;">
                                                <a href="?x64/kiyafet-urunleri" style="text-decoration: none; color: #333; font-size: 14px; font-weight:600;">
                                                    <i class="fas fa-chevron-right" style="font-size: 16px; margin-right: 5px;"></i> KIYAFET ÜRÜNLERİ
                                                </a>
                                                <ul style="list-style:none;padding:6px 0 8px 18px;margin:0;">
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y65/askilar" style="text-decoration:none;color:#666;font-size:13px;">
                                                            ASKILAR
                                                        </a>
                                                    </li>
                                                
                                                    <li style="margin-bottom:4px;">
                                                        <a href="?y71/ayakkabi-cekecegi" style="text-decoration:none;color:#666;font-size:13px;">
                                                            AYAKKABI ÇEKECEĞİ
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                    </ul></div>
                                    
                                                                        <!-- Sutun 4: One Cikan urun (random) -->
                                    <div class="cinar-megamenu-col">
                                        <div class="cinar-featured-product">

                                            <a href="?d1337/sustainable-hotel-slippers" style="text-decoration:none;color:inherit;">
                                              <img src="deppo/image/sustainable-hotel-slippers-51126185456.png" alt="SUSTAINABLE HOTEL SLIPPERS" style="width: 100%; max-width: 150px;" onerror="this.src='assets/img/urun/TERLIK_1.png'">
                                              <h5 style="margin: 10px 0 5px; font-size: 14px;">SUSTAINABLE HOTEL SLIPPERS</h5>
                                            </a>
                                            <a href="?d1337/sustainable-hotel-slippers" class="cinar-featured-link" style="text-decoration: none; color: #007bff; font-size: 13px;">İncele</a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                        
                    </li>
                    
                    
                    
                    <li class="cinar-menuitem-2026 has-submenu">
                        <a href="#" class="cinar-menulink-2026">
                            MARKALAR<i class="fa-solid fa-angle-down"></i>
                        </a>
                        
                        
                            <ul class="cinar-dropdown-2026">
                                
                                    <li><a href="?m1346/EYUP-SABRI-TUNCER">EYÜP SABRİ TUNCER</a></li>
                                
                                    <li><a href="?m1347/AVIONS">AVIONS</a></li>
                                
                            </ul>
                        
                    </li>
                    
                    
                    
                    <li class="cinar-menuitem-2026 ">
                        <a href="?s1327/eco-friendly" class="cinar-menulink-2026">
                            ECO FRIENDLY
                        </a>
                        
                        
                    </li>
                    
                    
                    
                    <li class="cinar-menuitem-2026 ">
                        <a href="?i/iletisim" class="cinar-menulink-2026">
                            İLETİŞİM
                        </a>
                        
                        
                    </li>
                    
                    
                </ul>
                
                <!-- E-Katalog Butonu -->
                <a href="#" class="cinar-ekatalog-2026">
                    <span>
                        <span class="material-symbols-outlined">double_arrow</span>
                        E-KATALOG
                    </span>
                </a>
            </div>
        </div>
    </div>
</header>

<!-- Mobil Overlay -->
<div class="cinar-mobileoverlay-2026" id="cinarMobileOverlay2026"></div>

<!-- MOBİL ALT BAR -->
<div class="cinar-mobile-bar">
    <div class="cinar-mobile-bar-container">
        <div class="cinar-mobile-item" id="cinarMobileMenuBtn">
            <i class="fa-solid fa-bars"></i>
            <span>Menü</span>
        </div>
        <div class="cinar-mobile-item" onclick="window.location.href='tel:+90 (216) 383 85 30'">
            <i class="fa-solid fa-phone-volume"></i>
            <span>İletişim</span>
        </div>
        <div class="cinar-mobile-logo" onclick="window.location.href='?lang=lang1'">
            <img src="https://cinarterlik.com.tr//deppo/image/cinar-logo-icon.png" alt="Çınar Terlik">
        </div>
        <div class="cinar-mobile-item" id="cinarMobileCategoriesBtn">
            <i class="fa-solid fa-cart-shopping"></i>
            <span>Kategoriler</span>
        </div>
        <div class="cinar-mobile-item" id="cinarMobileLangBtn">
            <i class="fa-solid fa-earth-americas"></i>
            <span>Dil</span>
        </div>
    </div>
    
    <!-- Menü Paneli -->
    <div class="cinar-mobile-panel" id="cinarMobileMenuPanel">
        <div class="cinar-mobile-panel-header">
            <h3>Menü</h3>
            <i class="fa-solid fa-xmark" id="cinarMobileMenuClose"></i>
        </div>
        <ul class="cinar-mobile-panel-list">
            
            
            <li class="">
                <a href=".">
                    <i class="fa-solid fa-angle-right"></i> ANASAYFA
                </a>
                
                
            </li>
            
            
            
            <li class="">
                <a href="?s1003/kurumsal">
                    <i class="fa-solid fa-angle-right"></i> KURUMSAL
                </a>
                
                
            </li>
            
            
            
            <li class="cinar-mobile-has-submenu">
                <a href="#">
                    <i class="fa-solid fa-angle-right"></i> ÜRÜNLERİMİZ<i class="fas fa-chevron-right cinar-submenu-arrow"></i>
                </a>
                
                
                <ul class="cinar-mobile-submenu">
                    
                            <li>
                                <a href="?x54/terlikler">
                                    <i class="fa-solid fa-angle-right"></i> TERLİKLER
                                </a>
                                <ul class="cinar-mobile-submenu" style="padding-left:14px;">
                                    <li>
                                        <a href="?y73/vip-terlikler">
                                            <i class="fa-solid fa-angle-right"></i> VİP TERLİKLER
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y21/tela-terlikler">
                                            <i class="fa-solid fa-angle-right"></i> TELA TERLİKLER
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y24/havlu-terlikler">
                                            <i class="fa-solid fa-angle-right"></i> HAVLU TERLİKLER
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y26/kadife-terlik">
                                            <i class="fa-solid fa-angle-right"></i> KADİFE TERLİK
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y27/polyester-kadife">
                                            <i class="fa-solid fa-angle-right"></i> POLYESTER KADİFE
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y28/pktkapitone">
                                            <i class="fa-solid fa-angle-right"></i> PKT- KAPITONE
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y29/spa">
                                            <i class="fa-solid fa-angle-right"></i> SPA
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        
                            <li>
                                <a href="?x66/ambalajli-urunler">
                                    <i class="fa-solid fa-angle-right"></i> AMBALAJLI ÜRÜNLER
                                </a>
                                <ul class="cinar-mobile-submenu" style="padding-left:14px;">
                                    <li>
                                        <a href="?y67/dus-bonesi">
                                            <i class="fa-solid fa-angle-right"></i> DUŞ BONESİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y68/makyaj-pedi">
                                            <i class="fa-solid fa-angle-right"></i> MAKYAJ PEDİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y58/dis-setleri">
                                            <i class="fa-solid fa-angle-right"></i> DİŞ SETLERİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y59/tiras-seti">
                                            <i class="fa-solid fa-angle-right"></i> TIRAŞ SETİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y60/taraklar">
                                            <i class="fa-solid fa-angle-right"></i> TARAKLAR
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y61/banyo-lifleri">
                                            <i class="fa-solid fa-angle-right"></i> BANYO LİFLERİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y62/hijyen-seti">
                                            <i class="fa-solid fa-angle-right"></i> HİJYEN SETİ
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y69/kulak-pamugu">
                                            <i class="fa-solid fa-angle-right"></i> KULAK PAMUĞU
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y70/tirnak-torpusu">
                                            <i class="fa-solid fa-angle-right"></i> TIRNAK TÖRPÜSÜ
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        
                            <li>
                                <a href="?x55/kozmetik-urunler">
                                    <i class="fa-solid fa-angle-right"></i> KOZMETİK ÜRÜNLER
                                </a>
                                
                            </li>
                        
                            <li>
                                <a href="?x56/sabunlar">
                                    <i class="fa-solid fa-angle-right"></i> SABUNLAR
                                </a>
                                
                            </li>
                        
                            <li>
                                <a href="?x63/kibritler">
                                    <i class="fa-solid fa-angle-right"></i> KİBRİTLER
                                </a>
                                
                            </li>
                        
                            <li>
                                <a href="?x64/kiyafet-urunleri">
                                    <i class="fa-solid fa-angle-right"></i> KIYAFET ÜRÜNLERİ
                                </a>
                                <ul class="cinar-mobile-submenu" style="padding-left:14px;">
                                    <li>
                                        <a href="?y65/askilar">
                                            <i class="fa-solid fa-angle-right"></i> ASKILAR
                                        </a>
                                    </li>
                                
                                    <li>
                                        <a href="?y71/ayakkabi-cekecegi">
                                            <i class="fa-solid fa-angle-right"></i> AYAKKABI ÇEKECEĞİ
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        
                </ul>
                
            </li>
            
            
            
            <li class="cinar-mobile-has-submenu">
                <a href="#">
                    <i class="fa-solid fa-angle-right"></i> MARKALAR<i class="fas fa-chevron-right cinar-submenu-arrow"></i>
                </a>
                
                
                <ul class="cinar-mobile-submenu">
                    
                            <li>
                                <a href="?m1346/EYUP-SABRI-TUNCER">
                                    <i class="fa-solid fa-angle-right"></i> EYÜP SABRİ TUNCER
                                </a>
                            </li>
                        
                            <li>
                                <a href="?m1347/AVIONS">
                                    <i class="fa-solid fa-angle-right"></i> AVIONS
                                </a>
                            </li>
                        
                </ul>
                
            </li>
            
            
            
            <li class="">
                <a href="?s1327/eco-friendly">
                    <i class="fa-solid fa-angle-right"></i> ECO FRIENDLY
                </a>
                
                
            </li>
            
            
            
            <li class="">
                <a href="?i/iletisim">
                    <i class="fa-solid fa-angle-right"></i> İLETİŞİM
                </a>
                
                
            </li>
            
            
        </ul>
        <div class="cinar-mobile-panel-footer">
            <a href="tel:+90 (216) 383 85 30"><i class="fa-solid fa-phone-volume"></i> +90 (216) 383 85 30</a>
            <a href="mailto:info@cinarterlik.com.tr"><i class="fa-solid fa-at"></i> info@cinarterlik.com.tr</a>
        </div>
    </div>
    
    <!-- Kategori Paneli -->
    <div class="cinar-mobile-panel" id="cinarMobileCategoriesPanel">
        <div class="cinar-mobile-panel-header">
            <h3>Kategoriler</h3>
            <i class="fa-solid fa-xmark" id="cinarMobileCategoriesClose"></i>
        </div>
        <ul class="cinar-mobile-panel-list">
            
                <li>
                    <a href="?x54/terlikler">
                        <i class="fa-solid fa-angle-right"></i> TERLİKLER
                    </a>
                </li>
            
                <li>
                    <a href="?x66/ambalajli-urunler">
                        <i class="fa-solid fa-angle-right"></i> AMBALAJLI ÜRÜNLER
                    </a>
                </li>
            
                <li>
                    <a href="?x55/kozmetik-urunler">
                        <i class="fa-solid fa-angle-right"></i> KOZMETİK ÜRÜNLER
                    </a>
                </li>
            
                <li>
                    <a href="?x56/sabunlar">
                        <i class="fa-solid fa-angle-right"></i> SABUNLAR
                    </a>
                </li>
            
                <li>
                    <a href="?x63/kibritler">
                        <i class="fa-solid fa-angle-right"></i> KİBRİTLER
                    </a>
                </li>
            
                <li>
                    <a href="?x64/kiyafet-urunleri">
                        <i class="fa-solid fa-angle-right"></i> KIYAFET ÜRÜNLERİ
                    </a>
                </li>
            
        </ul>
    </div>
    
    <!-- Dil Paneli -->
    <div class="cinar-mobile-panel" id="cinarMobileLangPanel">
        <div class="cinar-mobile-panel-header">
            <h3>Dil Seçimi</h3>
            <i class="fa-solid fa-xmark" id="cinarMobileLangClose"></i>
        </div>
        <ul class="cinar-mobile-panel-list cinar-mobile-lang-list">
            <li class="cinar-mobile-lang-option active" data-code="lang1">
                <a href="?lang=lang1" style="display: flex; align-items: center; width: 100%; gap: 10px;">
                    <span class="cinar-mobile-flag"><img src="assets/img/icon/tr.webp" alt="tr" width="24" height="18"></span>
                    <span>TÜRKÇE</span>
                    <i class="fas fa-check cinar-mobile-lang-check"></i>
                </a>
            </li>
            <li class="cinar-mobile-lang-option " data-code="lang2">
                <a href="?lang=lang2" style="display: flex; align-items: center; width: 100%; gap: 10px;">
                    <span class="cinar-mobile-flag"><img src="assets/img/icon/en.webp" alt="en" width="24" height="18"></span>
                    <span>ENGLISH</span>
                    
                </a>
            </li>
        </ul>
    </div>
</div><!-- Mobil Slider -->
<div class="cinar-mobile-slider owl-carousel">

    <div class="item">
        <img src="deppo/slide/142853611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142910611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142925611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142936611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142948611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/164511511265.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/164523511265.jpg" alt="Çınar Terlik">
    </div>

   
</div>

<!-- Masaüstü Slider -->
<div class="cinar-desktop-slider owl-carousel">

    <div class="item">
        <img src="deppo/slide/142655611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142713611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142725611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/14286611266.jpg" alt="Çınar Terlik">
    </div>

    <div class="item">
        <img src="deppo/slide/142823611266.jpg" alt="Çınar Terlik">
    </div>

</div>

  <!-- Hero Bölümü -->
    <div class="cinar-hero-wrapper">
    <div class="cinar-header-flex">
      <div class="cinar-header-left">
        <h2 class="cinar-title">" <span class="cinar-title-highlight">Çınar Terlik</span> , <br>kusursuz konfor.</h2>
      </div>
      <div class="cinar-header-right">
        <div class="cinar-content-wrapper">
          <div class="cinar-divider"></div>
          <p class="cinar-description">Yılların tecrübesi ile yeni bir sektörde hizmet vermek isteyen firmamız 2005 yılında büyük bir pazar olan otel buklet malzemeleri sektöründe ÇINAR Terlik ve Otel Buklet Malzemeleri şirketi PLANUM markasıyla tek kullanımlık terlik ve buklet malzemeleri üretimine başlamıştır.</p>
        </div>
      </div>
    </div>
    <div class="cinar-slider-container owl-carousel">
      <div class="cinar-slider-item">
        <div class="cinar-card">
          <div class="cinar-card-icon"><i class="fas fa-medal"></i></div>
          <h5 class="cinar-card-title">Kalite Odaklı Üretim</h5>
          <p class="cinar-card-text">Tüm işlerimizde, yılların deneyimiyle sektördeki en köklü olmakla birlikte en yüksek kalitede üretimimizi her zaman kararlılıkla sürdürmekteyiz.</p>
        </div>
      </div>
      <div class="cinar-slider-item">
        <div class="cinar-card">
          <div class="cinar-card-icon"><i class="fas fa-briefcase"></i></div>
          <h5 class="cinar-card-title">Profesyonel</h5>
          <p class="cinar-card-text">Yaptığımız işin ne kadar önemli olduğunun farkında ve bu konuda gerekli tüm donanımlarla profesyonel çalışmalarımızı lütfen takip ediniz.</p>
        </div>
      </div>
      <div class="cinar-slider-item">
        <div class="cinar-card">
          <div class="cinar-card-icon"><i class="fas fa-shield-alt"></i></div>
          <h5 class="cinar-card-title">Hijyenik Ürün</h5>
          <p class="cinar-card-text">Modern tesislerimizde tamamen el değmeden, son teknoloji dolum makineleriyle tam hijyenik ortamda gerçekleştirilen imalatımız sizlere kesintisiz hizmet etmektedir.</p>
        </div>
      </div>
    </div>
  </div>
<!-- Ürünler Slider -->
  <div class="cinar-products-section">
    <div class="cinar-products-container">
      <div class="cinar-products-header">
        <h2 class="cinar-products-main-title">Öne Çıkan Ürünlerimiz</h2>
        <p class="cinar-products-subtitle">En çok tercih edilen ve beğeni toplayan modellerimiz</p>
      </div>
      <div class="cinar-products-slider owl-carousel">
	  
	  
		
      </div>
    </div>
  </div>

  <!-- Kategoriler -->
  <div class="cinar-categories-section">
    <div class="cinar-categories-container">
      <div class="cinar-categories-header">
        <div>
          <h2 class="cinar-categories-main-title">Her Zaman, Her Yerde <br>Güven ve Kalite.</h2>
        </div>
        <a href="#" class="cinar-categories-view-all">Tümünü Göster <i class="fas fa-arrow-right"></i></a>
      </div>
      <div class="cinar-categories-grid">

        <div class="cinar-category-item">
          <div class="cinar-category-card">
            <div class="cinar-category-image-wrapper">
              <a href="?x54/terlikler"><img src="deppo/image/terlikler.jpg" alt="" class="cinar-category-image"></a>
              <div class="cinar-category-overlay">
                <a href="?x54/terlikler" class="cinar-category-link">İncele <i class="fas fa-arrow-right"></i></a>
              </div>
            </div>
            <div class="cinar-category-details">
              <h4 class="cinar-category-title"><a href="?x54/terlikler">TERLİKLER</a></h4>
            </div>
          </div>
        </div>

        <div class="cinar-category-item">
          <div class="cinar-category-card">
            <div class="cinar-category-image-wrapper">
              <a href="?x66/ambalajli-urunler"><img src="deppo/image/kozmetik.jpg" alt="" class="cinar-category-image"></a>
              <div class="cinar-category-overlay">
                <a href="?x66/ambalajli-urunler" class="cinar-category-link">İncele <i class="fas fa-arrow-right"></i></a>
              </div>
            </div>
            <div class="cinar-category-details">
              <h4 class="cinar-category-title"><a href="?x66/ambalajli-urunler">AMBALAJLI ÜRÜNLER</a></h4>
            </div>
          </div>
        </div>

        <div class="cinar-category-item">
          <div class="cinar-category-card">
            <div class="cinar-category-image-wrapper">
              <a href="?x64/kiyafet-urunleri"><img src="deppo/image/kiyafet-urunleri.jpg" alt="" class="cinar-category-image"></a>
              <div class="cinar-category-overlay">
                <a href="?x64/kiyafet-urunleri" class="cinar-category-link">İncele <i class="fas fa-arrow-right"></i></a>
              </div>
            </div>
            <div class="cinar-category-details">
              <h4 class="cinar-category-title"><a href="?x64/kiyafet-urunleri">KIYAFET ÜRÜNLERİ</a></h4>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Katalog Banner -->
  <div class="cinar-katalog-banner">
    <div>
      <div class="cinar-resim-sol">
        <img src="assets/img/cinar-terlik-online-wid.jpg" alt="Çınar Terlik Online Katalog">
      </div>
      <div class="cinar-icerik-sag">
        <h2 class="cinar-baslik">ÇINAR TERLİK <br>ONLINE KATALOG</h2>
        <p class="cinar-kisa-yazi">Tüm ürünlerimize güncel olarak aşağıdaki bağlantıdan ulaşabilir, bizimle iletişime geçebilirsiniz.</p>
        <a href="#" class="cinar-buton-sag">E-KATALOG</a>
      </div>
    </div>
  </div><!-- Footer -->
  <footer class="cinar-premium-footer">
    <div class="cinar-premium-main">
      <div class="cinar-premium-grid">
        <div class="cinar-premium-col">
          <img src="https://cinarterlik.com.tr//deppo/image/wlogo.png" alt="Çınar Terlik" class="cinar-premium-logo-img">
          <p class="cinar-premium-description">İleri teknolojiyle donatılmış makinelerimiz ve uzman ekibimizle, sınırları zorlayarak sektörde öncü olmayı hedefliyoruz.</p>
          <div class="cinar-premium-social">
            
          </div>
        </div>
        <div class="cinar-premium-col">
          <h4 class="cinar-premium-title">Hızlı Menü</h4>
          <ul class="cinar-premium-menu-list">
            <li><a href="."><i class="fas fa-chevron-right"></i> Anasayfa</a></li>
            
            <li><a href="."><i class="fas fa-chevron-right"></i> Kurumsal</a></li>
            
            <li><a href="#"><i class="fas fa-chevron-right"></i> Ürünlerimiz</a></li>
            <li><a href="?i/iletisim"><i class="fas fa-chevron-right"></i> İletişim</a></li>
          </ul>
        </div>
        <div class="cinar-premium-col">
          <h4 class="cinar-premium-title">Kategoriler</h4>
          <ul class="cinar-premium-cats-list">
            
            <li><a href="?x54/terlikler"><i class="fas fa-chevron-right"></i> TERLİKLER</a></li>
            
            <li><a href="?x66/ambalajli-urunler"><i class="fas fa-chevron-right"></i> AMBALAJLI ÜRÜNLER</a></li>
            
            <li><a href="?x55/kozmetik-urunler"><i class="fas fa-chevron-right"></i> KOZMETİK ÜRÜNLER</a></li>
            
            <li><a href="?x56/sabunlar"><i class="fas fa-chevron-right"></i> SABUNLAR</a></li>
            
            <li><a href="?x63/kibritler"><i class="fas fa-chevron-right"></i> KİBRİTLER</a></li>
            
            <li><a href="?x64/kiyafet-urunleri"><i class="fas fa-chevron-right"></i> KIYAFET ÜRÜNLERİ</a></li>
            
          </ul>
        </div>
        <div class="cinar-premium-col">
          <h4 class="cinar-premium-title">İletişim</h4>
          <ul class="cinar-premium-contact-list">
            <li>
              <div class="cinar-premium-contact-icon"><i class="fas fa-map-marker-alt"></i></div>
              <div class="cinar-premium-contact-text">
                <strong>Adres:</strong>
                <p>Girne Mah. Irmak Sk. Küçükyalı İş Merkezi G Blok No:42 Maltepe</p>
              </div>
            </li>
            <li>
              <div class="cinar-premium-contact-icon"><i class="fas fa-phone-alt"></i></div>
              <div class="cinar-premium-contact-text">
                <strong>Telefon:</strong>
                <p><a href="tel:+902163838530">+90 (216) 383 85 30</a></p>
              </div>
            </li>
            <li>
              <div class="cinar-premium-contact-icon"><i class="fas fa-envelope"></i></div>
              <div class="cinar-premium-contact-text">
                <strong>E-Posta:</strong>
                <p><a href="mailto:info@cinarterlik.com.tr">info@cinarterlik.com.tr</a></p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="cinar-premium-bottom">
      <div class="cinar-premium-bottom-content">
        <p class="cinar-premium-copyright">&copy; 2026 Cinar Terlik. Tüm Hakları Saklıdır.</p>
        <div class="cinar-premium-links">
          <a href="#">KVKK</a>
          <a href="#">Kullanım Koşulları</a>
          <a href="#">Çerez Politikası</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- WhatsApp Butonu -->
  <div class="whatsapp-fixed">
    <a href="#" class="whatsapp-mini" title="WhatsApp">
      <i class="fab fa-whatsapp"></i>
    </a>
  </div>

  <!-- Scripts -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  <script>
    function hideCinarPreloader() {
      try { document.body.classList.add('loaded'); } catch (e) {}
      var p = document.getElementById('preloader');
      if (p) {
        p.classList.add('loaded');
        p.style.display = 'none';
        p.style.opacity = '0';
        p.style.visibility = 'hidden';
        p.style.pointerEvents = 'none';
      }
      var inners = document.querySelectorAll('.preloader, .preloader-inner');
      for (var i = 0; i < inners.length; i++) {
        inners[i].style.display = 'none';
        inners[i].style.opacity = '0';
        inners[i].style.visibility = 'hidden';
        inners[i].style.pointerEvents = 'none';
      }
      if (window.jQuery) {
        try { jQuery('.preloader, .preloader-inner, #preloader').stop(true, true).hide(); } catch (e) {}
      }
    }
    setTimeout(hideCinarPreloader, 600);
    setTimeout(hideCinarPreloader, 2500);
    if (document.readyState === 'complete') { hideCinarPreloader(); }
    else { window.addEventListener('load', hideCinarPreloader); }

    $(document).ready(function() {
      hideCinarPreloader();
      setTimeout(hideCinarPreloader, 1000);

      try {
        var isMobileView = window.matchMedia('(max-width: 768px)').matches;
        var $mobileSlider = $('.cinar-mobile-slider');
        var $desktopSlider = $('.cinar-desktop-slider');
        if (isMobileView && $mobileSlider.length && $mobileSlider.children().length) {
          $mobileSlider.owlCarousel({
            loop: $mobileSlider.children().length > 1, margin: 0, nav: false, dots: true, autoplay: true, items: 1
          });
        }
        if (!isMobileView && $desktopSlider.length && $desktopSlider.children().length) {
          $desktopSlider.owlCarousel({
            loop: $desktopSlider.children().length > 1, margin: 0, nav: false, dots: true, autoplay: true, autoplayTimeout: 5000, smartSpeed: 700, items: 1
          });
        }
        var $slider = $('.cinar-slider-container');
        if ($slider.length && $slider.children().length) {
          $slider.owlCarousel({
            loop: $slider.children().length > 1, margin: 24, nav: false, dots: true, autoplay: true,
            responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 } }
          });
        }
        var $products = $('.cinar-products-slider');
        if ($products.length && $products.children().length) {
          $products.owlCarousel({
            loop: $products.children().length > 1, margin: 24, nav: false, dots: true, autoplay: true,
            responsive: { 0: { items: 1 }, 640: { items: 2 }, 1024: { items: 4 } }
          });
        }
      } catch (e) {}

      // Dil değiştirme işlevi
      $('.cinar-lang-option').on('click', function() {
        const lang = $(this).data('lang');
        const flagHtml = $(this).find('.flag-icon').html();
        const langText = $(this).find('span:last').text();
        
        $('.cinar-lang-option').removeClass('active');
        $(this).addClass('active');
        
        $('#selectedFlag').html(flagHtml);
        $('#selectedLang').text(langText);
      });
    });

    document.addEventListener('DOMContentLoaded', function() {
      const mobileBtn = document.getElementById('cinarMobileBtn2026');
      const mobileClose = document.getElementById('cinarMobileClose2026');
      const menu = document.getElementById('cinarMenuList2026');
      const overlay = document.getElementById('cinarMobileOverlay2026');
      
      if (mobileBtn && menu) {
        mobileBtn.addEventListener('click', function() {
          menu.classList.add('active-2026');
          if (overlay) overlay.classList.add('active-2026');
          document.body.style.overflow = 'hidden';
        });
      }
      if (mobileClose) {
        mobileClose.addEventListener('click', closeMenu);
      }
      if (overlay) {
        overlay.addEventListener('click', closeMenu);
      }
      function closeMenu() {
        if (menu) menu.classList.remove('active-2026');
        if (overlay) overlay.classList.remove('active-2026');
        document.body.style.overflow = '';
        document.querySelectorAll('.cinar-menuitem-2026.open-2026').forEach(i => i.classList.remove('open-2026'));
      }
      
      document.querySelectorAll('.cinar-menuitem-2026 .cinar-menulink-2026').forEach(link => {
        link.addEventListener('click', function(e) {
          if (window.innerWidth <= 900) {
            const parent = this.parentElement;
            if (parent.querySelector('.cinar-dropdown-2026') || parent.querySelector('.cinar-megamenu-2026')) {
              e.preventDefault();
              parent.classList.toggle('open-2026');
            }
          }
        });
      });
      
      // Mobil panel scriptleri
      function closeAllPanels() {
        document.querySelectorAll('.cinar-mobile-panel').forEach(p => p.classList.remove('open'));
        if (overlay) overlay.classList.remove('active-2026');
      }
      
      const menuBtn = document.getElementById('cinarMobileMenuBtn');
      const menuPanel = document.getElementById('cinarMobileMenuPanel');
      const menuClose = document.getElementById('cinarMobileMenuClose');
      if (menuBtn && menuPanel) {
        menuBtn.addEventListener('click', function(e) {
          e.preventDefault();
          closeAllPanels();
          menuPanel.classList.add('open');
          if (overlay) overlay.classList.add('active-2026');
        });
      }
      if (menuClose) {
        menuClose.addEventListener('click', function() {
          menuPanel.classList.remove('open');
          if (overlay) overlay.classList.remove('active-2026');
        });
      }
      
      const catBtn = document.getElementById('cinarMobileCategoriesBtn');
      const catPanel = document.getElementById('cinarMobileCategoriesPanel');
      const catClose = document.getElementById('cinarMobileCategoriesClose');
      if (catBtn && catPanel) {
        catBtn.addEventListener('click', function(e) {
          e.preventDefault();
          closeAllPanels();
          catPanel.classList.add('open');
          if (overlay) overlay.classList.add('active-2026');
        });
      }
      if (catClose) {
        catClose.addEventListener('click', function() {
          catPanel.classList.remove('open');
          if (overlay) overlay.classList.remove('active-2026');
        });
      }
      
      const langBtn = document.getElementById('cinarMobileLangBtn');
      const langPanel = document.getElementById('cinarMobileLangPanel');
      const langClose = document.getElementById('cinarMobileLangClose');
      if (langBtn && langPanel) {
        langBtn.addEventListener('click', function(e) {
          e.preventDefault();
          closeAllPanels();
          langPanel.classList.add('open');
          if (overlay) overlay.classList.add('active-2026');
        });
      }
      if (langClose) {
        langClose.addEventListener('click', function() {
          langPanel.classList.remove('open');
          if (overlay) overlay.classList.remove('active-2026');
        });
      }
      
      document.querySelectorAll('.cinar-mobile-lang-option').forEach(opt => {
        opt.addEventListener('click', function() {
          const code = this.dataset.code;
          document.querySelectorAll('.cinar-mobile-lang-option').forEach(o => o.classList.remove('active'));
          this.classList.add('active');
          document.cookie = 'cinar_lang=' + code + '; path=/; max-age=31536000';
          
          setTimeout(() => {
            langPanel.classList.remove('open');
            if (overlay) overlay.classList.remove('active-2026');
          }, 200);
        });
      });
      
      document.querySelectorAll('.cinar-mobile-has-submenu > a').forEach(item => {
        item.addEventListener('click', function(e) {
          e.preventDefault();
          const sub = this.nextElementSibling;
          const arr = this.querySelector('.cinar-submenu-arrow');
          if (sub && sub.classList.contains('cinar-mobile-submenu')) {
            sub.classList.toggle('open');
            // Ok animasyonu
            if (arr) {
              arr.style.transition = 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
              arr.style.transform = sub.classList.contains('open') ? 'rotate(90deg)' : 'rotate(0deg)';
            }
          }
        });
      });
      
      window.addEventListener('resize', function() {
        if (window.innerWidth > 900) {
          if (menu) menu.classList.remove('active-2026');
          if (overlay) overlay.classList.remove('active-2026');
          document.body.style.overflow = '';
          document.querySelectorAll('.cinar-menuitem-2026.open-2026').forEach(i => i.classList.remove('open-2026'));
        }
      });
    });
  </script>
  
  <!-- Diğer scriptler -->
  <script src="assets/js/vendor.js"></script>
  <script src="assets/js/main.js"></script>
  <script src="assets/lightbox/dist/js/lightbox.js"></script>
</body>
</html>