<!DOCTYPE html>
<html lang="tr" dir="ltr" class="scroll-smoth">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="dy5MhgqHSsSEJ8qcYDRFU7J8ypxU2FNF6YlmGufn">

                    <link rel="shortcut icon" href="https://artishore.cfd/storage/media/media_item/default/4/4/conversions/favicon-default-webp.webp" type="image/x-icon">
            
    

    <title>Acamar</title>
<meta name="description" content="Gücü Değerlerinde">
<meta property="og:title" content="Acamar">


<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Acamar"}</script>

    <style>
        [x-cloak=""],
        [x-cloak="x-cloak"],
        [x-cloak="1"] {
            display: none !important;
        }
    </style>

    <link rel="preload" as="style" href="https://artishore.cfd/build/assets/app-C5yeb_yW.css" /><link rel="modulepreload" href="https://artishore.cfd/build/assets/app-CM2Z_5Ng.js" /><link rel="modulepreload" href="https://artishore.cfd/build/assets/vendor-BcO9pgIF.js" /><link rel="stylesheet" href="https://artishore.cfd/build/assets/app-C5yeb_yW.css" data-navigate-track="reload" /><script type="module" src="https://artishore.cfd/build/assets/app-CM2Z_5Ng.js" data-navigate-track="reload" data-pagespeed-no-defer></script>
    <link rel="modulepreload" href="https://artishore.cfd/build/assets/app-CM2Z_5Ng.js" /><link rel="modulepreload" href="https://artishore.cfd/build/assets/vendor-BcO9pgIF.js" /><script type="module" src="https://artishore.cfd/build/assets/app-CM2Z_5Ng.js" data-navigate-track="reload" data-pagespeed-no-defer></script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
    <link
            href="https://artishore.cfd/css/filament/forms/forms.css?v=3.3.47.0"
            rel="stylesheet"
            data-navigate-track
        />
                <link
            href="https://artishore.cfd/css/filament/support/support.css?v=3.3.47.0"
            rel="stylesheet"
            data-navigate-track
        />
    
<style>
    :root {
         --danger-50:254, 242, 242;  --danger-100:254, 226, 226;  --danger-200:254, 202, 202;  --danger-300:252, 165, 165;  --danger-400:248, 113, 113;  --danger-500:239, 68, 68;  --danger-600:220, 38, 38;  --danger-700:185, 28, 28;  --danger-800:153, 27, 27;  --danger-900:127, 29, 29;  --danger-950:69, 10, 10;  --gray-50:250, 250, 250;  --gray-100:244, 244, 245;  --gray-200:228, 228, 231;  --gray-300:212, 212, 216;  --gray-400:161, 161, 170;  --gray-500:113, 113, 122;  --gray-600:82, 82, 91;  --gray-700:63, 63, 70;  --gray-800:39, 39, 42;  --gray-900:24, 24, 27;  --gray-950:9, 9, 11;  --info-50:239, 246, 255;  --info-100:219, 234, 254;  --info-200:191, 219, 254;  --info-300:147, 197, 253;  --info-400:96, 165, 250;  --info-500:59, 130, 246;  --info-600:37, 99, 235;  --info-700:29, 78, 216;  --info-800:30, 64, 175;  --info-900:30, 58, 138;  --info-950:23, 37, 84;  --primary-50:255, 251, 235;  --primary-100:254, 243, 199;  --primary-200:253, 230, 138;  --primary-300:252, 211, 77;  --primary-400:251, 191, 36;  --primary-500:245, 158, 11;  --primary-600:217, 119, 6;  --primary-700:180, 83, 9;  --primary-800:146, 64, 14;  --primary-900:120, 53, 15;  --primary-950:69, 26, 3;  --success-50:240, 253, 244;  --success-100:220, 252, 231;  --success-200:187, 247, 208;  --success-300:134, 239, 172;  --success-400:74, 222, 128;  --success-500:34, 197, 94;  --success-600:22, 163, 74;  --success-700:21, 128, 61;  --success-800:22, 101, 52;  --success-900:20, 83, 45;  --success-950:5, 46, 22;  --warning-50:255, 251, 235;  --warning-100:254, 243, 199;  --warning-200:253, 230, 138;  --warning-300:252, 211, 77;  --warning-400:251, 191, 36;  --warning-500:245, 158, 11;  --warning-600:217, 119, 6;  --warning-700:180, 83, 9;  --warning-800:146, 64, 14;  --warning-900:120, 53, 15;  --warning-950:69, 26, 3;     }
</style>

            <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NWS5P9H6');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="1yJ29AkmcoYWrKINIh2iDQ7--JxSsFTlZ8ENpNKo5eg" />    </head>

<body class="scrollbar scrollbar-w-1.5 scrollbar-track-transparent scrollbar-thumb-main-600">
            <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWS5P9H6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->    
    <link rel="stylesheet" href="https://artishore.cfd/assets/style/custom.css">

    <header class="header-field group/header block z-80 fixed w-full left-0 top-0 duration-300 min-lg:[&.fix]:-translate-y-10 blue">
    <div class="top-wrapper z-5 relative h-10 bg-[#0C2D4A] duration-300 group-[&.brown:not(.fix)]/header:bg-[#1D1510] lg:hidden">
        <div class="wrapper max-w-1680 mx-auto flex h-full w-full justify-between px-8">
            <div class="menu-outer-wrapper flex gap-6">
                <div class="menu-wrapper trigger-top-overlay group/menu">
            <div class="trigger h-full flex items-center gap-1.5 cursor-pointer">
                <div class="text font-medium text-sm text-white">Kurumsal</div>
                <div class="icon icon-chevron-bottom text-1.5 h-1.5 block leading-none duration-300 text-[#2A87CD] group-[&.brown:not(.fix)]/header:text-[#DFD4A9] group-hover/menu:rotate-180"></div>
            </div>
            <div class="menu absolute left-0 top-full w-full bg-white opacity-0 pointer-events-none duration-300 group-hover/menu:opacity-100 group-hover/menu:pointer-events-auto">
                <div class="wrapper max-w-1680 mx-auto w-full px-8 py-9 2xl:py-8 xl:py-7 grid grid-cols-4/8 gap-11 items-center">
                    <div class="image widen-wrapper flex justify-end relative">
                        <div class="file widen-child shrink-0 bg-main-950 aspect-[670/380]">
                            <img class="full-cover opacity-70" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/39/39/conversions/24-webp.webp" alt="24.jpg">                        </div>
                        <div class="text absolute right-0 bottom-0 py-8 px-12">
                            <div class="text-editor text-editor-white">
                                <h4>&quot;Gücü Değerinde&quot;</h4>
                            </div>
                        </div>
                    </div>
                    <div class="content max-w-[650px]">
                                                <div class="text-editor">
                            <blockquote>
                                <h5 style="font-weight:500;color:#175A93">
                                    Acamar grup şirketleri, faaliyet gösterdiği her sektörde, en üst derecede ve koşulsuz müşteri memnuniyetini esas almaktadır.                                </h5>
                            </blockquote>
                        </div>
                                                <div class="list grid grid-cols-2 gap-x-32 2xl:gap-x-28 xl:gap-x-24 gap-y-8 2xl:gap-y-7 xl:gap-y-6 mt-20 2xl:mt-16 xl:mt-10 relative before:absolute before:left-1/2 before:-translate-x-1/2 before:w-px before:h-full before:bg-gray-100">
                                                                                                <a href="https://artishore.cfd/hakkimizda" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">Hakkımızda</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                    <a href="https://artishore.cfd/insan-kaynaklari" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">İnsan Kaynakları</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                    <a href="https://artishore.cfd/kurumsal-kimlik" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">Kurumsal Kimlik</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                    <a href="https://artishore.cfd/politikalar%C4%B1m%C4%B1z" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">Politikalarımız</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                    <a href="https://artishore.cfd/odullerimiz" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">Ödüllerimiz</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                    <a href="https://artishore.cfd/iletisim" target="_self" class="item group/item flex items-center justify-between gap-8 2xl:gap-7 xl:gap-6 lg:gap-5 md:gap-4 draw-child-underline [--line-color:#061725]">
                                        <div class="text font-medium text-main-900 text-base leading-tight w-fit draw-el">İletişim</div>
                                        <div class="icon icon-arrow-right text-4 h-4 block leading-none duration-300 text-[#0B90F3] group-hover/item:translate-x-2 translate-z-0"></div>
                                    </a>
                                                                                    </div>
                    </div>
                </div>
            </div>
        </div>
                    <div class="menu-wrapper trigger-top-overlay group/menu relative">
            <div class="trigger h-full flex items-center gap-1.5 cursor-pointer">
                <div class="text font-medium text-sm text-white">Blog</div>
                <div class="icon icon-chevron-bottom text-1.5 h-1.5 block leading-none duration-300 text-[#2A87CD] group-[&.brown:not(.fix)]/header:text-[#DFD4A9] group-hover/menu:rotate-180"></div>
            </div>
            <div class="menu absolute left-0 top-full w-max bg-white px-8 py-9 2xl:px-7 xl:px-6 2xl:py-8 xl:py-7 menu-position-fix grid gap-9 2xl:gap-8 xl:gap-6 opacity-0 pointer-events-none duration-300 group-hover/menu:opacity-100 group-hover/menu:pointer-events-auto"> <!-- menu-position-fix = bu class açılan menüyü wrapperın solunda başlatan bir js fix çalıştırıyor -->
                                                                                     <a href="https://artishore.cfd/blog-yazilari?type=news-from-us" target="_self" class="item group/item flex items-center gap-4 xl:gap-3 draw-child-underline [--line-color:#061725]">
                            <div class="icon icon-document-2 text-6 h-6 block leading-none duration-300 text-[#1D71B8] mr-1"></div>
                            <div class="text">
                                <div class="title text-main-900 text-base font-semibold duration-300 w-fit draw-el leading-tight">Bizden Haberler</div>
                                <p class="expo text-sm xl:text-xs font-medium text-gray-700 mt-0.5"></p>
                            </div>
                        </a>
                                                                    <a href="https://artishore.cfd/blog-yazilari?type=you-should-know" target="_self" class="item group/item flex items-center gap-4 xl:gap-3 draw-child-underline [--line-color:#061725]">
                            <div class="icon icon-document-2 text-6 h-6 block leading-none duration-300 text-[#1D71B8] mr-1"></div>
                            <div class="text">
                                <div class="title text-main-900 text-base font-semibold duration-300 w-fit draw-el leading-tight">Bilmeniz Gerekenler</div>
                                <p class="expo text-sm xl:text-xs font-medium text-gray-700 mt-0.5"></p>
                            </div>
                        </a>
                                                </div>
        </div>
        </div>
            <div class="contact-wrapper flex gap-6">
                <a href="https://artishore.cfd/servis-randevusu" class="contact group/contact draw-child-underline hidden items-center gap-1.5 [--line-color:#FFFFFF] xl:flex">
                    <div class="icon icon-list-1 text-3 block h-3 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#DFD4A9]"></div>
                    <div class="text draw-el text-sm font-medium text-white">
                        Servis Randevusu                    </div>
                </a>
                <a href="tel:+902242670203" class="contact group/contact draw-child-underline flex items-center gap-1.5 [--line-color:#FFFFFF]">
                    <div class="icon icon-phone text-3 block h-3 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#DFD4A9]"></div>
                    <div class="text draw-el text-sm font-medium text-white">
                        +90 224 267 02 03                    </div>
                </a>
                                    <a href="https://artishore.cfd/sizi-arayalim" class="contact group/contact draw-child-underline flex items-center gap-1.5 [--line-color:#FFFFFF]">
                        <div class="icon icon-headset text-4 block h-4 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#DFD4A9]"></div>
                        <div class="text draw-el text-sm font-medium text-white">
                            Sizi Arayalım                        </div>
                    </a>
                            </div>
        </div>
    </div>

    <div class="content-wrapper z-3 relative h-24 bg-white lg:h-20">
        <div class="wrapper max-w-1680 mx-auto flex h-full w-full justify-between gap-8 px-8 2xl:gap-6">
                            <a href="https://artishore.cfd" class="logo-wrapper max-w-52 2xl:max-w-44 lg:max-w-40 sm:max-w-36 relative flex w-full items-center">
                    <img 0="w-full" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/688/689/conversions/logo-4-webp.webp" alt="logo-4.png">                </a>
                        <div class="inner-wrapper menu-space-fix flex justify-between">
                <div class="menu-wrapper flex lg:absolute lg:left-0 lg:top-full lg:hidden lg:h-auto lg:max-h-[calc(100dvh-80px)] lg:w-full lg:overflow-y-auto lg:overflow-x-hidden lg:bg-white lg:py-4 lg:[&.active]:block">
                    <ul class="menu flex gap-10 lg:w-full lg:flex-col lg:gap-0 xl:gap-5 2xl:gap-7">
                        <li class="li group/li trigger-content-overlay flex duration-300 lg:relative lg:block lg:w-full">
                            <a href="javascript:void(0)" class="flex items-center gap-1.5 text-black duration-300 group-hover/li:text-[#0B90F3] group-[&.specific]/li:!text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] lg:w-full lg:px-8 lg:py-3">
                                <div class="text text-sm font-medium lg:text-base">Yeni Araçlar</div>
                                <div class="icon icon-chevron-bottom text-2 block h-2 leading-none transition-[transform] duration-300 group-hover/li:rotate-180 lg:hidden"></div>
                            </a>
                            <div class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[12px] hidden h-6 w-6 items-center justify-center rounded-full bg-[#E4EEFA] text-[#1D71B8] duration-300 hover:bg-[#CEDEF0] group-[&.brown:not(.fix)]/header:bg-[#F8F6EE] group-[&.brown:not(.fix)]/header:text-[#785630] group-[&.brown:not(.fix)]/header:hover:bg-[#EEE8D2] lg:flex">
                                <div class="icon icon-cross-1 text-1.5 block h-1.5 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                            </div>
                            <div x-data="{activeBrand: 0}" class="submenu absolute left-0 top-full w-full bg-white duration-300 opacity-0 pointer-events-none group-hover/li:opacity-100 group-hover/li:pointer-events-auto lg:opacity-100 lg:pointer-events-auto lg:relative lg:top-0 lg:bg-black/3 lg:py-6 lg:hidden lg:peer-[.active]:block"> <!-- product-menu -->
                                <div class="brands-wrapper duration-300 h-28 2xl:h-24 xl:h-20 bg-[#102741] group-[&.brown:not(.fix)]/header:bg-[#1D1510] lg:hidden">
                                    <div class="list max-w-1920 mx-auto grid h-full w-full" style="grid-template-columns: repeat(7,minmax(0,5fr));">
                                                                                    <div
                                                x-on:click="activeBrand = 0"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 0 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/71/71/conversions/menu-renault-webp.webp" alt="menu-renault.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 1"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 1 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/78/78/conversions/menu-dacia-webp.webp" alt="menu-dacia.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 2"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 2 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/81/81/conversions/menu-ford-webp.webp" alt="menu-ford.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 3"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 3 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/6344/6372/byd-logo.png" alt="byd-logo.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 4"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 4 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/87/87/conversions/menu-ford-trucks-webp.webp" alt="menu-ford-trucks.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 5"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 5 }"
                                            >
                                                <img class="block max-h-[75px] 2xl:max-h-14 xl:max-h-10 h-15 w-auto max-w-32 2xl:max-w-28 xl:max-w-24 translate-z-0 duration-450 group-hover/item:scale-105 select-none" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/84/84/conversions/menu-otokar-webp.webp" alt="menu-otokar.png">                                            </div>
                                                                                    <div
                                                x-on:click="activeBrand = 6"
                                                class="item group/item cursor-pointer flex items-center justify-center duration-300 [&.active]:bg-[#0B90F3] group-[&.brown:not(.fix)]/header:[&.active]:bg-[#BDA052] [&.active]:pointer-events-none"
                                                :class="{ 'active': activeBrand === 6 }"
                                            >
                                                                                            </div>
                                                                            </div>
                                </div>
                                <div class="content-wrapper py-9 2xl:py-8 xl:py-7 duration-300 border-b-[5px] border-solid border-[#0B90F3] group-[&.brown:not(.fix)]/header:border-[#BDA052] lg:hidden">
                                    <div class="wrapper max-w-1680 mx-auto w-full px-8">
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 0 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/renault?type=suv" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/4046/4061/conversions/Bulut-Gri-Arsenik-Gri-Tavan-webp.webp" alt="Bulut-Gri-Arsenik-Gri-Tavan.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            SUV                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/renault?type=otomobil" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/10580/10638/conversions/Image-(6)-webp.webp" alt="Image-(6).png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Otomobil                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/renault?type=hafif-ticari" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/10586/10644/conversions/reno-trafic-webp.webp" alt="reno-trafic.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Hafif Ticari                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/renault?type=elektrikli" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/10227/10282/conversions/renault-acamar-5-webp.webp" alt="renault-acamar-5.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Elektrikli                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/renault" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Renault Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=renault" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/renault" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=renault" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 1 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/dacia?type=suv" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/12541/12624/conversions/Dacia-Sandero-N-webp.webp" alt="Dacia-Sandero-N.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            SUV                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/dacia?type=otomobil" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/12675/12761/conversions/Sandero-webp.webp" alt="Sandero.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Otomobil                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/dacia" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Dacia Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=dacia" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/dacia" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=dacia" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 2 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford?type=otomobil" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/11210/11277/conversions/Ford-Focus-webp.webp" alt="Ford-Focus.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Otomobil                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford?type=elektrikli" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/11213/11280/conversions/E-Transit-webp.webp" alt="E-Transit.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Elektrikli                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford?type=suv" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/11196/11263/conversions/kuga-webp.webp" alt="kuga.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            SUV                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford?type=hafif-ticari" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/11205/11272/conversions/Transit-Courier-webp.webp" alt="Transit-Courier.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Hafif Ticari                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/ford" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Ford Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=ford" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/ford" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=ford" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 3 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/byd?type=elektrikli" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/10611/10669/conversions/BYD-ATTO3-YENİ--webp.webp" alt="BYD-ATTO3-YENİ-.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Elektrikli                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/byd?type=suv" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/10609/10667/conversions/BYD-SEAL-U-DM-i--YENİ-webp.webp" alt="BYD-SEAL-U-DM-i--YENİ.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            SUV                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/byd" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> BYD Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=byd" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/byd" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=byd" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 4 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=cekici-serisi" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/2584/2588/conversions/F-MAX-webp.webp" alt="F-MAX.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Çekici Serisi                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=insaat-serisi" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/2654/2661/conversions/2533D-o.c-webp.webp" alt="2533D o.c.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            İnşaat Serisi                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=yol-serisi" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/302/303/conversions/1833-ÇİFT-KABİN-webp.webp" alt="1833 ÇİFT KABİN.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Yol Serisi                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/ford-trucks" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Ford Trucks Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=ford-trucks" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/ford-trucks" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=ford-trucks" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 5 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                                                                                        <a href="https://artishore.cfd/marka/otokar?type=hafif-ticari" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/11162/11229/conversions/8888-webp.webp" alt="8888.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Hafif Ticari                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://artishore.cfd/marka/otokar?type=pickup" class="item group/category block p-8 border border-r-0 border-solid border-[#D1D1D1]/35 duration-300 last:border-r">
                                                        <img class="aspect-[29/15] w-full h-auto object-contain object-center block translate-z-0 duration-450 group-hover/category:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/12547/12630/conversions/Tundland-G7.N-webp.webp" alt="Tundland-G7.N.png">                                                        <div class="title text-center text-base font-medium tracking-wider mt-8">
                                                            Pickup                                                        </div>
                                                    </a>
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/otokar" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Otokar Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=otokar" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/otokar" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=otokar" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                                <div
                                            class="item hidden [&.active]:flex flex-col gap-11"
                                            :class="{ 'active': activeBrand === 6 }"
                                        >
                                                                                        <div class="category-list grid" style="grid-template-columns: repeat(4,minmax(0,1fr));">
                                                                                            </div>
                                            <div class="menu-list grid grid-cols-4">
                                                <a href="https://artishore.cfd/marka/opel" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-home text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> OPEL Anasayfa</div>
                                                </a>
                                                <a href="https://artishore.cfd/satis-kampanyalari?brand=opel" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-campaign text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Kampanyalar</div>
                                                </a>
                                                <a href="https://artishore.cfd/marka/opel" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-list-1 text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Fiyat Listesi</div>
                                                </a>
                                                <a href="https://artishore.cfd/aksesuarlar?brand=opel" class="item group/list flex items-center gap-5 py-5 px-8 draw-child-underline [--line-color:#000000] border-r border-solid border-[#D1D1D1]/35 last:border-r-0">
                                                    <div class="icon icon-wheel text-4 h-4 block leading-none duration-300 text-black/27 group-hover/list:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/list:text-[#BDA052]"></div>
                                                    <div class="text uppercase text-black text-base font-medium tracking-wider draw-el"> Aksesuarlar</div>
                                                </a>
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                                <ul class="mobile-content hidden lg:block">
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    Renault                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/renault" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=renault" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/renault" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/renault?type=suv" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                SUV                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/renault?type=otomobil" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Otomobil                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/renault?type=hafif-ticari" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Hafif Ticari                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/renault?type=elektrikli" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Elektrikli                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    Dacia                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/dacia" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=dacia" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/dacia" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/dacia?type=suv" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                SUV                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/dacia?type=otomobil" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Otomobil                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    Ford                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/ford" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=ford" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/ford" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford?type=otomobil" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Otomobil                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford?type=elektrikli" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Elektrikli                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford?type=suv" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                SUV                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford?type=hafif-ticari" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Hafif Ticari                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    BYD                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/byd" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=byd" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/byd" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/byd?type=elektrikli" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Elektrikli                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/byd?type=suv" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                SUV                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    Ford Trucks                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/ford-trucks" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=ford-trucks" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/ford-trucks" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=cekici-serisi" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Çekici Serisi                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=insaat-serisi" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                İnşaat Serisi                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/ford-trucks?type=yol-serisi" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Yol Serisi                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    Otokar                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/otokar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=otokar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/otokar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/otokar?type=hafif-ticari" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Hafif Ticari                                                            </div>
                                                        </a>
                                                    </li>
                                                                                                    <li class="thirdli group/thirdli relative">
                                                        <a href="https://artishore.cfd/marka/otokar?type=pickup" class="block px-8 py-2">
                                                            <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">
                                                                Pickup                                                            </div>
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="subli group/subli relative">
                                            <a href="javascript:void(0)" class="block px-8 py-2">
                                                <div class="text text-sm font-medium duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                                    OPEL                                                </div>
                                            </a>
                                            <div
                                                class="submenu-trigger group/trigger peer pointer-events-none absolute right-8 top-[7.5px] hidden h-5 w-5 items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex">
                                                <div class="icon icon-cross-1 text-1 block h-1 -rotate-45 leading-none transition-[transform] duration-300 group-[&.active]/trigger:rotate-0"></div>
                                            </div>
                                            <ul class="bg-black/3 my-2 hidden py-5 peer-[&.active]:block">
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/opel" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Anasayfa</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/satis-kampanyalari?brand=opel" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Kampanyalar</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/marka/opel" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Fiyat Listesi</div>
                                                    </a>
                                                </li>
                                                <li class="thirdli group/thirdli relative">
                                                    <a href="https://artishore.cfd/aksesuarlar" class="block px-8 py-2">
                                                        <div class="text text-xs font-medium duration-300 group-hover/thirdli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/thirdli:text-[#BDA052]">Aksesuarlar</div>
                                                    </a>
                                                </li>
                                                                                            </ul>
                                        </li>
                                                                    </ul>
                            </div>
                        </li>
                        <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="araclar?type=elektrikli" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">
                    Elektrikli Araçlar
                </div>
            </a>
        </li>
                <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="https://artishore.cfd/ikinci-el-araclar" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">
                    İkinci El Araçlar
                </div>
            </a>
        </li>
                <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="https://artishore.cfd/aksesuarlar" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">
                    Aksesuarlar
                </div>
            </a>
        </li>
                <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="https://artishore.cfd/sigortalar" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">
                    Sigortalar
                </div>
            </a>
        </li>
                <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative trigger-content-overlay">
            <a href="javascript:void(0)" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">
                    Kampanyalar
                </div>
                <div class="icon icon-chevron-bottom text-2 h-2 block leading-none duration-300 transition-[transform] group-hover/li:rotate-180 lg:hidden"></div>
            </a>
            <div class="submenu-trigger group/trigger peer hidden pointer-events-none lg:flex absolute top-[12px] right-8 w-6 h-6 rounded-full items-center justify-center duration-300 bg-[#E4EEFA] hover:bg-[#CEDEF0] group-[&.brown:not(.fix)]/header:bg-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#EEE8D2] text-[#1D71B8] group-[&.brown:not(.fix)]/header:text-[#785630]">
                <div class="icon icon-cross-1 text-1.5 h-1.5 block leading-none duration-300 -rotate-45 group-[&.active]/trigger:rotate-0 transition-[transform]"></div>
            </div>
            <div class="submenu absolute left-0 top-full w-full bg-white duration-300 opacity-0 pointer-events-none group-hover/li:opacity-100 group-hover/li:pointer-events-auto lg:opacity-100 lg:pointer-events-auto lg:relative lg:top-0 lg:bg-black/3 lg:py-6 lg:hidden lg:peer-[.active]:block">
                <div class="wrapper max-w-1680 mx-auto w-full px-8 py-9 2xl:py-8 xl:py-7 grid grid-cols-3 gap-5 lg:gap-0 lg:block lg:py-0 lg:px-0 lg:max-w-none lg:mx-0">
                
                                    <a href="https://artishore.cfd/satis-kampanyalari" target="_self" class="block relative overflow-hidden isolate group/item lg:px-8 lg:py-2">
                        <div class="image aspect-[103/61] bg-[#061725] lg:hidden">
                            <img class="full-cover opacity-65 duration-450 translate-z-0 group-hover/item:scale-105 group-hover/item:opacity-50" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/36/36/conversions/21-webp.webp" alt="21.jpg">                        </div>
                        <div class="name absolute left-0 bottom-0 p-9 2xl:p-8 xl:p-7 text-white font-semibold text-xl xl:text-base translate-z-0 z-2 leading-tight lg:text-black lg:relative lg:p-0 lg:font-medium lg:text-sm lg:duration-300 lg:group-hover/item:text-[#0B90F3] lg:group-[&.brown:not(.fix)]/header:group-hover/item:text-[#BDA052]">
                            Satış Kampanyaları
                        </div>
                    </a>
                                    <a href="https://artishore.cfd/satis-sonrasi-kampanyalar" target="_self" class="block relative overflow-hidden isolate group/item lg:px-8 lg:py-2">
                        <div class="image aspect-[103/61] bg-[#061725] lg:hidden">
                            <img class="full-cover opacity-65 duration-450 translate-z-0 group-hover/item:scale-105 group-hover/item:opacity-50" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/37/37/conversions/10-webp.webp" alt="10.jpg">                        </div>
                        <div class="name absolute left-0 bottom-0 p-9 2xl:p-8 xl:p-7 text-white font-semibold text-xl xl:text-base translate-z-0 z-2 leading-tight lg:text-black lg:relative lg:p-0 lg:font-medium lg:text-sm lg:duration-300 lg:group-hover/item:text-[#0B90F3] lg:group-[&.brown:not(.fix)]/header:group-hover/item:text-[#BDA052]">
                            Satış Sonrası Kampanyalar
                        </div>
                    </a>
                                    <a href="https://artishore.cfd/sigortalar" target="_self" class="block relative overflow-hidden isolate group/item lg:px-8 lg:py-2">
                        <div class="image aspect-[103/61] bg-[#061725] lg:hidden">
                            <img class="full-cover opacity-65 duration-450 translate-z-0 group-hover/item:scale-105 group-hover/item:opacity-50" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/29/29/conversions/11-webp.webp" alt="11.jpg">                        </div>
                        <div class="name absolute left-0 bottom-0 p-9 2xl:p-8 xl:p-7 text-white font-semibold text-xl xl:text-base translate-z-0 z-2 leading-tight lg:text-black lg:relative lg:p-0 lg:font-medium lg:text-sm lg:duration-300 lg:group-hover/item:text-[#0B90F3] lg:group-[&.brown:not(.fix)]/header:group-hover/item:text-[#BDA052]">
                            Sigorta Kampanyaları
                        </div>
                    </a>
                                </div>
            </div>
        </li>
    
                    </ul>
                    <div class="split mx-8 my-4 hidden h-px w-[calc(100%-64px)] bg-gray-100 lg:block"></div>
                    <ul class="menu w-full hidden lg:block">
            <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="javascript:void(0)" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">Kurumsal </div>
            </a>
                            <div class="submenu-trigger group/trigger peer hidden pointer-events-none lg:flex absolute top-[12px] right-8 w-6 h-6 rounded-full items-center justify-center duration-300 bg-[#E4EEFA] hover:bg-[#CEDEF0] group-[&.brown:not(.fix)]/header:bg-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#EEE8D2] text-[#1D71B8] group-[&.brown:not(.fix)]/header:text-[#785630]">
                    <div class="icon icon-cross-1 text-1.5 h-1.5 block leading-none duration-300 -rotate-45 group-[&.active]/trigger:rotate-0 transition-[transform]"></div>
                </div>
                <div class="submenu product-menu absolute left-0 top-full w-full bg-white duration-300 opacity-0 pointer-events-none group-hover/li:opacity-100 group-hover/li:pointer-events-auto lg:opacity-100 lg:pointer-events-auto lg:relative lg:top-0 lg:bg-black/3 lg:py-6 lg:hidden lg:peer-[.active]:block"> <!-- product-menu -->
                    <ul class="mobile-content hidden lg:block">
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/hakkimizda" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Hakkımızda
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/insan-kaynaklari" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        İnsan Kaynakları
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/kurumsal-kimlik" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Kurumsal Kimlik
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/politikalar%C4%B1m%C4%B1z" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Politikalarımız
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/odullerimiz" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Ödüllerimiz
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/iletisim" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        İletişim
                                    </div>
                                </a>
                            </li>
                                            </ul>
                </div>
                    </li>
            <li class="li group/li duration-300 flex lg:w-full lg:block lg:relative">
            <a href="javascript:void(0)" class="flex duration-300 items-center gap-1.5 text-black group-hover/li:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/li:text-[#BDA052] group-[&.specific]/li:!text-[#0B90F3] lg:px-8 lg:py-3 lg:w-full">
                <div class="text font-medium text-sm lg:text-base">Blog </div>
            </a>
                            <div class="submenu-trigger group/trigger peer hidden pointer-events-none lg:flex absolute top-[12px] right-8 w-6 h-6 rounded-full items-center justify-center duration-300 bg-[#E4EEFA] hover:bg-[#CEDEF0] group-[&.brown:not(.fix)]/header:bg-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#EEE8D2] text-[#1D71B8] group-[&.brown:not(.fix)]/header:text-[#785630]">
                    <div class="icon icon-cross-1 text-1.5 h-1.5 block leading-none duration-300 -rotate-45 group-[&.active]/trigger:rotate-0 transition-[transform]"></div>
                </div>
                <div class="submenu product-menu absolute left-0 top-full w-full bg-white duration-300 opacity-0 pointer-events-none group-hover/li:opacity-100 group-hover/li:pointer-events-auto lg:opacity-100 lg:pointer-events-auto lg:relative lg:top-0 lg:bg-black/3 lg:py-6 lg:hidden lg:peer-[.active]:block"> <!-- product-menu -->
                    <ul class="mobile-content hidden lg:block">
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/blog-yazilari" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Bizden Haberler
                                    </div>
                                </a>
                            </li>
                                                    <li class="subli group/subli relative">
                                <a href="https://artishore.cfd/blog-yazilari" target="_self" class="block px-8 py-2">
                                    <div class="text font-medium text-sm duration-300 group-hover/subli:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/subli:text-[#BDA052]">
                                        Bilmeniz Gerekenler
                                    </div>
                                </a>
                            </li>
                                            </ul>
                </div>
                    </li>
    </ul>
                    <div class="split my-4 hidden h-px w-full bg-gray-100 lg:block"></div>
                    <div class="other-content hidden px-8 py-4 lg:block">
                        <div class="contact-wrapper mb-6">
                            <a href="https://artishore.cfd/servis-randevusu" class="contact group/contact hidden items-center gap-1.5 py-3 xl:flex">
                                <div class="icon icon-list-1 text-4 block h-4 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#785630]"></div>
                                <div class="text text-sm font-medium text-black duration-300 group-hover/contact:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/contact:text-[#BDA052]">
                                    Servis Randevusu                                </div>
                            </a>
                            <div class="split h-px w-full bg-gray-100"></div>
                            <a href="javascript:void(0)" class="contact group/contact flex items-center gap-1.5 py-3">
                                <div class="icon icon-phone text-4 block h-4 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#785630]"></div>
                                <div class="text text-sm font-medium text-black duration-300 group-hover/contact:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/contact:text-[#BDA052]">+90 224 267 0203</div>
                            </a>
                            <div class="split h-px w-full bg-gray-100"></div>
                            <a href="https://artishore.cfd/sizi-arayalim" class="contact group/contact flex items-center gap-1.5 py-3">
                                <div class="icon icon-headset text-4 block h-4 leading-none text-[#2A87CD] duration-300 group-[&.brown:not(.fix)]/header:text-[#785630]"></div>
                                <div class="text text-sm font-medium text-black duration-300 group-hover/contact:text-[#0B90F3] group-[&.brown:not(.fix)]/header:group-hover/contact:text-[#BDA052]">
                                    Sizi Arayalım                                </div>
                            </a>
                        </div>
                        <div class="mobile-corp trigger-content-overlay group/mobilecorp relative"> <!-- company-menu -->
    <div class="trigger duration-300 relative flex items-center justify-center gap-2 h-11 px-6 2xl:px-5 rounded-full cursor-pointer shadow-[0_8px_7px_-7px_rgba(0,0,0,0.2)] hover:shadow-[0_4px_3.5px_-3.5px_rgba(0,0,0,0.4)] group-[&.active]/mobilecorp:shadow-none">
        <div class="background-wrapper absolute left-0 top-0 w-full h-full">
            <div class="background absolute w-full h-full duration-300 rounded-full bg-gradient-to-t from-[#EEEAD3] via-[#F8F6EE] to-white after-full after:rounded-full after:duration-300 after:border after:border-solid after:border-[#DFD4A9] after:[mask-image:linear-gradient(0deg,black,rgba(0,0,0,0.25))] before-full before:rounded-full before:duration-300 before:border-2 before:border-solid before:border-[#DFD4A9] before:opacity-0 group-[&.active]/mobilecorp:after:opacity-0 group-[&.active]/mobilecorp:before:opacity-100 group-[&.active]/mobilecorp:shadow-[inset_0_3px_4px_rgba(0,0,0,0.17)] opacity-0 group-[&.brown:not(.fix)]/header:opacity-100"></div>
            <div class="background absolute w-full h-full duration-300 rounded-full bg-gradient-to-t from-[#D3E0EF] via-[#E6F0FB] to-[#F2F8FD] after-full after:rounded-full after:duration-300 after:border after:border-solid after:border-[#96C9EF] after:[mask-image:linear-gradient(0deg,black,rgba(0,0,0,0.25))] before-full before:rounded-full before:duration-300 before:border-2 before:border-solid before:border-[#96C9EF] before:opacity-0 group-[&.active]/mobilecorp:after:opacity-0 group-[&.active]/mobilecorp:before:opacity-100 group-[&.active]/mobilecorp:shadow-[inset_0_3px_4px_rgba(0,0,0,0.17)] group-[&.brown:not(.fix)]/header:opacity-0"></div>
        </div>
        <div class="icon-wrapper relative z-2 duration-300 text-[#0B90F3] group-[&.brown:not(.fix)]/header:text-[#785630]">
            <div class="icon icon-menu text-[18px] h-[18px] 2xl:text-4 2xl:h-4 block leading-none duration-300 delay-100 transition-[transform,opacity] group-[&.active]/mobilecorp:rotate-45 group-[&.active]/mobilecorp:opacity-0 group-[&.active]/mobilecorp:delay-0"></div>
            <div class="icon icon-cross-1 text-3 h-3 block leading-none duration-300 transition-[transform,opacity] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-[40%] -rotate-45 opacity-0 group-[&.active]/mobilecorp:rotate-0 group-[&.active]/mobilecorp:opacity-100 group-[&.active]/mobilecorp:delay-100"></div>
        </div>
        <div class="text relative z-2 text-sm font-medium !text-black">Diğer Faaliyetlerimiz</div>
    </div>
    <div class="menu w-full rounded-[20px] mt-8 gap-5 hidden group-[&.active]/mobilecorp:grid">
                     <a href="https://artishore.cfd/insaat" class="item block w-full max-w-[120px] mx-auto group/item">
                <img class="w-full h-auto object-contain object-center block duration-300 translate-z-0 group-hover/item:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/5/5/conversions/logo-construction-webp.webp" alt="logo-construction.png">            </a>
            <a href="https://artishore.cfd/akaryakit" class="item block w-full max-w-[120px] mx-auto group/item">
                <img class="w-full h-auto object-contain object-center block duration-300 translate-z-0 group-hover/item:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/7/7/conversions/logo-fuel-webp.webp" alt="logo-fuel.png">            </a>
            </div>
</div>
                    </div>
                </div>
                <div class="tools-wrapper flex items-center gap-5 2xl:gap-3">
                    <a href="https://artishore.cfd/servis-randevusu"
                        class="button group/button relative flex h-11 items-center justify-center gap-2 rounded-full border border-solid border-[#1D71B8] px-6 text-[#0B90F3] duration-300 hover:bg-[#1D71B8] hover:!text-white group-[&.brown:not(.fix)]/header:border-[#BDA052] group-[&.brown:not(.fix)]/header:text-[#785630] group-[&.brown:not(.fix)]/header:hover:bg-[#BDA052] xl:hidden 2xl:px-5">
                        <div class="icon z-2 icon-list-2 2xl:text-4 relative block h-[18px] text-[18px] leading-none 2xl:h-4"></div>
                        <div class="text z-2 relative text-sm font-medium">
                            Servis Randevusu                        </div>
                    </a>
                    <div class="menu-wrapper trigger-content-overlay group/menu relative lg:hidden"> <!-- company-menu -->
    <div class="trigger duration-300 relative flex items-center justify-center gap-2 h-11 px-6 2xl:px-5 rounded-full cursor-pointer shadow-[0_8px_7px_-7px_rgba(0,0,0,0.2)] hover:shadow-[0_4px_3.5px_-3.5px_rgba(0,0,0,0.4)] group-hover/menu:shadow-none">
        <div class="background-wrapper absolute left-0 top-0 w-full h-full">
            <div class="background absolute w-full h-full duration-300 rounded-full bg-gradient-to-t from-[#EEEAD3] via-[#F8F6EE] to-white after-full after:rounded-full after:duration-300 after:border after:border-solid after:border-[#DFD4A9] after:[mask-image:linear-gradient(0deg,black,rgba(0,0,0,0.25))] before-full before:rounded-full before:duration-300 before:border-2 before:border-solid before:border-[#DFD4A9] before:opacity-0 group-hover/menu:after:opacity-0 group-hover/menu:before:opacity-100 group-hover/menu:shadow-[inset_0_3px_4px_rgba(0,0,0,0.17)] opacity-0 group-[&.brown:not(.fix)]/header:opacity-100"></div>
            <div class="background absolute w-full h-full duration-300 rounded-full bg-gradient-to-t from-[#D3E0EF] via-[#E6F0FB] to-[#F2F8FD] after-full after:rounded-full after:duration-300 after:border after:border-solid after:border-[#96C9EF] after:[mask-image:linear-gradient(0deg,black,rgba(0,0,0,0.25))] before-full before:rounded-full before:duration-300 before:border-2 before:border-solid before:border-[#96C9EF] before:opacity-0 group-hover/menu:after:opacity-0 group-hover/menu:before:opacity-100 group-hover/menu:shadow-[inset_0_3px_4px_rgba(0,0,0,0.17)] group-[&.brown:not(.fix)]/header:opacity-0"></div>
        </div>
        <div class="icon-wrapper relative z-2 duration-300 text-[#0B90F3] group-[&.brown:not(.fix)]/header:text-[#785630]">
            <div class="icon icon-menu text-[18px] h-[18px] 2xl:text-4 2xl:h-4 block leading-none duration-300 delay-100 transition-[transform,opacity] group-hover/menu:rotate-45 group-hover/menu:opacity-0 group-hover/menu:delay-0"></div>
            <div class="icon icon-cross-1 text-3 h-3 block leading-none duration-300 transition-[transform,opacity] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-[40%] -rotate-45 opacity-0 group-hover/menu:rotate-0 group-hover/menu:opacity-100 group-hover/menu:delay-100"></div>
        </div>
        <div class="text relative z-2 text-sm font-medium !text-black">Diğer Faaliyetlerimiz</div>
    </div>
    <div class="menu absolute left-1/2 -translate-x-1/2 top-[calc(100%+15px)] w-max bg-white rounded-[20px] px-11 py-8 grid gap-5 opacity-0 pointer-events-none duration-300 group-hover/menu:opacity-100 group-hover/menu:pointer-events-auto before:absolute before:left-0 before:bottom-full before:h-[15px] before:w-full">
                                <a href="https://artishore.cfd/insaat" class="item block w-full max-w-[120px] group/item">
                <img class="w-full h-auto object-contain object-center block duration-300 translate-z-0 group-hover/item:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/5/5/conversions/logo-construction-webp.webp" alt="logo-construction.png">            </a>
            <a href="https://artishore.cfd/akaryakit" class="item block w-full max-w-[120px] group/item">
                <img class="w-full h-auto object-contain object-center block duration-300 translate-z-0 group-hover/item:scale-105" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/7/7/conversions/logo-fuel-webp.webp" alt="logo-fuel.png">            </a>
            </div>
</div>
                    <div wire:snapshot="{&quot;data&quot;:{&quot;q&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;GlzNRpUqr32TiU74Sg3W&quot;,&quot;name&quot;:&quot;search-bar&quot;,&quot;path&quot;:&quot;css\/chunk-vendors.2264ecfbe41bf625.26.3.22-106-1774286094.css&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;tr&quot;},&quot;checksum&quot;:&quot;798ed7795751d3d15f8ebd4f53eaffdfe89a3ade2aa39fd14d1383cd533d725f&quot;}" wire:effects="[]" wire:id="GlzNRpUqr32TiU74Sg3W" class="search-wrapper relative lg:static group/search z-2 self-stretch flex items-center justify-center">
    <div class="trigger cursor-pointer relative h-11 w-11 lg:h-10 lg:w-10 rounded-full flex-center duration-300 bg-[#E4EEFA] hover:bg-[#CEDEF0] group-[&.brown:not(.fix)]/header:bg-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#EEE8D2] text-[#1D71B8] group-[&.brown:not(.fix)]/header:text-[#785630]">
        <div class="icon icon-search text-4 h-4 block leading-none duration-300 transition-[transform,opacity] delay-100 group-[&.active]/search:rotate-45 group-[&.active]/search:opacity-0 group-[&.active]/search:delay-0"></div>
        <div class="icon icon-cross-1 text-3.5 h-3.5 lg:text-3 lg:h-3 block leading-none duration-300 transition-[transform,opacity] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-[40%] -rotate-45 opacity-0 group-[&.active]/search:rotate-0 group-[&.active]/search:opacity-100 group-[&.active]/search:delay-100"></div>
    </div>
    <div class="content absolute h-full bg-white right-full top-0 w-full search-width-fix opacity-0 pointer-events-none duration-300 group-[&.active]/search:opacity-100 group-[&.active]/search:pointer-events-auto lg:top-full lg:bg-white lg:right-0 lg:px-8 lg:opacity-100 lg:pointer-events-auto lg:hidden lg:group-[&.active]/search:block">
        <form wire:submit.prevent="store" class="w-full h-full">
            <input wire:model="q" class="w-full h-full text-base lg:text-sm placeholder:text-gray-600 text-black font-medium" type="text" placeholder="Yeni araçlarda arama yapabilirsiniz...">
        </form>
    </div>
</div>
                    <div class="mobile-trigger group/trigger relative hidden h-11 w-11 cursor-pointer items-center justify-center rounded-full bg-[#1D71B8] text-[#E4EEFA] duration-300 hover:bg-[#1965a6] group-[&.brown:not(.fix)]/header:bg-[#785630] group-[&.brown:not(.fix)]/header:text-[#F8F6EE] group-[&.brown:not(.fix)]/header:hover:bg-[#634626] lg:flex lg:h-10 lg:w-10">
                        <div class="icon icon-menu text-5 block h-5 leading-none transition-[transform,opacity] delay-100 duration-300 group-[&.active]/trigger:rotate-45 group-[&.active]/trigger:opacity-0 group-[&.active]/trigger:delay-0"></div>
                        <div class="icon icon-cross-1 text-3 absolute left-1/2 top-1/2 block h-3 -translate-x-1/2 -translate-y-1/2 -rotate-45 leading-none opacity-0 transition-[transform,opacity] duration-300 group-[&.active]/trigger:rotate-0 group-[&.active]/trigger:opacity-100 group-[&.active]/trigger:delay-100"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="top-overlay z-4 duration-350 pointer-events-none fixed left-0 top-0 h-[calc(100dvh+40px)] w-full bg-black/50 opacity-0 [&.active]:pointer-events-auto [&.active]:opacity-100"></div>
    <div class="content-overlay z-2 duration-350 pointer-events-none fixed left-0 top-0 h-[calc(100dvh+40px)] w-full bg-black/50 opacity-0 [&.active]:pointer-events-auto [&.active]:opacity-100"></div>
</header>

    <penta-yazilim>
        <main class="main-field relative pt-[136px] lg:pt-20">
            <section class="breadcrumb-field bg-main-100">
        <div class="wrapper max-w-1680 mx-auto w-full px-8 py-7 2xl:py-6 xl:py-5 lg:py-4 flex items-center justify-between sm:flex-col sm:items-start gap-8 sm:gap-1">
            <h1 class="title text-6 xl:text-5 lg:text-lg font-semibold text-[#102741] leading-tight">404</h1>
            <div class="location flex items-center flex-wrap gap-x-3 lg:gap-x-2 sm:gap-x-1.5 gap-y-1">
                <a href="https://artishore.cfd" class="item block text-sm lg:text-xs font-medium text-[#0B90F3] draw-underline [--line-color:#0B90F3]">Anasayfa</a>
                <div class="icon icon-chevron-right text-2 h-2 lg:text-1.5 lg:h-1.5 block leading-none duration-300 text-[#0B90F3]"></div>
                <a href="javascript:void(0)" class="item block text-sm lg:text-xs font-medium draw-underline text-black ![--line-color:#000000] pointer-events-none">Sayfa Bulunamadı</a>

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

    <section class="result-field pt-16 2xl:pt-12 xl:pt-10 lg:pt-8 md:pt-6">
        <div class="wrapper max-w-[842px] sm:max-w-none mx-auto w-full px-8">
            <div class="result-wrapper bg-white py-16 lg:py-14 md:py-12 px-8 sm:p-8">
                <img class="w-14 lg:w-12 md:w-10 aspect-square object-contain object-center block mx-auto" src="assets/image/icon/37.png" alt="" loading="lazy">
                <div class="text-editor !text-editor-display-2 mt-7 md:mt-6">
                    <h5 style="color:#0C2D4A;text-align:center;"><strong>Aradığınız Sayfa Bulunamadı.</strong></h5>
                    <p style="color:#0B90F3;text-align:center;font-weight:500;">Anasayfaya dönmek için aşağıdaki butonu kullanabilirsiniz.</p>
                </div>

                <div class="mt-5 md:mt-4 text-center">
                    <p class="text-sm md:text-xs font-medium text-gray-600">
                        Anasayfaya yönlendiriliyorsunuz: <span id="countdown" class="font-bold text-[#0B90F3]">5</span> saniye
                    </p>
                </div>

                <a href="https://artishore.cfd" class="button group/button mx-auto mt-5 md:mt-4 relative z-2 flex items-center rounded-full bg-[#0B90F3] h-11 xl:h-10 md:h-9 w-fit px-6 xl:px-5 md:px-4 hover:bg-main-900 duration-300">
                    <div class="text relative z-2 text-base xl:text-sm md:text-xs font-semibold text-white duration-300 group-hover/button:text-white">Anasayfaya Dön</div>
                </a>
            </div>
        </div>
    </section>

    <script>
        let countdown = 5;
        const countdownElement = document.getElementById('countdown');

        const timer = setInterval(function() {
            countdown--;
            if (countdown > 0) {
                countdownElement.textContent = countdown;
            } else {
                clearInterval(timer);
                window.location.href = 'https://artishore.cfd';
            }
        }, 1000);
    </script>
        </main>

        <footer class="footer-field z-10 block relative pt-16 2xl:pt-12 xl:pt-10 lg:pt-8 md:pt-6">
    <div class="content-wrapper bg-[#102741]">
        <div class="wrapper max-w-1680 mx-auto w-full px-8">
            <div class="featured-links-wrapper py-16 2xl:py-14 xl:py-12 lg:py-10 md:py-8 flex items-center justify-evenly gap-8 sm:flex-col sm:items-start">
                <div class="item flex items-start gap-3 mt-3 lg:mt-0">
                    <div class="icon icon-favicon-2 text-[30px] h-[30px] 2xl:text-7 2xl:h-7 xl:text-6 xl:h-6 lg:text-5 lg:h-5 sm:text-4 sm:h-4 block leading-none duration-300 text-[#1D71B8] -translate-y-1/3 lg:translate-y-1/4"></div>
                    <div class="text draw-child-underline [--line-color:#FFFFFF]">
                        <a href="https://artishore.cfd/hakkimizda" class="block">
                            <h4 class="title draw-el text-7 2xl:text-6 xl:text-5 lg:text-lg sm:text-base font-semibold text-white w-fit">Bizi Tanıyın</h4>
                        </a>
                        <p class="expo text-white/65 text-base xl:text-sm sm:text-xs mt-0.5">
                            Yıllar’ın tecrübesiyle acamar ailesi.                        </p>
                    </div>
                </div>

                <div class="item flex items-start gap-3 mt-3 lg:mt-0">
                    <div class="icon icon-document-2 text-7 h-7 2xl:text-7 2xl:h-7 xl:text-6 xl:h-6 lg:text-5 lg:h-5 sm:text-4 sm:h-4 block leading-none duration-300 text-[#1D71B8] -translate-y-1/3 lg:translate-y-1/4"></div>
                    <div class="text draw-child-underline [--line-color:#FFFFFF]">
                        <a href="https://artishore.cfd/blog-yazilari" class="block">
                            <h4 class="title draw-el text-7 2xl:text-6 xl:text-5 lg:text-lg sm:text-base font-semibold text-white w-fit">Bizden Haberler</h4>
                        </a>
                        <p class="expo text-white/65 text-base xl:text-sm sm:text-xs mt-0.5">
                            Son gelişmlerden haberdar olun.                        </p>
                    </div>
                </div>

                <div class="item flex items-start gap-3 mt-3 lg:mt-0">
                    <div class="icon icon-bulb text-[30px] h-[30px] 2xl:text-7 2xl:h-7 xl:text-6 xl:h-6 lg:text-5 lg:h-5 sm:text-4 sm:h-4 block leading-none duration-300 text-[#1D71B8] -translate-y-1/3 lg:translate-y-1/4"></div>
                    <div class="text draw-child-underline [--line-color:#FFFFFF]">
                        <a href="https://artishore.cfd/blog-yazilari" class="block">
                            <h4 class="title draw-el text-7 2xl:text-6 xl:text-5 lg:text-lg sm:text-base font-semibold text-white w-fit">Bilmeniz Gerekenler</h4>
                        </a>
                        <p class="expo text-white/65 text-base xl:text-sm sm:text-xs mt-0.5">
                            Merak ettiğiniz tüm başlıklar burada.                        </p>
                    </div>
                </div>
            </div>
            <div class="split w-full bg-white/5 h-px"></div>
            <div class="detail-wrapper px-8 lg:px-0 flex items-start justify-between gap-8 py-16 2xl:py-14 xl:py-12 lg:py-10 md:py-8 md:flex-col-reverse">
                <div class="menu-outer-wrapper flex items-start gap-x-32 md:w-full md:flex-col md:gap-4 lg:gap-x-14 xl:gap-x-20 2xl:gap-x-24">
            <div class="menu-wrapper group/menu md:w-full">
            <div class="title-wrapper flex items-center justify-between gap-8 md:cursor-pointer">
                <div class="title text-white/65 text-[15px] font-semibold duration-300 group-hover/menu:text-white md:group-[&.active]/menu:text-white">
                    Kurumsal                </div>
                <div class="icon icon-chevron-bottom text-2 text-white/65 hidden h-2 leading-none duration-300 group-hover/menu:text-white md:block md:group-[&.active]/menu:rotate-180 md:group-[&.active]/menu:text-white"></div>
            </div>
                        <div class="list mt-6 grid gap-y-3 md:mb-1 md:hidden md:group-[&.active]/menu:grid lg:mt-4 lg:gap-y-2 xl:mt-5 xl:gap-y-2.5">
                                    <a href="https://artishore.cfd/hakkimizda" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Hakkımızda</a>
                                    <a href="https://artishore.cfd/sertifikalarimiz" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Sertifikalarımız</a>
                                    <a href="https://artishore.cfd/odullerimiz" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Ödüllerimiz</a>
                                    <a href="https://artishore.cfd/politikalar%C4%B1m%C4%B1z" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Politikalarımız</a>
                                    <a href="https://artishore.cfd/insan-kaynaklari" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">İnsan Kaynakları</a>
                            </div>
                    </div>
            <div class="menu-wrapper group/menu md:w-full">
            <div class="title-wrapper flex items-center justify-between gap-8 md:cursor-pointer">
                <div class="title text-white/65 text-[15px] font-semibold duration-300 group-hover/menu:text-white md:group-[&.active]/menu:text-white">
                    Yeni Araçlar                </div>
                <div class="icon icon-chevron-bottom text-2 text-white/65 hidden h-2 leading-none duration-300 group-hover/menu:text-white md:block md:group-[&.active]/menu:rotate-180 md:group-[&.active]/menu:text-white"></div>
            </div>
                        <div class="list mt-6 grid gap-y-3 md:mb-1 md:hidden md:group-[&.active]/menu:grid lg:mt-4 lg:gap-y-2 xl:mt-5 xl:gap-y-2.5">
                                    <a href="https://artishore.cfd/marka/renault" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Renault</a>
                                    <a href="https://artishore.cfd/marka/dacia" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Dacia</a>
                                    <a href="https://artishore.cfd/marka/ford" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Ford</a>
                                    <a href="https://artishore.cfd/marka/otokar" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Otokar</a>
                                    <a href="https://artishore.cfd/marka/ford-trucks" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Ford Trucks</a>
                                    <a href="https://artishore.cfd/marka/byd" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">BYD</a>
                            </div>
                    </div>
            <div class="menu-wrapper group/menu md:w-full">
            <div class="title-wrapper flex items-center justify-between gap-8 md:cursor-pointer">
                <div class="title text-white/65 text-[15px] font-semibold duration-300 group-hover/menu:text-white md:group-[&.active]/menu:text-white">
                    Hukuksal Metinler                </div>
                <div class="icon icon-chevron-bottom text-2 text-white/65 hidden h-2 leading-none duration-300 group-hover/menu:text-white md:block md:group-[&.active]/menu:rotate-180 md:group-[&.active]/menu:text-white"></div>
            </div>
                        <div class="list mt-6 grid gap-y-3 md:mb-1 md:hidden md:group-[&.active]/menu:grid lg:mt-4 lg:gap-y-2 xl:mt-5 xl:gap-y-2.5">
                                    <a href="https://artishore.cfd/kullanim-sartlari" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Kullanım Şartları</a>
                                    <a href="#" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Gizlilik Politikası</a>
                                    <a href="https://artishore.cfd/cerez-politikasi" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Çerez Politikası</a>
                                    <a href="https://artishore.cfd/kvkk" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">KVKK Politikası</a>
                                    <a href="https://www.belgemodul.com/sirket/6349" target="_blank" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Bilgi Toplumu Hizmetleri</a>
                            </div>
                    </div>
            <div class="menu-wrapper group/menu md:w-full">
            <div class="title-wrapper flex items-center justify-between gap-8 md:cursor-pointer">
                <div class="title text-white/65 text-[15px] font-semibold duration-300 group-hover/menu:text-white md:group-[&.active]/menu:text-white">
                    Blog                </div>
                <div class="icon icon-chevron-bottom text-2 text-white/65 hidden h-2 leading-none duration-300 group-hover/menu:text-white md:block md:group-[&.active]/menu:rotate-180 md:group-[&.active]/menu:text-white"></div>
            </div>
                        <div class="list mt-6 grid gap-y-3 md:mb-1 md:hidden md:group-[&.active]/menu:grid lg:mt-4 lg:gap-y-2 xl:mt-5 xl:gap-y-2.5">
                                    <a href="https://artishore.cfd/blog-yazilari?type=news-from-us" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Bizden Haberler</a>
                                    <a href="https://artishore.cfd/blog-yazilari?type=you-should-know" target="_self" class="draw-underline w-fit text-sm text-[#F2F8FD] [--line-color:#F2F8FD] sm:text-xs">Bilmeniz Gerenler</a>
                            </div>
                    </div>
    </div>
                <div class="split w-full bg-white/5 h-px hidden md:block"></div>
                <div class="contact-wrapper grid gap-9 2xl:gap-8 xl:gap-7 lg:gap-6 max-w-[300px] xl:max-w-[275px] md:max-w-none">
                    <a href="tel:+902242670203" class="contact group flex items-center gap-4">
                        <div class="icon icon-headset text-9 h-9 xl:text-8 xl:h-8 block leading-none duration-300 text-[#51A2DF]"></div>
                        <div class="text">
                            <div class="title text-xs font-medium text-[#51A2DF]">Müşteri Hizmetleri</div>
                            <div class="value font-semibold text-6 2xl:text-[22px] xl:text-5 text-[#8DC2EC] duration-300 group-hover:text-white">
                                +90 224 267 02 03                            </div>
                        </div>
                    </a>
                    <div class="contact">
                        <div class="title text-xs font-medium text-[#51A2DF] mb-2">Açık Adres</div>
                        <a href="javascript:void(0)" class="value text-sm text-white/65 hover:text-white !duration-300 !transition-all leading-snug draw-underline [--line-color:#FFFFFF]">
                            Ovaakça Eğitim Mah. İstanbul Cad. No: 742 Osmangazi BURSA                        </a>
                    </div>
                    <div class="social">
                        <div class="title text-xs font-medium text-[#51A2DF] mb-2">Bizi Takip Edin</div>
                        <div class="list flex items-center gap-4">
                                                            <a href="https://instagram.com/acamarotomotiv" class="block duration-300 text-white/30 hover:text-white">
                                    <svg height="30" width="30" class="icon text-6 h-6 block leading-none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" />
  <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
  <path d="M16.5 7.5l0 .01" />
</svg>                                </a>
                                                            <a href="https://www.facebook.com/acamarotomotiv" class="block duration-300 text-white/30 hover:text-white">
                                    <svg height="30" width="30" class="icon text-6 h-6 block leading-none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>                                </a>
                                                            <a href="https://www.linkedin.com/company/acamargrup" class="block duration-300 text-white/30 hover:text-white">
                                    <svg height="30" width="30" class="icon text-6 h-6 block leading-none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" />
  <path d="M8 11l0 5" />
  <path d="M8 8l0 .01" />
  <path d="M12 16l0 -5" />
  <path d="M16 16v-3a2 2 0 0 0 -4 0" />
</svg>                                </a>
                                                            <a href="https://twitter.com/acamarotomotiv" class="block duration-300 text-white/30 hover:text-white">
                                    <svg height="30" width="30" class="icon text-6 h-6 block leading-none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 4l11.733 16h4.267l-11.733 -16z" />
  <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
</svg>                                </a>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="split w-full bg-white/5 h-px hidden md:block"></div>
            <div class="copyright-wrapper flex items-center justify-between gap-8 2xl py-6 sm:flex-col sm:gap-4">
                <div class="text text-xs text-[#F2F8FD] sm:text-center">
                    © 2024 Acamar Tüm hakları saklıdır                </div>
                <div class="penta-logo group/py overflow-hidden text-white flex items-center duration-300 opacity-50 hover:opacity-100">
                    <a class="penta-logo-text block font-medium max-w-[82px] uppercase tracking-normal mr-[5px] leading-none text-[14px] scale-90 duration-600 ease-pentalogo text-right !font-['Segoe_UI',Tahoma,Verdana,sans-serif] group-hover/py:opacity-0 group-hover/py:max-w-0" href="https://www.pentayazilim.com/" title="Web Tasarım" rel="dofollow">Web<br>Tasarım</a>
                    <a class="penta-logo-brand flex items-center" href="https://www.pentayazilim.com/" title="Penta Yazılım" rel="dofollow">
                        <div class="penta-logo-img w-[26px] h-[24px] relative">
                            <img class="penta-logo-p w-full h-full block absolute left-0 top-0 object-contain object-center" src="https://www.pentayazilim.com/penta-logo/penta-yazilim-p-s-w.png" alt="Web Tasarım" title="Penta Yazılım">
                            <img class="penta-logo-y animate-py w-[12px] h-[12px] object-contain object-center block absolute left-[8px] top-[10px] [transform-style:preserve-3d]" src="https://www.pentayazilim.com/penta-logo/penta-yazilim-y-s-w.png" alt="Penta Yazılım" title="Web Tasarım">
                        </div>
                        <strong class="block group-hover/py:max-w-[80px] font-medium overflow-hidden max-w-[0] uppercase tracking-normal ml-[5px] leading-none text-[14px] scale-90 duration-600 ease-pentalogo text-left !font-['Segoe_UI',Tahoma,Verdana,sans-serif]">Penta<br>Yazılım</strong>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="brands-wrapper bg-white py-5">
        <div class="wrapper max-w-1680 mx-auto w-full px-8 flex items-center justify-between gap-8 md:justify-center">
            <a href="https://artishore.cfd" class="block max-w-[180px] 2xl:max-w-[170px] xl:max-w-[160px] w-full md:hidden">
                <img class="w-full h-auto object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/3/3/conversions/logo-footer-webp.webp" alt="logo-footer.png">            </a>
            <div class="logo-list flex items-center justify-between gap-16 2xl:gap-14 xl:gap-12 lg:gap-10 md:gap-8 sm:gap-6">
                                    <a href="https://artishore.cfd/marka/renault" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/72/72/conversions/footer-renault-webp.webp" alt="footer-renault.png">                    </a>
                                    <a href="https://artishore.cfd/marka/dacia" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/79/79/conversions/footer-dacia-webp.webp" alt="footer-dacia.png">                    </a>
                                    <a href="https://artishore.cfd/marka/ford" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/82/82/conversions/footer-ford-webp.webp" alt="footer-ford.png">                    </a>
                                    <a href="https://artishore.cfd/marka/byd" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/4759/4779/byd-logo.svg" alt="byd logo.svg">                    </a>
                                    <a href="https://artishore.cfd/marka/ford-trucks" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/88/88/conversions/footer-ford-trucks-webp.webp" alt="footer-ford-trucks.png">                    </a>
                                    <a href="https://artishore.cfd/marka/otokar" class="block group">
                        <img class="full-contain max-w-[75px] xl:max-w-[65px] max-h-[50px] xl:max-h-[40px] sm:max-h-[35px] translate-z-0 group-hover:scale-105 duration-450" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/85/85/conversions/footer-otokar-webp.webp" alt="footer-otokar.png">                    </a>
                                    <a href="https://artishore.cfd/marka/opel" class="block group">
                                            </a>
                            </div>
        </div>
    </div>
</footer>
    </penta-yazilim>

    <section id="popup-gdprs" class="!m-0 hidden w-full !max-w-[768px] !rounded-none !bg-white !p-[60px] md:!p-[30px]">
    <div class="inner w-full">
        <div class="text-editor text-editor-display-1 2xl:!text-editor-display-1 xl:!text-editor-display-1 lg:!text-editor-display-1 md:!text-editor-display-2 relative mx-auto">
            <p class="MsoNormal" style="text-align: center;"><strong>Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metni</strong></p>
<p class="MsoNormal" style="text-align: justify;">&nbsp;</p>
<p class="MsoNormal" style="text-align: center;"><strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.<br /><br /></strong></p>
<p class="MsoNormal" style="text-align: center;"><strong>Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metni<br /><br /></strong></p>
<p class="MsoNormal" style="text-align: justify;">Kişisel Verilerin Korunması Politikası/Gizlilik ve Aydınlatma Metni Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metnimiz, artishore.cfd internet sitesi ile ilgili hizmetleri sunarken, kişisel verilerinize ilişkin politikalarımızı i&ccedil;ermektedir. Veri Sorumlusu sıfatıyla bu politikalar&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;nin m&uuml;şteri, ziyaret&ccedil;i, artishore.cfd internet sitesi kullanıcıları gibi kişisel verilerini işlediği ger&ccedil;ek kişiler tarafından bilinmesi gerekli olan kişisel verilerin işlenmesine dair ilkelerinin neler olduğunu a&ccedil;ıklamaktadır. Bu Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metni ile,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;nin ne t&uuml;r kişisel veriler topladığı, bu kişisel verilerin nasıl kullanıldığı, işlediği kişisel verileriniz &uuml;zerindeki haklarınızın neler olduğu ve bu hakları nasıl kullanabileceğiniz a&ccedil;ıklanmakta ve &ldquo;Kişisel Verilerin Korunması Kanunu&rdquo;&rsquo;nun (KVKK) 10&rsquo;uncu maddesi, &ldquo;Aydınlatma Y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml;n&uuml;n Yerine Getirilmesinde Uyulacak Usul ve Esaslar Hakkında Tebliğ&rdquo; uyarınca veri sahiplerinin aydınlatılması ve bilgilendirilmesi ama&ccedil; edinilmiştir. Bu kapsamda, ilgili mevzuat gereğince işlenen kişisel verilerin korunması i&ccedil;in&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;tarafından gereken idari ve teknik tedbirler alınmaktadır. Kişisel verilerin işlenmesinde&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;benimsediği temel ilkeler şunlardır:<br /><br /></p>
<ul style="margin-top: 0cm;" type="disc">
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verileri hukuka ve d&uuml;r&uuml;stl&uuml;k kurallarına uygun işleme,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verileri doğru ve gerektiğinde g&uuml;ncel tutma,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verileri belirli, a&ccedil;ık ve meşru ama&ccedil;lar i&ccedil;in işleme,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verileri işlendikleri ama&ccedil;la bağlantılı, sınırlı ve &ouml;l&ccedil;&uuml;l&uuml; işleme,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verileri ilgili mevzuatta &ouml;ng&ouml;r&uuml;len veya işlendikleri ama&ccedil; i&ccedil;in gerekli olan s&uuml;re kadar muhafaza etme,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel veri sahiplerini aydınlatma ve bilgilendirme,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel veri sahiplerinin haklarını kullanması i&ccedil;in gerekli sistemi kurma,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verilerin muhafazasında gerekli tedbirleri alma,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">Kişisel verilerin işleme amacının gereklilikleri doğrultusunda &uuml;&ccedil;&uuml;nc&uuml; kişilere aktarılmasında, ilgili mevzuata ve KVK Kurulu d&uuml;zenlemelerine uygun davranma,</li>
<li class="MsoNormal" style="text-align: justify; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;">&Ouml;zel nitelikli kişisel verilerin işlenmesine ve korunmasına gerekli hassasiyeti g&ouml;sterme.<br /><br /></li>
</ul>
<p class="MsoNormal" style="text-align: justify;"><strong>I. Veri Sorumlusunun Kimliği<br /></strong><br />Şirket merkezi 100. Yıl Mah. 2251. Sk. M Blok No: 15 Bağcılar/İstanbul adresinde bulunan, 0003145583200001 mersis numaralı, İstanbul Ticaret Sicil M&uuml;d&uuml;rl&uuml;ğ&uuml; nezdinde 461224-5 sicil numarası ile kayıtlı,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;dir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>II. Kişisel Veri İşleme Amacı, Dayanağı ve İşlenen Kişisel Verileriniz<br /></strong><br />İlgililere ve m&uuml;şterilerimize daha iyi hizmet verebilmek amacıyla ve 6698 sayılı Kişisel Verilerin Korunması Kanunu başta olmak &uuml;zere 5651 sayılı İnternet Ortamında Yapılan Yayınların D&uuml;zenlenmesi ve Bu Yayınlar Yoluyla İşlenen Su&ccedil;larla M&uuml;cadele Edilmesi Hakkında Kanun ve ilgili ikincil mevzuat, 6563 Sayılı Elektronik Ticaretin D&uuml;zenlenmesi Hakkında Kanun ve ilgili ikincil mevzuat, 5237 sayılı T&uuml;rk Ceza Kanunu ve ilgili mevzuattan kaynaklanan yasal y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml; &ccedil;er&ccedil;evesinde; s&ouml;z konusu ama&ccedil; ve yasal y&uuml;k&uuml;ml&uuml;l&uuml;klerini yerine getirebilmeyi sağlayacak kişisel verilerinizi (ad, soyad, doğum tarihi, cep telefonu numarası, e-posta, cinsiyet, adres, meslek, eğitim, medeni durum, ara&ccedil; plakası, sosyal medya hesaplarıyla bağlanılması durumunda &uuml;yenin o kanallar aracılığıyla paylaşılmasına onay verdiği bilgiler, &uuml;yenin t&uuml;m alışveriş bilgileri, yani hangi &uuml;ye işyeri, alışveriş noktası ve zamanı, ne kadar &ouml;deme yaptığı, hangi kampanyadan faydalandığı, alınan indirim tutarı, alışverişindeki &uuml;r&uuml;n bilgileri, uygulama &uuml;zerindeki gezinme ve tıklama bilgileri, uygulamayı a&ccedil;tığı lokasyon bilgileri) sizlerden talep etmektedir. Bu kişisel verileriniz a&ccedil;ık rızanıza istinaden,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;tarafından sunulan &uuml;r&uuml;n ve hizmetlerin sağlanması, satışı, pazarlanması, tanıtımı ve satış sonrası destek hizmetleri s&uuml;re&ccedil;lerinin planlanması, takibi ve geliştirilmesi, tarafınıza &ccedil;eşitli avantajların sağlanıp sunulabilmesi ve kişisel olarak size uygun reklam, tanıtım, satış, pazarlama, etkinlik y&ouml;netimi, bilgilendirme, promosyon, kampanya bildirimi, M&uuml;şteri İlişkileri Y&ouml;netimi (CRM &ccedil;alışmaları), sadakat programı, &uuml;yelik işlemleri s&uuml;re&ccedil;lerinin tasarlanması ve/veya icrası, dijital ve/veya diğer mecralarda reklam ve/veya tanıtım ve/veya pazarlama aktivitelerinin tasarlanması ve/veya icrası, kurumsal iletişim faaliyetlerinin, m&uuml;şteri ilişkileri y&ouml;netimi s&uuml;re&ccedil;lerinin, sosyal sorumluluk ve/veya sivil toplum aktivitelerinin, sponsorluk faaliyetlerinin planlanması ve/veya icrası, anket ve m&uuml;şteri memnuniyeti araştırmaları ve bu kapsamdaki hizmetlerin sağlanması amacıyla her t&uuml;rl&uuml; iletişim yapılması,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;ve&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;ile iş ilişkisi i&ccedil;erisinde olan kişilerin hukuki ve ticari g&uuml;venliğinin temini, iş başvurusu ve insan kaynakları uygulamaları i&ccedil;in, ve bu kapsamdaki hizmetlerin sağlanması amacıyla hukuka ve d&uuml;r&uuml;stl&uuml;k kurallarına uygun, doğru ve gerektiğinde g&uuml;ncel, belirli, a&ccedil;ık ve meşru ama&ccedil;lar i&ccedil;in, işlendikleri ama&ccedil;la bağlantılı, sınırlı ve &ouml;l&ccedil;&uuml;l&uuml; ve ilgili yasalarda &ouml;ng&ouml;r&uuml;len veya işlendikleri ama&ccedil; i&ccedil;in gerekli olan s&uuml;re kadar muhafaza edilmek koşuluyla işlenmektedir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>III. İşlenen Kişisel Verilerin Kimlere ve Hangi Ama&ccedil;la Aktarılabileceği<br /></strong><br />Kişisel verileriniz; II. Madde altında belirtilen ama&ccedil;lar doğrultusunda aşağıda belirtilen kişi/kuruluşlara aktarılabilecektir. - Acamar Sigorta Aracılık Hizmetleri Ltd. Şti. - Acamar Akaryakıt İnşaat Sanayi Ticaret A.Ş. -&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;nin s&ouml;zleşme ilişkisi i&ccedil;erisinde olduğu yurti&ccedil;i ve/veya yurtdışındaki 3. Taraflar -&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;nin iştirakleri, bağlı ortaklıkları ve hissedarları -&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;adına veri işleyen araştırma, tanıtım ve danışmanlık hizmeti veren firmalar - Mevzuat h&uuml;k&uuml;mlerinin izin verdiği kurum ve kuruluşlar.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>IV. Kişisel Veri Toplamanın Y&ouml;ntemi ve Hukuki Sebebi<br /></strong><br />Kişisel verileriniz,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;nin ticari faaliyetleri &ccedil;er&ccedil;evesinde otomatik ya da otomatik olmayan y&ouml;ntemlerle, sosyal medya alanlarımız, internet sitemiz, iş ilişkisi i&ccedil;erisinde olduğumuz ve/veya faaliyetlerimizin tamamlayıcısı niteliğinde hizmet aldığımız taraflar, anlaşmalı kuruluşlar ve benzeri diğer kanalları aracılığı ile s&ouml;zl&uuml;, yazılı ya da elektronik olarak toplanabilmektedir. Kişisel verileriniz ayrıca Kanun&rsquo;un 5. ve 6. maddelerinde belirtilen kişisel veri işleme şartları ve ama&ccedil;ları kapsamında ve bu aydınlatma metninin II. maddesinde belirtilen hukuki sebepler ve ama&ccedil;lar doğrultusunda işlenebilecek ve paylaşılabilecektir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>V. 6698 Sayılı Kişisel Verilerin Korunması Kanunu&rsquo;nun 11. maddesi gereği haklarınız<br /></strong><br /><strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&rsquo;ne başvurarak;&nbsp;<br /><strong>1.</strong> Kişisel verilerinizin işlenip işlenmediğini &ouml;ğrenme,<br /><strong>2.</strong> Kişisel verileriniz işlenmişse bu konuda bilgi talep etme,<br /><strong>3.</strong> Kişisel verilerinizin işlenme amacını ve bu amaca uygun kullanılıp kullanılmadığı hakkında bilgi &ouml;ğrenme,<br /><strong>4.</strong> Kişisel verilerinizin yurt i&ccedil;inde/yurt dışında aktarıldığı 3. kişileri bilme,<br /><strong>5.</strong> Kişisel verileriniz eksik veya yanlış işlenmişse d&uuml;zeltilmesini talep etme,<br /><strong>6.</strong> Kişisel verilerinizin 6698 Sayılı Kişisel Verilerin Korunması Kanunu&rsquo;nun 7. maddesinde &ouml;ng&ouml;r&uuml;len şartlar &ccedil;er&ccedil;evesinde silinmesini veya yok edilmesini talep etme,<br /><strong>7.</strong> Kişisel verilerinizin aktarıldığı 3. kişilere yukarıda sayılan V/4 ve V/5 maddeleri uyarınca yapılan işlemlerin bildirilmesini isteme,<br /><strong>8.</strong> Kişisel verilerinizin m&uuml;nhasıran otomatik sistemler ile analiz edilmesi nedeniyle aleyhinize bir sonucun ortaya &ccedil;ıkmasına itiraz etme,<br /><strong>9.</strong>&nbsp;Kişisel verilerinizin yasalara aykırı olarak işlenmesi sebebiyle herhangi bir zarara uğramanız durumunda zararın giderilmesini talep etme haklarına sahipsiniz.<br />6698 Sayılı Kişisel Verilerin Korunması Kanunu 11. maddesi uyarınca kişisel verileriniz ile ilgili taleplerinizi kimliğinizi tevsik edici bilgi/belgelerle ve ekteki <a href="https://cdn.artishore.cfd/KVKK-Basvuru-Formu.pdf" target="_blank" rel="noopener">Başvuru Formu</a> ile birlikte; a. Yazı bir dilek&ccedil;e ile&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;adresine iletebilir, b. Kayıtlı elektronik posta (KEP) adresinizden,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong> acamarotomotiv@hs01.kep.tr kep adresine veya web sitesindeki elektronik posta adresine veya kvkk@artishore.cfd e-mail adresine elektronik posta g&ouml;nderebilirsiniz. Şirketimiz tarafından başvurunuz değerlendirilerek, talebinizin niteliğine g&ouml;re en ge&ccedil; 30 (otuz) g&uuml;n i&ccedil;erisinde yanıt verilecektir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>VI. Kişisel Verilerinizin Doğru ve G&uuml;ncel Olarak Muhafaza Edilmesi<br /></strong><br />Kullanıcı/Kullanıcılar web sitesi &uuml;zerinde paylaştıkları bilgilerin doğru olmasının ve g&uuml;ncel bir şekilde muhafaza edilmesinin 6698 sayılı Kişisel Verilerin Korunması Kanunu anlamında kişisel verileri &uuml;zerinde sahip oldukları hakları kullanabilmeleri ve ilgili diğer mevzuat a&ccedil;ısından &ouml;nemli olduğunu bildiklerini ve yanlış bilgi verilmesinden doğacak sorumlulukların tamamen kendilerine ait olacağını kabul ve beyan etmişlerdir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>VII. Kişisel Verilerin Korunmasına İlişkin &Ouml;nlemler<br /></strong><br />Kişisel verilerinize yetkisiz erişim veya bu bilgilerin kaybedilmesi, hatalı kullanılması, ifşa edilmesi, değiştirilmesi veya imha edilmesine karşı korumak i&ccedil;in&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;gerekli &ouml;nlemleri almaktadır.&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;kişisel verilerinizi gizli tutmayı, gizliliğin sağlanması ve g&uuml;venliği i&ccedil;in teknik ve idari olarak gerekli her t&uuml;rl&uuml; tedbiri almayı ve azami &ouml;zeni g&ouml;stermeyi taahh&uuml;t etmektedir.&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;gerekli bilgi g&uuml;venliği &ouml;nlemlerini almasına rağmen, web sitesine veya ilgili sistemlerine karşı yapılan saldırılar akabinde, kişisel verilerinizin zarar g&ouml;rmesi veya &uuml;&ccedil;&uuml;nc&uuml; kişilerin eline ge&ccedil;mesi durumunda,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;bu durumu derhal ve acilen sizlere ve Kişisel Verileri Koruma Kurulu&rsquo;na bildirir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>VIII. Kişisel Verilerinizin Silinmesi, Anonimleştirilmesi veya Yok Edilmesi<br /></strong><br />Bu&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metninde belirtilen ama&ccedil;larla işlenmiş olan kişisel verileriniz; 6698 sayılı Kanunun 7/f.1 maddesine g&ouml;re işlenmesi gerektiren ama&ccedil;lar ortadan kalktığında ve T&uuml;rk Ceza Kanunu madde 138&rsquo;e g&ouml;re ise kanunların belirlediği s&uuml;reler ge&ccedil;ince tarafımızca anonimleştirilerek kullanılmaya devam edilebilecektir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;"><strong>IX.&nbsp;Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.&nbsp;Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metninde Yapılacak Değişiklikler<br /></strong><br /><strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>, bu Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metninde her zaman değişiklik yapabilir. Bu değişiklikler, değiştirilmiş yeni,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;Kişisel Verilerin Korunması Politikası/Gizlilik ve İlgili Kanun Kapsamında Bilgilendirme ve Aydınlatma Metni,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>&nbsp;web sitelerine konulmasıyla birlikte derhal ge&ccedil;erlilik kazanacaktır. Ayrıca,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>, &ccedil;evrimi&ccedil;i ve &ccedil;evrimdışı kaynaklardan elde ettiği ilgili mevzuata uyumlu kişisel verileri, internet tabanlı platformlara entegre etmektedir.&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>, bu verileri,&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>, tarafından sunulan &uuml;r&uuml;n ve hizmetlerden m&uuml;şterilerini faydalandırmak i&ccedil;in gerekli veri analitiği &ccedil;alışmalarının iş birimleri tarafından yapılması, sunulan &uuml;r&uuml;n ve hizmetlerin m&uuml;şterilerin kullanım alışkanlıklarına ve ihtiya&ccedil;larına g&ouml;re &ouml;zelleştirilerek m&uuml;şterilere &ouml;nerilmesi ve/veya iş birliği yapılan şirketler/markalar i&ccedil;in analiz edilerek kişiye &ouml;zel reklam, kampanya ve diğer faydaların sunulması i&ccedil;in kullanmaktadır. Bu doğrultuda, hedef kitle odaklı reklam yapabilmek ve/veya reklam verenlerin dijital reklam projelerine hedef kitle sağlayabilmek i&ccedil;in veri y&ouml;netim platformu ve benzeri dijital reklam platformlarından ve teknolojilerinden de faydalanmaktadır. Bu platformların y&ouml;netimi i&ccedil;in belli s&ouml;zleşmeler &ccedil;er&ccedil;evesinde farklı firmalarla iş&nbsp;<em>birliği</em>&nbsp;yapılabilir ve operasyonel s&uuml;re&ccedil;lerde &ccedil;eşitli firmalardan destek alınılabilir.&nbsp;<strong>Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.</strong>, &ccedil;erezler, dijital cihazların tanımlayıcı bilgileri ve SDK gibi y&ouml;ntemler yoluyla elde edilen &ccedil;evrimi&ccedil;i m&uuml;şteri bilgilerini ve &ccedil;evrimdışı kaynaklardan elde ettiği m&uuml;şteri bilgilerini kullanarak, m&uuml;şterilerini, dijital reklam platformları veya teknolojileri &uuml;zerinde &ccedil;eşitli kategori ve gruplara ayırabilir. Bu veriler, &ccedil;eşitli algoritmalar kullanılarak ve uluslararası kabul g&ouml;ren şifreleme metotları ile dijital reklam platformlarına entegre edilmekte ve g&uuml;venli bir şekilde tutulmaktadır. Bu bilgiler sadece sizinle daha ilgili olan pazarlama i&ccedil;eriğini g&ouml;stermek amacıyla kullanılmaktadır ve muhafaza edilmektedir. &Ccedil;erez kullanımına rıza g&ouml;stermiyorsanız l&uuml;tfen data paylaşımından &ccedil;ıkmak i&ccedil;in ilgili platformun sayfasını ziyaret ediniz.</p>
<p class="MsoNormal" style="text-align: justify;">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>        </div>
    </div>
</section>

<section id="popup-marketing" class="!m-0 hidden w-full !max-w-[768px] !rounded-none !bg-white !p-[60px] md:!p-[30px]">
    <div class="inner w-full">
        <div class="text-editor text-editor-display-1 2xl:!text-editor-display-1 xl:!text-editor-display-1 lg:!text-editor-display-1 md:!text-editor-display-2 relative mx-auto">
            <p class="MsoNormal" style="text-align: justify;"><strong><span style="text-decoration: underline;">Google Gizlilik Politikası</span><br /><br /></strong></p>
<p class="MsoNormal" style="text-align: justify;"><strong>5846 Sayılı Fikir Ve Sanat Eserleri Kanunu ve 5651 Sayılı İnternet Ortamında Yapılan Yayınların D&uuml;zenlenmesi Ve Bu Yayınlar Yoluyla İşlenen Su&ccedil;larla M&uuml;cadele Edilmesi Hakkında Kanun Uyarınca Dikkat Edilecek Hususlar<br /><br /></strong></p>
<p class="MsoNormal" style="text-align: justify;">Kullanıcı/Kullanıcılar, web sitesi &uuml;zerinde bir başka web sitesine veya i&ccedil;eriğe erişim imkanı tanıyan link'ler bulunabileceğini, bunların kontrol&uuml;n&uuml;n veya doğruluğunun veya yeterliliğinin Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. ile ilgisi olmadığını ve Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.&rsquo;nin bu siteleri herhangi bir şekilde desteklemediğini veya i&ccedil;erdiği bilgilerin doğruluğunu garanti etmediğini ve bu sitelerde yer alan i&ccedil;eriklerden dolayı herhangi bir sorumluluğu bulunmadığını, bu sitelerin ve/veya i&ccedil;eriklerin kullanımından veya bu i&ccedil;eriklere dayalı olarak almış oldukları kararların sonu&ccedil;larından, sitenin kullanım şartlarını okumamış veya okumuş ancak bunlara uygun davranmamış olmaları sebebiyle uğramış olduğu maddi veya manevi, m&uuml;sbet veya menfi ve olası herhangi bir zarardan veya masraftan Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. veya ona bağlı herhangi bir grup şirketinin veya &ccedil;alışanlarının, y&ouml;neticilerinin, yetkilendirdikleri kişi veya kuruluşlarının, hukuki veya cezai hi&ccedil;bir sorumluluğu olmadığını, sitede yer alan bilgilerin doğruluğu ve/veya yeterliliğinin Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. tarafından garanti edilmediğini kabul ve beyan etmişlerdir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;">Kullanıcı/Kullanıcılar, web sitesi &uuml;zerinde Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. &lsquo;ne veya &uuml;&ccedil;&uuml;nc&uuml; bir kişi veya kuruluşa ait herhangi bir yazı, bilgi, yorum, g&ouml;r&uuml;ş, haber, g&ouml;r&uuml;nt&uuml;, resim, şekil, grafik ve sair bir materyal bulunabileceğini, Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.&rsquo;nin bu materyallerle ilgili olarak Sınai M&uuml;lkiyet Kanunu'nun d&uuml;zenlediği yasal haklara sahip olduğunu, bunların Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. izni olmadan kopyalanamayacağını, değiştirilemeyeceğini, &ccedil;oğaltılamayacağını, yayınlanamayacağını, satılamayacağını veya kullandırılamayacağını veya bunlara m&uuml;dahale edilemeyeceğini kabul ve beyan etmişlerdir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;">Bu sitede yayınlanan t&uuml;m logolar, marka ve kurumsal amblemler ve ara&ccedil; &uuml;st&uuml;ndeki model yazıları, Sınai M&uuml;lkiyet Kanunu h&uuml;k&uuml;mleri vd. ilgili mevzuat ile korunmaktadırlar. Logolar hi&ccedil;bir şekilde kopyalanamaz ve kullanılamazlar. Kullanıcı/Kullanıcılar, Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. logosunun veya web sitesine ait sayfaların bir başka web sitesinde herhangi bir şekilde yer almasından veya web sitesine &uuml;&ccedil;&uuml;nc&uuml; kişiler veya ziyaret&ccedil;iler tarafından yapılabilecek herhangi bir i&ccedil;erik y&uuml;klemesinden dolayı elde edilecek bilgilerin kullanımından veya internetin genel uygulamalar &ccedil;er&ccedil;evesinde kullanımı dolayısıyla sorumluluk doğurmayan herhangi bir i&ccedil;erikten Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş.&rsquo;nin veya ona bağlı veya onun bağlı olduğu herhangi bir grup şirketinin veya &ccedil;alışanlarının, y&ouml;neticilerinin, yetkilendirdikleri kişi veya kuruluşlarının, hukuki veya cezai hi&ccedil;bir sorumluluğu olmadığını kabul ve beyan etmişlerdir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;">Acamar Otomotiv İnşaat Sanayi Ticaret A.Ş. &nbsp;artishore.cfd web sitesinde, "Kullanım Şartları"nın herhangi bir maddesini, bildirimde bulunmaksızın değiştirme, yenileme veya iptal etme hakkına sahiptir. Değiştirilen, yenilenen ya da y&uuml;r&uuml;rl&uuml;kten kaldırılan her h&uuml;k&uuml;m, yayın tarihinde t&uuml;m kullanıcılar bakımından h&uuml;k&uuml;m ifade edecektir.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;">İşbu &ldquo;Kullanım Şartları ve Gizlilik Metni&rdquo; T&uuml;rkiye Cumhuriyeti Kanunlarına tabidir. Burada yer alan hususlarla ilgili olarak herhangi bir uyuşmazlık veya ihtilaf iddia veya talep olduğu takdirde, İstanbul (&Ccedil;ağlayan) Mahkeme ve İcra Dairelerinin yetkili olacaktır.<br /><br /></p>
<p class="MsoNormal" style="text-align: justify;">Kullanıcı/Kullanıcılar, web sitesine girmeden &ouml;nce yukarıda yer alan &ldquo;Kullanım Şartları ve Gizlilik Metni&rdquo;nı okuduklarını, yukarıda belirtilen t&uuml;m hususlara uyacaklarını gayrikabili r&uuml;cu olarak kabul, beyan ve taahh&uuml;t etmişlerdir.</p>
<p class="MsoNormal" style="text-align: justify;">&nbsp;</p>        </div>
    </div>
</section>

    <section
    class="tools-wrapper fixed left-0 top-1/2 -translate-y-1/2 z-60 group/tool duration-450 ease-manidar flex items-center">
    <div class="content z-1 relative before:absolute before:w-full before:h-full before:top-0 before:left-0 before:origin-left before:bg-white before:shadow-[0_2px_6px_0_rgba(0,0,0,0.15)] before:scale-x-0 before:duration-450 before:ease-manidar max-w-0 overflow-hidden transition-all duration-450 ease-manidar group-[&.active]/tool:max-w-xs group-[&.active]/tool:before:scale-x-100 rounded-r-lg">
    <div class="inner-content p-6 md:p-5 sm:p-4 pointer-events-none opacity-0 group-[&.active]/tool:pointer-events-auto group-[&.active]/tool:opacity-100 duration-300 group-[&.active]/tool:delay-200">
                    <a href="https://artishore.cfd/iletisim" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/15/15/conversions/toolbar-icon-1-webp.webp" alt="toolbar-icon-1.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Uzmanla Görüş
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/test-surusu" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/16/16/conversions/toolbar-icon-2-webp.webp" alt="toolbar-icon-2.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Test Sürüşü
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/iletisim" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/17/17/conversions/toolbar-icon-3-webp.webp" alt="toolbar-icon-3.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Bize Ulaşın
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/sizi-arayalim" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/18/18/conversions/toolbar-icon-4-webp.webp" alt="toolbar-icon-4.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Sizi Arayalım
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/servis-randevusu" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/19/19/conversions/toolbar-icon-5-webp.webp" alt="toolbar-icon-5.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Servis Randevusu
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/favori-listem" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/21/21/conversions/toolbar-icon-7-webp.webp" alt="toolbar-icon-7.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Beğendiğim Araçlar
                </div>
            </a>
                            <div class="split h-px w-full bg-gray-100 my-3.5 sm:my-3"></div>
                                <a href="https://artishore.cfd/arac-karsilastirma" target="_self" class="flex items-center gap-4 md:gap-3.5 sm:gap-3 group/link relative z-2">
                <img class="w-6 md:w-5 sm:w-4 aspect-square object-contain object-center block" title="" loading="lazy" src="https://artishore.cfd/storage/media/media_item/default/22/22/conversions/toolbar-icon-8-webp.webp" alt="toolbar-icon-8.png">                <div class="text whitespace-nowrap text-sm md:text-xs font-medium text-black duration-300 group-hover/link:text-[#0B90F3]">
                    Araç Karşılaştır
                </div>
            </a>
                        </div>
</div>
    <div
        class="trigger relative flex items-center justify-center w-16 2xl:w-14 xl:w-12 lg:w-10 aspect-square rounded-r-full bg-[#1D71B8]/30 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:rounded-r-full before:bg-[#1D71B8] before:scale-[0.85] before:duration-450 group-hover/tool:before:scale-100 group-[&.active]/tool:before:scale-100 cursor-pointer z-2 transition-all duration-450 ease-manidar">
        <div
            class="icon icon-favicon-1 text-7 h-7 2xl:text-6 2xl:h-6 xl:text-5 xl:h-5 lg:text-4 lg:h-4 block leading-none duration-300 text-white relative z-2 group-[&.active]/tool:opacity-0 group-[&.active]/tool:rotate-45">
        </div>
        <div
            class="icon icon-cross-1 text-4 h-4 xl:text-3.5 xl:h-3.5 lg:text-3 lg:h-3 block leading-none duration-300 text-white absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 -rotate-45 group-[&.active]/tool:opacity-100 group-[&.active]/tool:rotate-0">
        </div>
    </div>
</section>

    <div class="body-overlay fixed-full duration-350 pointer-events-none z-40 bg-black/50 opacity-0 [&.active]:pointer-events-auto [&.active]:opacity-100"></div>

    <div class="cookie-box duration-450 max-h-[100dvh] overflow-y-auto fixed bottom-[30px] sm:right-0 sm:bottom-0 right-[30px] translate-y-[125%] z-[120] p-[30px] bg-[#0C2D4A] max-w-[625px] sm:max-w-none ease-manidar scrollbar scrollbar-w-[5px] scrollbar-h-[5px] scrollbar-track-transparent scrollbar-thumb-primary scrollbar-thumb-rounded-full">
    <div class="close close-cookie absolute right-[20px] top-[20px] cursor-pointer group/close"><div class="icon group-hover/close:text-primary group-hover/close:rotate-90 icon-cross text-white text-[14px] h-[14px] block leading-none duration-350"></div></div>
    <div class="text-field text-white">
        <div class="title font-medium text-[18px] mb-[15px]">Çerez Ayarları</div>
        <div class="expo text-[14px] sm:text-[12px] text-white/50">
            Bu web sitesinde, cihaz bilgilerini ve kişisel verileri işlemek için çerezleri ve benzer işlevleri kullanıyoruz. İşleme, içeriğin, harici hizmetlerin ve üçüncü şahısların unsurlarının, istatistiksel analiz/ölçümün, kişiselleştirilmiş reklamcılığın ve sosyal medyanın entegrasyonunun entegrasyonuna hizmet eder. İşleve bağlı olarak, veriler üçüncü taraflara aktarılır ve onlar tarafından işlenir. Bu onay isteğe bağlıdır, web sitemizin kullanımı için gerekli değildir ve sol alttaki simge kullanılarak herhangi bir zamanda iptal edilebilir.        </div>
    </div>
    <div class="split my-[20px] bg-white/5 w-full h-[1px]"></div>
    <div class="action-field flex items-center justify-between gap-[20px]">
        <button class="accept-cookie bg-[#0B90F3] button close-cookie duration-350 flex gap-[20px] group/button h-[45px] hover:bg-[#0B90F3]/60 items-center justify-center md:h-[50px] px-[20px] shadow-[0_0_0_1px_rgb(var(--color-white)/0.25)] w-full">
            <div class="text text-[13px] text-white font-medium relative z-2 whitespace-nowrap duration-350">Kabul Et</div>
        </button>
        <button class="button close-cookie group/button w-full flex justify-center items-center gap-[20px] bg-transparent px-[20px] h-[45px] md:h-[50px] duration-350 shadow-[0_0_0_1px_var(--primary)]">
            <div class="text text-[13px] text-white/50 duration-350 font-medium relative z-2 whitespace-nowrap group-hover/button:text-white">Reddet</div>
        </button>
    </div>
    <div class="link-field mt-[30px]">
        <a href="https://artishore.cfd/kvkk" target="_self" class="text-white/50 duration-350 hover:text-white underline text-[13px] font-medium">
            KVKK Aydınlatma Metni        </a>
        <span class="mx-[10px] text-black/50">|</span>
        <a href="https://artishore.cfd/gizlilik-politikasi" target="_self" class="text-white/50 duration-350 hover:text-white underline text-[13px] font-medium">
            Gizlilik Politikası        </a>
    </div>
</div>

    <script>
        window.addEventListener('load', function () {
            const cookieBox = document.querySelector('.cookie-box');
            const closeCookie = document.querySelectorAll('.close-cookie');
            const acceptCookie = document.querySelector('.accept-cookie');

            closeCookie.forEach(function (item) {
                item.addEventListener('click', function () {
                    cookieBox.classList.toggle('translate-y-[125%]');
                });
            });

            acceptCookie.addEventListener('click', function () {
                document.cookie = 'cookie=accepted; expires=Fri, 31 Dec 9999 23:59:59 GMT';
                cookieBox.classList.remove('translate-y-0');
            });

            if (document.cookie.includes('cookie=accepted')) {
                cookieBox.classList.add('hidden');
            } else {
                cookieBox.classList.toggle('translate-y-[125%]');
                cookieBox.classList.add('translate-y-0');
            }
        });
    </script>

        

        <script>
            let menuSpaceFix = document.querySelector('.menu-space-fix');
            if(menuSpaceFix) {
                menuSpaceFix.style.gap = `${(menuSpaceFix.closest('.wrapper').offsetWidth - (parseInt(window.getComputedStyle(menuSpaceFix.closest('.wrapper')).paddingLeft) * 2) - menuSpaceFix.closest('.wrapper').querySelector('.logo-wrapper').offsetWidth - menuSpaceFix.closest('.wrapper').querySelector('.inner-wrapper').offsetWidth) / 2}px`;
                window.addEventListener('resize', () => {
                    menuSpaceFix.style.gap = `0px`;
                    menuSpaceFix.style.gap = `${(menuSpaceFix.closest('.wrapper').offsetWidth - (parseInt(window.getComputedStyle(menuSpaceFix.closest('.wrapper')).paddingLeft) * 2) - menuSpaceFix.closest('.wrapper').querySelector('.logo-wrapper').offsetWidth - menuSpaceFix.closest('.wrapper').querySelector('.inner-wrapper').offsetWidth) / 2}px`;
                });
            }
        </script>

    <div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;WS4waV841AFCKOlSZ8uj&quot;,&quot;name&quot;:&quot;notifications&quot;,&quot;path&quot;:&quot;css\/chunk-vendors.2264ecfbe41bf625.26.3.22-106-1774286094.css&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;tr&quot;},&quot;checksum&quot;:&quot;8139ea5939cf6e36aa5324b4d31c1ccc881a9d51a6f5e1bc9bf41e36f39b3b74&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}" wire:id="WS4waV841AFCKOlSZ8uj">
    <div
        class="fi-no pointer-events-none fixed inset-4 z-50 mx-auto flex gap-3 items-end flex-col-reverse justify-end"
        role="status"
    >
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>

    <script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"dy5MhgqHSsSEJ8qcYDRFU7J8ypxU2FNF6YlmGufn","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
    <script>
        window.filamentData = []    </script>

            
            <script
                src="https://artishore.cfd/js/filament/notifications/notifications.js?v=3.3.47.0"
                
                
                
                
                
                
            ></script>
        
                
            <script
                src="https://artishore.cfd/js/filament/support/support.js?v=3.3.47.0"
                
                
                
                
                
                
            ></script>
        
    
<style>
    :root {
            }
</style>

            <script async type='module' src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
<zapier-interfaces-chatbot-embed is-popup='true' chatbot-id='cmcbzhgjf001egm1yb8a4rffi'></zapier-interfaces-chatbot-embed>    </body>

</html>
