
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//TR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="tr">
<head>

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
	
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<title>Mosso Otomotiv - Oto Beyin Dünyası</title>
	
<meta name="description" content="#"/>
<meta name="keywords" content="#" />
<meta name="Distribution" content="#" />
<meta name="Robots" content="#" />
<meta name="abstract" content="#" />

<link rel="shortcut icon" type="image/x-icon" href="Upload/Logo/Favicon.png" />
	
 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"><style>
:root{
    --red:#d71920;
    --red2:#ef252d;
    --dark:#151515;
    --dark2:#202020;
    --bg:#f5f5f5;
    --line:#e6e6e6;
    --text:#222;
    --muted:#777;
}

*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    background:var(--bg);
    color:var(--text);
}

a{
    text-decoration:none;
    color:inherit;
}

button,
input,
select{
    font-family:Arial,Helvetica,sans-serif;
}

.wrap{
    width:min(1420px,calc(100% - 36px));
    margin:auto;
}

.top{
    min-height:38px;
    background:#151515;
    color:#ddd;
    font-size:12px;
}

.top .wrap{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.top a{
    margin-left:22px;
    color:#eee;
}

.top a:hover{
    color:#ff4a50;
}

.header{
    background:#fff;
    border-bottom:1px solid #ddd;
}

.head{
    height:90px;
    display:flex;
    align-items:center;
    gap:28px;
}

.logo{
    font-weight:900;
    font-size:31px;
    letter-spacing:-2px;
    color:#151515;
    line-height:.8;
}

.logo b{
    color:var(--red);
}

.logo small{
    display:block;
    font-size:8px;
    letter-spacing:4px;
    margin-top:8px;
    color:#777;
}

.search{
    height:46px;
    display:flex;
    border:1px solid #ddd;
    border-radius:4px;
    overflow:hidden;
    flex:1 1 auto;
    width:100%;
    max-width:620px;
    margin-left:auto;
    background:#fff;
}

.search-form{
    display:flex;
    width:100%;
    height:100%;
    margin:0;
}

.search input{
    display:block;
    width:100%;
    min-width:0;
    flex:1 1 auto;
    border:0;
    outline:0;
    padding:0 16px;
    font-size:14px;
    background:#fff;
}

.search button{
    flex:0 0 80px;
    width:80px;
    height:100%;
    border:0;
    margin:0;
    padding:0 8px;
    background:var(--red);
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

.search button:hover{
    background:#b91016;
}

/* Ürün listesinin üstündeki ikinci arama kutusu tam genişlikte */
.content > .search-form{
    display:block;
    width:100%;
    margin:0 0 16px;
}

.content > .search-form .search{
    width:100%;
    max-width:none;
    margin-left:0;
}

.head-links{
    display:flex;
    gap:20px;
    font-size:12px;
    font-weight:700;
}

.head-links span{
    display:block;
    color:#999;
    font-size:10px;
    margin-bottom:3px;
}

.nav{
    background:#d71920;
    color:#fff;
}

.nav .wrap{
    display:flex;
    height:48px;
    align-items:center;
}

.nav a{
    font-size:13px;
    font-weight:800;
    padding:16px 18px;
    height:48px;
}

.nav a:first-child{
    padding-left:0;
    padding-right:25px;
}

.nav a:hover{
    background:#b91016;
}

.mobile-menu{
    display:none;
    background:var(--red);
    color:#fff;
}

.mobile-menu-inner{
    display:flex;
    width:100%;
    gap:2px;
}

.mobile-menu-btn{
    flex:1;
    height:44px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    padding:0 5px;
}

.mobile-menu-btn:hover,
.mobile-menu-btn.active{
    background:#b91016;
}

.home-slider-wrap{
    width:min(1200px,calc(100% - 36px));
    margin:22px auto 28px;
}

.home-slider{
    position:relative;
    width:100%;
    height:390px;
    overflow:hidden;
    border-radius:8px;
    background:#181818;
    box-shadow:0 8px 28px rgba(0,0,0,.16);
}

.slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .6s ease;
}

.slide.active{
    opacity:1;
    visibility:visible;
}

.slide-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 78% 35%,
            rgba(215,25,32,.35),
            transparent 32%
        ),
        linear-gradient(
            110deg,
            #111 0%,
            #222 48%,
            #111 100%
        );
}

.slide-bg:after{
    content:"";
    position:absolute;
    right:8%;
    top:10%;
    width:390px;
    height:300px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(215,25,32,.28),
            transparent 68%
        );
}

.slide-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:35px 8%;
    color:#fff;
}

.slide-kicker{
    color:#ff4a50;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:10px;
}

.slide h2{
    font-size:38px;
    line-height:1.08;
    margin:0 0 12px;
    max-width:600px;
}

.slide p{
    color:#ddd;
    font-size:15px;
    line-height:1.6;
    max-width:570px;
    margin:0 0 20px;
}

.slide-button{
    display:inline-block;
    width:max-content;
    background:var(--red);
    color:#fff;
    padding:12px 20px;
    border-radius:4px;
    font-size:12px;
    font-weight:900;
}

.slide-button:hover{
    background:#b91016;
}

.slider-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#222;
    font-size:27px;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
}

.slider-arrow:hover{
    background:#fff;
    color:var(--red);
}

.slider-prev{
    left:18px;
}

.slider-next{
    right:18px;
}

.slider-dots{
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    bottom:17px;
    display:flex;
    justify-content:center;
    gap:8px;
}

.slider-dot{
    width:9px;
    height:9px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.55);
    cursor:pointer;
    padding:0;
}

.slider-dot.active{
    background:#fff;
    width:25px;
    border-radius:6px;
}

.breadcrumb{
    font-size:12px;
    color:#888;
    padding:18px 0;
}

.breadcrumb b{
    color:#333;
}

.layout{
    display:grid;
    grid-template-columns:255px 1fr;
    gap:24px;
    align-items:start;
}

.sidebar{
    background:#fff;
    border:1px solid var(--line);
    border-radius:5px;
    overflow:hidden;
}

.side-title{
    display:block;
    width:100%;
    border:0;
    margin:0;
    background:#151515;
    color:#fff;
    font-weight:900;
    padding:16px 18px;
    font-size:14px;
    text-align:left;
    cursor:pointer;
}

.side-title:hover{
    background:#222;
}

.sidebar.mobile-open .side-title{
    background:#222;
}

.side a{
    display:flex;
    justify-content:space-between;
    padding:14px 17px;
    border-bottom:1px solid #eee;
    font-size:13px;
    font-weight:700;
    color:#444;
}

.side a:hover,
.side a.active{
    color:var(--red);
    background:#fff5f5;
    padding-left:21px;
}

.side a:after{
    content:"›";
    color:#aaa;
    font-size:17px;
}

.side-bottom{
    margin-top:18px;
    background:#151515;
    color:#fff;
    padding:20px;
    border-radius:5px;
}

.side-bottom strong{
    font-size:15px;
}

.side-bottom p{
    font-size:11px;
    line-height:1.6;
    color:#bbb;
}

.content{
    min-width:0;
}

.titlebar{
    background:#fff;
    border:1px solid var(--line);
    padding:18px 20px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;

    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;

    min-width:0;
    word-wrap:break-word;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.titlebar h1{
    font-size:22px;
    margin:0;
    max-width:100%;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.titlebar p{
    font-size:12px;
    color:#888;
    margin:5px 0 0;

    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.titlebar .product-detail-box{
    width:100%;
    max-width:100%;
    min-width:0;

    box-sizing:border-box;

    white-space:normal;
    word-wrap:break-word;
    overflow-wrap:anywhere;
    word-break:break-word;

    overflow:hidden;
}

.titlebar .product-detail-box *{
    max-width:100%;
    box-sizing:border-box;
    min-width:0;
    overflow-wrap:anywhere;
    word-wrap:break-word;
}

.titlebar .product-detail-box p{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;

    white-space:normal;
    overflow-wrap:anywhere;
    word-wrap:break-word;
    word-break:break-word;
}

.titlebar .product-detail-box h1,
.titlebar .product-detail-box h2,
.titlebar .product-detail-box h3,
.titlebar .product-detail-box h4,
.titlebar .product-detail-box h5,
.titlebar .product-detail-box h6{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-wrap:break-word;
    word-break:break-word;
}

.titlebar .product-detail-box a{
    max-width:100%;
    overflow-wrap:anywhere;
    word-wrap:break-word;
    word-break:break-all;
}

.titlebar .product-detail-box img{
    display:block;

    max-width:100% !important;
    width:auto;
    height:auto !important;

    box-sizing:border-box;
}

.titlebar .product-detail-box iframe,
.titlebar .product-detail-box video{
    display:block;

    width:100% !important;
    max-width:100% !important;

    box-sizing:border-box;
}

.titlebar .product-detail-box table{
    width:100% !important;
    max-width:100% !important;

    box-sizing:border-box;

    table-layout:fixed;

    word-wrap:break-word;
    overflow-wrap:anywhere;
}

.titlebar .product-detail-box td,
.titlebar .product-detail-box th{
    max-width:100%;

    box-sizing:border-box;

    overflow-wrap:anywhere;
    word-wrap:break-word;
    word-break:break-word;
}

.titlebar .product-detail-box pre,
.titlebar .product-detail-box code{
    max-width:100%;

    white-space:pre-wrap;
    word-break:break-all;
    overflow-wrap:anywhere;

    box-sizing:border-box;
}

@media screen and (max-width:768px){

    .titlebar{
        width:100%;
        max-width:100%;

        padding:15px;

        display:block;

        box-sizing:border-box;

        overflow:hidden;
        min-width:0;
    }


    .titlebar h1{
        font-size:20px;
        line-height:1.35;

        width:100%;
        max-width:100%;
    }


    .titlebar p{
        font-size:12px;
        line-height:1.5;

        width:100%;
        max-width:100%;
    }


    .titlebar .product-detail-box{
        width:100%;
        max-width:100%;

        padding:0;
        margin:0;

        box-sizing:border-box;

        overflow:hidden;
        min-width:0;

        white-space:normal;

        overflow-wrap:anywhere;
        word-wrap:break-word;
        word-break:break-word;
    }


    .titlebar .product-detail-box p{
        width:100%;
        max-width:100%;

        margin-left:0;
        margin-right:0;

        overflow-wrap:anywhere;
        word-wrap:break-word;
        word-break:break-word;
    }


    .titlebar .product-detail-box img{
        display:block;

        max-width:100% !important;
        width:auto !important;
        height:auto !important;
    }


    .titlebar .product-detail-box table{
        width:100% !important;
        max-width:100% !important;

        table-layout:fixed;

        overflow:hidden;
    }


    .titlebar .product-detail-box td,
    .titlebar .product-detail-box th{
        max-width:100%;

        overflow-wrap:anywhere;
        word-break:break-word;
    }


    .titlebar .product-detail-box iframe,
    .titlebar .product-detail-box video{
        width:100% !important;
        max-width:100% !important;
    }

}

@media screen and (max-width:480px){

    .titlebar{
        padding:12px;
        border-radius:4px;
    }

    .titlebar h1{
        font-size:18px;
    }

    .titlebar .product-detail-box{
        font-size:14px;
    }

}

.sort{
    border:1px solid #ddd;
    background:#fff;
    padding:9px 12px;
    font-size:12px;
}

.products{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.product{
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:5px;
    overflow:hidden;
    transition:.2s;
    position:relative;
}

.product:hover{
    box-shadow:0 10px 28px rgba(0,0,0,.11);
    transform:translateY(-2px);
}

.photo{
    height:205px;
    background:#f4f4f4;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    border-bottom:1px solid #eee;
}

.photo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.placeholder{
    width:180px;
    height:112px;
    background:linear-gradient(145deg,#606870,#252a2e);
    border-radius:10px;
    transform:rotate(-5deg);
    box-shadow:0 15px 25px #bbb;
    position:relative;
}

.placeholder:before{
    content:"MOSSO";
    position:absolute;
    left:20px;
    top:25px;
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.placeholder:after{
    content:"ECU";
    position:absolute;
    right:18px;
    bottom:15px;
    color:#e21b23;
    font-size:21px;
    font-weight:900;
}

.stock{
    position:absolute;
    top:12px;
    left:12px;
    background:#159447;
    color:#fff;
    font-size:10px;
    font-weight:800;
    padding:5px 8px;
    border-radius:3px;
}

.body{
    padding:16px;
}

.code{
    font-size:10px;
    color:var(--red);
    font-weight:800;
    text-transform:uppercase;
}

.product h2{
    font-size:15px;
    line-height:1.35;
    margin:7px 0 14px;
    min-height:40px;
}

.bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.price{
    font-size:18px;
    font-weight:900;
}

.detail{
    background:var(--red);
    color:#fff;
    border-radius:3px;
    padding:9px 14px;
    font-size:11px;
    font-weight:900;
}

.detail:hover{
    background:#b91016;
}

.pagination{
    display:flex;
    justify-content:center;
    gap:7px;
    margin:28px 0 10px;
}

.pagination a{
    width:36px;
    height:36px;
    background:#fff;
    border:1px solid #ddd;
    display:grid;
    place-items:center;
    border-radius:3px;
    font-size:12px;
    font-weight:800;
}

.pagination a.active,
.pagination a:hover{
    background:var(--red);
    color:#fff;
    border-color:var(--red);
}

.info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin:28px 0;
}

.info div{
    background:#fff;
    border:1px solid var(--line);
    padding:18px;
    border-radius:4px;
}

.info b{
    font-size:13px;
}

.info p{
    font-size:11px;
    color:#777;
    margin:7px 0 0;
}

footer{
    margin-top:60px;
    background:#151515;
    color:#aaa;
    padding:45px 0 20px;
}

.foot{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:35px;
}

.foot h3{
    color:#fff;
    font-size:14px;
}

.foot a{
    display:block;
    font-size:12px;
    margin:10px 0;
}

.copy{
    border-top:1px solid #333;
    margin-top:35px;
    padding-top:18px;
    font-size:11px;
    display:flex;
    justify-content:space-between;
}

@media(max-width:1000px){

    .layout{
        grid-template-columns:210px 1fr;
    }

    .products{
        grid-template-columns:repeat(2,1fr);
    }

    .head-links{
        display:none;
    }

    .search{
        max-width:none;
        width:100%;
    }

    .content > .search-form .search{
        max-width:none;
        width:100%;
    }

    .home-slider{
        height:350px;
    }

    .slide h2{
        font-size:32px;
    }

}

@media(max-width:700px){

    .wrap{
        width:calc(100% - 22px);
    }

    .top{
        min-height:auto;
        padding:9px 0;
    }

    .top .wrap{
        display:block;
        text-align:center;
    }

    .top span{
        display:block;
        font-size:11px;
        margin-bottom:4px;
    }

    .top a{
        margin:3px 5px;
        display:inline-block;
        font-size:10px;
    }

    .head{
        height:74px;
    }

    .logo{
        font-size:25px;
    }

    .head .search{
        display:none;
    }

    .content > .search-form .search{
        display:flex;
        width:100%;
        max-width:none;
    }

    .nav{
        display:none;
    }

    .mobile-menu{
        display:block;
    }

    .nav.mobile-open{
        display:block;
    }

    .nav.mobile-open .wrap{
        display:block;
        height:auto;
    }

    .nav.mobile-open a{
        display:block;
        width:100%;
        height:auto;
        padding:14px 15px;
        border-top:1px solid rgba(255,255,255,.15);
        background:var(--red);
    }

    .nav.mobile-open a:first-child{
        padding-left:15px;
        padding-right:15px;
    }

    .nav.mobile-open a:hover{
        background:#b91016;
    }

    .home-slider-wrap{
        width:calc(100% - 22px);
        margin:14px auto 20px;
    }

    .home-slider{
        height:330px;
        border-radius:7px;
    }

    .slide-content{
        padding:25px 45px 35px 25px;
        justify-content:center;
    }

    .slide-kicker{
        font-size:10px;
        letter-spacing:1.5px;
    }

    .slide h2{
        font-size:25px;
        line-height:1.12;
        margin-bottom:10px;
    }

    .slide p{
        font-size:12px;
        line-height:1.5;
        margin-bottom:15px;
    }

    .slide-button{
        padding:10px 14px;
        font-size:10px;
    }

    .slider-arrow{
        width:34px;
        height:34px;
        line-height:34px;
        font-size:21px;
    }

    .slider-prev{
        left:8px;
    }

    .slider-next{
        right:8px;
    }

    .breadcrumb{
        padding:12px 0;
    }

    .layout{
        grid-template-columns:1fr;
    }

    .sidebar{
        order:0;
    }

    .side{
        display:none;
    }

    .sidebar.mobile-open .side{
        display:block;
    }

    .side-title{
        cursor:pointer;
    }


    /* ÜRÜNLER */

    .products{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .photo{
        height:155px;
    }

    .body{
        padding:12px;
    }

    .product h2{
        font-size:13px;
        min-height:52px;
    }

    .price{
        font-size:15px;
    }

    .detail{
        padding:8px 9px;
    }

    .titlebar{
        align-items:flex-start;
    }

    .sort{
        display:none;
    }

    .info{
        grid-template-columns:1fr;
    }

    .foot{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:430px){

    .mobile-menu-btn{
        font-size:10px;
    }

    .home-slider{
        height:310px;
    }

    .slide h2{
        font-size:23px;
    }

    .slide p{
        font-size:11px;
    }

    .products{
        grid-template-columns:1fr;
    }

    .photo{
        height:210px;
    }

    .foot{
        grid-template-columns:1fr;
    }

    .copy{
        display:block;
    }

    .copy span{
        display:block;
        margin-top:7px;
    }

}

.social-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:18px;
    width:100%;
}

.social{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #444;
    border-radius:4px;
    background:#202020;
    transition:all .2s ease;
}

.social svg{
    width:18px;
    height:18px;
    fill:#fff;
    stroke:none;
    margin-left:8px;
    margin-top:8px;
}

.social.instagram svg{
    fill:none;
    stroke:#fff;
    stroke-width:1.8;
}

.social.instagram .instagram-dot{
    fill:#fff;
    stroke:none;
}

.social:hover{
    background:#d71920;
    border-color:#d71920;
    transform:translateY(-2px);
}

.social.facebook:hover{
    background:#1877f2;
    border-color:#1877f2;
}

.social.twitter:hover{
    background:#000;
    border-color:#555;
}

.social.instagram:hover{
    background:#DE1D91;
    border-color:#DE1D91;
}

.social.youtube:hover{
    background:#ff0000;
    border-color:#ff0000;
}

.contact-page {
    width: 100%;
    background: #ffffff;
    padding: 0;
    margin: 0;
}

/* ÜST BAŞLIK */
.contact-header {
    width: 100%;
    text-align: center;
    padding: 42px 20px 32px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
}

.contact-header h1 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 800;
    color: #222222;
    text-transform: uppercase;
}

.contact-header h1:after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #e30613;
    margin: 15px auto 0 auto;
}

.contact-header p {
    margin: 15px auto 0 auto;
    max-width: 700px;
    font-size: 15px;
    line-height: 1.7;
    color: #777777;
}

.contact-main {
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 30px;
    padding: 35px;
    box-sizing: border-box;
}

.contact-map {
    flex: 1 1 55%;
    min-height: 430px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    box-sizing: border-box;
}

.contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    border: 0;
}

.contact-info {
    flex: 1 1 45%;
    padding: 32px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.contact-info-title {
    margin: 0 0 28px 0;
    padding: 0 0 15px 0;
    font-size: 22px;
    font-weight: 800;
    color: #222222;
    border-bottom: 2px solid #e30613;
}

.contact-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
}

.contact-item:last-of-type {
    margin-bottom: 25px;
}

.contact-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 16px;
    background: #e30613;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.contact-icon i {
    font-size: 20px;
}

.contact-item strong {
    display: block;
    margin: 0 0 6px 0;
    font-size: 14px;
    font-weight: 700;
    color: #222222;
    text-transform: uppercase;
}

.contact-item span,
.contact-item a {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
    text-decoration: none;
}

.contact-item a:hover {
    color: #e30613;
}

.contact-whatsapp {
    display: block;
    width: 100%;
    padding: 16px 20px;
    background: #25d366;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.contact-whatsapp:hover {
    background: #1fba59;
    color: #ffffff !important;
}

.contact-whatsapp i {
    font-size: 18px;
    vertical-align: middle;
}

.contact-bottom {
    width: 100%;
    margin: 0 35px 35px 35px;
    padding: 25px 30px;
    background: #222222;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
}

.contact-bottom strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 800;
}

.contact-bottom p {
    margin: 0;
    color: #cccccc;
    font-size: 14px;
    line-height: 1.6;
}

@media screen and (max-width: 900px) {

    .contact-main {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }

    .contact-map {
        width: 100%;
        min-height: 350px;
    }

    .contact-map iframe {
        min-height: 350px;
    }

    .contact-info {
        width: 100%;
        padding: 25px;
    }

    .contact-bottom {
        width: auto;
        margin: 0 20px 20px 20px;
    }

}


@media screen and (max-width: 600px) {

    .contact-header {
        padding: 30px 15px 25px 15px;
    }

    .contact-header h1 {
        font-size: 26px;
    }

    .contact-header p {
        font-size: 14px;
    }

    .contact-main {
        padding: 15px;
    }

    .contact-map {
        min-height: 280px;
    }

    .contact-map iframe {
        min-height: 280px;
    }

    .contact-info {
        padding: 20px;
    }

    .contact-info-title {
        font-size: 19px;
    }

    .contact-item {
        margin-bottom: 20px;
        padding-bottom: 18px;
    }

    .contact-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        margin-right: 12px;
    }

    .contact-icon i {
        font-size: 17px;
    }

    .contact-item span,
    .contact-item a {
        font-size: 14px;
    }

    .contact-bottom {
        margin: 0 15px 15px 15px;
        padding: 22px 15px;
    }

}

.old-price {
    text-decoration: line-through;

    color: #888;

    margin-left: 7px;

    font-size: 11px;

    font-weight: 400;

    white-space: nowrap;
}

.old-price {
        display: block;

        margin-left: 0;

        margin-top: 3px;

        font-size: 10px;
}

.product-detail-box{
    width:100%;
    max-width:100%;
    background:#fff;
    border:1px solid var(--line);
    border-radius:6px;
    overflow:hidden;
    box-sizing:border-box;
}

.product-detail-main{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:0;
    box-sizing:border-box;
}

.product-image-area{
    min-width:0;
    min-height:470px;
    background:#f7f7f7;
    border-right:1px solid #e5e5e5;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;
    box-sizing:border-box;
    position:relative;
}

.product-image-area:before{
    content:"MOSSO OTOMOTİV";
    position:absolute;
    top:18px;
    left:20px;

    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    color:#d71920;
}

.product-image-area img{
    display:block;

    width:100%;
    max-width:100%;
    height:430px;

    object-fit:contain;

    border-radius:4px;
}

.product-info-area{
    min-width:0;
    padding:40px 38px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:#fff;
    box-sizing:border-box;
}

.product-category-label{
    display:inline-block;

    width:max-content;
    max-width:100%;

    color:#d71920;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;

    margin-bottom:12px;
}

.product-detail-title{
    margin:0 0 22px 0;

    font-size:27px;
    line-height:1.25;
    font-weight:900;

    color:#151515;

    word-break:break-word;
    overflow-wrap:anywhere;
}

.product-price-area{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding:18px 0;

    margin-bottom:18px;

    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
}

.product-old-price{
    order:1;

    color:#999;

    font-size:13px;
    line-height:1.4;

    text-decoration:line-through;

    margin:4px 0 0 0;
}

.product-current-price{
    order:0;

    color:#d71920;

    font-size:30px;
    line-height:1.2;

    font-weight:900;
}

.product-stock{
    display:flex;
    align-items:center;

    width:100%;

    margin:0 0 12px 0;

    padding:11px 13px;

    background:#f6faf7;
    border:1px solid #dcefe2;
    border-radius:4px;

    color:#333;

    font-size:13px;
    font-weight:700;

    box-sizing:border-box;
}

.product-stock-dot{
    display:inline-block;

    width:9px;
    height:9px;

    margin-right:9px;

    background:#159447;

    border-radius:50%;

    box-shadow:0 0 0 3px rgba(21,148,71,.12);
}

.product-code{
    width:100%;

    padding:11px 13px;

    margin-bottom:20px;

    background:#f7f7f7;
    border:1px solid #e5e5e5;
    border-radius:4px;

    color:#777;

    font-size:12px;

    box-sizing:border-box;
}

.product-code strong{
    color:#222;

    margin-left:5px;

    font-size:12px;

    word-break:break-all;
}

.product-whatsapp{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-height:48px;

    padding:0 18px;

    background:#25d366;
    color:#fff !important;

    border-radius:4px;

    font-size:12px;
    font-weight:900;

    box-sizing:border-box;

    transition:all .2s ease;
}

.product-whatsapp:hover{
    background:#1fb957;

    transform:translateY(-1px);

    box-shadow:0 7px 18px rgba(37,211,102,.20);
}

.product-whatsapp-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    margin-right:8px;

    border-radius:50%;

    background:rgba(255,255,255,.18);

    font-size:14px;
    font-weight:900;
}

.product-description{
    width:100%;

    padding:28px 32px 32px;

    border-top:1px solid #e5e5e5;

    background:#fff;

    box-sizing:border-box;
}

.product-description-title{
    margin:0 0 18px 0;

    padding:0 0 12px 0;

    border-bottom:2px solid #d71920;

    color:#151515;

    font-size:16px;
    font-weight:900;

    position:relative;
}

.product-description-title:before{
    content:"";
    display:inline-block;

    width:4px;
    height:17px;

    margin-right:9px;

    vertical-align:-3px;

    background:#d71920;
}

.product-description-text{
    width:100%;

    color:#666;

    font-size:13px;
    line-height:1.8;

    word-break:break-word;
    overflow-wrap:anywhere;
}

.product-description-text p{
    margin:0;

    width:100%;

    word-break:break-word;
    overflow-wrap:anywhere;
}

.product-description-text img{
    max-width:100% !important;
    height:auto !important;

    display:block;

    margin:15px auto;
}

.product-description-text table{
    width:100% !important;
    max-width:100% !important;

    border-collapse:collapse;

    table-layout:fixed;

    word-break:break-word;
}

.product-description-text td,
.product-description-text th{
    padding:8px;

    border:1px solid #ddd;

    word-break:break-word;
    overflow-wrap:anywhere;
}

@media(max-width:1000px){

    .product-detail-main{
        grid-template-columns:1fr 1fr;
    }

    .product-image-area{
        min-height:400px;
        padding:25px;
    }

    .product-image-area img{
        height:360px;
    }

    .product-info-area{
        padding:30px;
    }

    .product-detail-title{
        font-size:23px;
    }

    .product-current-price{
        font-size:27px;
    }

}

@media(max-width:700px){

    .product-detail-box{
        border-radius:5px;
    }

    .product-detail-main{
        display:block;
        width:100%;
    }

    .product-image-area{
        width:100%;
        min-height:0;

        padding:25px 20px 20px;

        border-right:0;
        border-bottom:1px solid #e5e5e5;
    }

    .product-image-area:before{
        top:14px;
        left:15px;

        font-size:9px;
    }

    .product-image-area img{
        width:100%;
        max-width:100%;

        height:300px;
    }

    .product-info-area{
        width:100%;

        padding:24px 20px 25px;

        display:block;
    }

    .product-category-label{
        margin-bottom:9px;

        font-size:10px;
    }

    .product-detail-title{
        margin:0 0 18px 0;

        font-size:21px;
        line-height:1.3;
    }

    .product-price-area{
        padding:15px 0;
        margin-bottom:15px;
    }

    .product-current-price{
        font-size:25px;
    }

    .product-old-price{
        font-size:11px;
    }

    .product-stock{
        font-size:12px;

        padding:10px 11px;
    }

    .product-code{
        font-size:11px;

        padding:10px 11px;
    }

    .product-code strong{
        font-size:11px;
    }

    .product-whatsapp{
        min-height:46px;

        font-size:11px;
    }

    /* AÇIKLAMA */
    .product-description{
        padding:22px 18px 25px;
    }

    .product-description-title{
        font-size:15px;
    }

    .product-description-text{
        font-size:12px;
        line-height:1.75;
    }

}

@media(max-width:430px){

    .product-image-area{
        padding:23px 15px 15px;
    }

    .product-image-area img{
        height:250px;
    }

    .product-info-area{
        padding:20px 15px 22px;
    }

    .product-detail-title{
        font-size:19px;
    }

    .product-current-price{
        font-size:23px;
    }

    .product-stock{
        font-size:11px;
    }

    .product-code{
        font-size:10px;
    }

    .product-whatsapp{
        min-height:45px;

        font-size:10px;
    }

    .product-description{
        padding:20px 15px 22px;
    }

}
.actions{display:flex;gap:8px}.act{border:1px solid var(--line);border-radius:11px;background:white;padding:11px 13px;font-size:12px;font-weight:bold}.cart{background:#121419;color:#fff;border-color:#121419}
</style>

</head>

<body>

 

<div class="top">
    <div class="wrap">
        <span>...3000TL ve Üstü Tüm Alışıverişlerin de Kargo Ücretsiz...</span>
		<div>
		<a href="BizeUlasin"><i class="fa fa-map-marker"></i> Mağaza Bilgileri</a>
		<a href="https://api.whatsapp.com/send?phone=+90 533 204 77 44&amp;text=Sipari%C5%9F%20vermek%20istiyorum." target="_blank"><i class="fa fa-mobile"></i> +90 533 204 77 44</a>
		<a href="tel:+90 850 833 33 51"><i class="fa fa-phone"></i> +90 850 833 33 51</a>
        </div>
    </div>
</div>

<header class="header">
    <div class="wrap head">
        <a class="logo" href="/">
		<img src="Upload/Logo/Logo.png" title="Mosso Otomotiv - Oto Beyin Dünyası" />
        </a>
		
        <div class="search">
    <form action="Arama" class="search-form" method="post">
		<input name="kelime" type="text" placeholder="Arama yap..." required="required"> 
		<button type="submit">ARAMA YAP</button>
	</form>
        </div>
		
		<div class="actions" align="right" style="align:right;"><a href="#" class="act cart" align="right" style="align:right;"><i class="fa fa-shopping-cart"></i> Sepet <span class="badge">0</span></a></div>
		
    </div>
</header>

<nav class="nav" id="mainNav">
    <div class="wrap">

<a href="Hakkimizda">Hakkımızda</a>

<a href="Cerezler">Çerez Politikası</a>

<a href="MesafeliSozlesme">Mesafeli Satış Sözleşmesi</a>

<a href="AcikRizaBeyani">Açık Rıza Beyanı</a>

<a href="KVKK">KVKK Aydınlatma Metni</a>

<a href="GizlilikSozlesmesi">Gizlilik Sözleşmesi</a>

<a href="Teslimat">Teslimat</a>

<a href="IadeveIptal">İade & İptal İşlemleri</a>
 	
    </div>
</nav>

<div class="mobile-menu">
    <div class="wrap mobile-menu-inner">
        <button type="button" class="mobile-menu-btn" id="mobileNavBtn">
        MENÜ
        </button>
        <button type="button" class="mobile-menu-btn" id="mobileCategoryBtn">
        ÜRÜN KATEGORİLERİ
        </button>
    </div>
</div>

<div class="home-slider-wrap">
    <div class="home-slider">

        <div class="slide active">

            <div class="slide-bg"></div>
            <div class="slide-content">
                <div class="slide-kicker">MOSSO OTOMOTİV</div>
                <h2>Otomotiv Elektroniğinde Güvenilir Çözümler</h2>
                <p>Motor beyni, ABS, Airbag, BCM ve farklı ECU kontrol ünitelerini güvenle keşfedin.</p>
            </div>
        </div>

        <div class="slide active">

            <div class="slide-bg"></div>
            <div class="slide-content">
                <div class="slide-kicker">ECU KONTROL ÜNİTELERİ</div>
                <h2>Aradığınız ECU'yu Kolayca Bulun</h2>
                <p>Bosch ve farklı üreticilere ait otomotiv elektronik ürünleri tek noktada.</p>
            </div>
        </div>

        <div class="slide active">

            <div class="slide-bg"></div>
            <div class="slide-content">
                <div class="slide-kicker">TEKNİK DESTEK</div>
                <h2>Aradığınız Ürünü Bulamadınız mı?</h2>
                <p>Parça numarasını veya ECU kodunu bize derin, sizin için kontrol edelim.</p>
            </div>
        </div>
 			

        <button type="button" class="slider-arrow slider-prev" id="sliderPrev" aria-label="Önceki Slayt">
        <
        </button>
        <button type="button" class="slider-arrow slider-next" id="sliderNext" aria-label="Sonraki Slayt">
        >
        </button>
		
        <div class="slider-dots">

        <button type="button" class="slider-dot active" data-slide="1" aria-label="1. Slayt"></button>

		<button type="button" class="slider-dot" data-slide="2" aria-label="2. Slayt"></button>

		<button type="button" class="slider-dot" data-slide="3" aria-label="3. Slayt"></button>
 	
        </div>

    </div>
</div>

<main class="wrap">

    <div class="layout">
        <aside>
			<div class="sidebar" id="categoryPanel">
                <button type="button" class="side-title" id="sideCategoryBtn">
                TÜM KATEGORİLER
                </button>
                
				<div class="side">

					<a href="8-Motor-Beyni.html">Motor Beyni</a>

					<a href="9-Abs-Beyni.html">Abs Beyni</a>

					<a href="10-Airbag-Beyni.html">Airbag Beyni</a>

					<a href="13-Mercedes-Muhtelif-Ecu.html">Mercedes Muhtelif Ecu</a>

					<a href="15-Ford-Muhtelif-Ecu.html">Ford Muhtelif Ecu</a>

					<a href="16-Renault-Muhtelif-Ecu.html">Renault Muhtelif Ecu</a>

					<a href="17-Opel-Muhtelif-Ecu.html">Opel Muhtelif Ecu</a>

					<a href="18-Bmw-Muhtelif-Ecu.html">Bmw Muhtelif Ecu</a>

					<a href="19-BCM---GATEWAY.html">BCM - GATEWAY</a>
 	
                </div>
            </div>
			
            <div class="side-bottom">
                <strong>
                    Aradığınız ürünü bulamadınız mı?
                </strong>
                <p>Parça numarasını veya ECU kodunu gönderin, sizin için kontrol edelim.</p>
                <a href="https://api.whatsapp.com/send?phone=+90 533 204 77 44&amp;text=Sipari%C5%9F%20vermek%20istiyorum." style="color:#ff4a50;font-weight:800;font-size:12px">
                    WhatsApp'tan Sor >
                </a>
            </div>

            <div class="side-bottom">
                    <b>Güvenilir Ürünler</b>
                    <p>Kontrol edilmiş otomotiv elektronik ürünleri.</p>
            </div>

            <div class="side-bottom">
                    <b>Hızlı Kargo</b>
                    <p>...3000TL ve Üstü Tüm Alışıverişlerin de Kargo Ücretsiz...</p>
            </div>
				
            <div class="side-bottom">
                    <b>Teknik Destek</b>
                    <p>Ürün kodu konusunda destek alın.</p>
            </div>
        </aside>
		
        <section class="content">
		
<form action="Arama" class="search-form" method="post">
<div class="search">
		<input name="kelime" type="text" placeholder="Arama yap..." required="required"> 
		<button type="submit">ARAMA YAP</button>
</div>
</form>

			
            <div class="titlebar">
                <div>
                    <h1>Gizlilik Sözleşmesi</h1>
                </div>
            </div>
			
            <div class="titlebar">
			<div class="product-detail-box">
				<b>Mosso Otomotiv</b> olarak, web sitemizi ziyaret eden kullanıcılarımızın ve bizimle ticari ilişki kuran müşterilerimizin kişisel verilerinin gizliliğine ve güvenliğine büyük önem veriyoruz. Bu Gizlilik Sözleşmesi, kişisel verilerinin hangi amaçlarla toplandığını, nasıl kullanıldığını ve korunduğunu açıklamaktadır.<br /><br />

<b>1. Toplanan Veriler ve Toplanma Yöntemleri</b><br />
Firmamız, sipariş süreçlerinin yönetilmesi, ürün teslimatı ve sizlere daha iyi bir hizmet sunulabilmesi amacıyla aşağıdaki verileri toplayabilir:<br />
• <b>Kimlik ve İletişim Bilgileri:</b> Adınız, soyadınız, telefon numaranız, e-posta adresiniz ve fatura/teslimat adresiniz.<br />
• <b>Araç ve Ürün Bilgileri:</b> Satın almak veya tamir ettirmek istediğiniz araca ait marka, model, yıl ve <b>ECU (Oto Beyni) seri numarası</b> gibi teknik bilgiler.<br />
• <b>Log ve Çerez Bilgileri:</b> Web sitemizi ziyaret ettiğinizde otomatik olarak toplanan IP adresiniz, tarayıcı türünüz ve site içi gezinti verileriniz.<br /><br />

<b>2. Verilerin Kullanım Amaçları</b><br />
Toplanan verileriniz yalnızca aşağıdaki amaçlar doğrultusunda işlenir:<br />
• Siparişlerinizin onaylanması, faturalandırılması ve kargo süreçlerinin yürütülmesi.<br />
• Oto beyin (ECU) satış sonrası teknik destek, garanti ve tamir takip süreçlerinin sağlanması.<br />
• Mevzuattan kaynaklanan yasal yükümlülüklerimizin yerine getirilmesi.<br />
• Müşteri memnuniyetini artırmak adına bilgilendirme ve destek hizmetlerinin sunulması.<br /><br />

<b>3. Verilerin Üçüncü Kişilerle Paylaşımı</b><br />
<b>Mosso Otomotiv</b>, kişisel verilerinizi izniniz olmaksızın asla ticari amaçla üçüncü taraflara satmaz veya kiralamaz. Verileriniz, sadece hizmetin ifa edilebilmesi amacıyla yasal iş ortaklarımızla (Kargo firmaları, korumalı ödeme altyapıları) ve yasal zorunluluk durumlarında adli makamlarla paylaşılabilir.<br /><br />

<b>4. Veri Güvenliği</b><br />
Satışını yaptığımız oto beyin yazılımları ve cihaz verileri de dahil olmak üzere, sistemlerimize aktardığınız tüm bilgiler yüksek güvenlikli sunucularda saklanır. Yetkisiz erişimleri engellemek adına web sitemizde <b>SSL şifreleme sertifikası</b> ve güncel siber güvenlik altyapıları kullanılmaktadır.<br /><br />

<b>5. Kullanıcı Hakları (KVKK Kapsamında)</b><br />
6698 sayılı Kişisel Verilerin Korunması Kanunu (KVKK) uyarınca; verilerinizin işlenip işlenmediğini öğrenme, işlenmişse bilgi talep etme, eksik veya yanlış işlenmişse düzeltilmesini isteme ve verilerinizin silinmesini talep etme haklarına sahipsiniz.<br /><br />

<b>6. İletişim</b><br />
Gizlilik politikamız hakkında sorularınız veya verilerinizle ilgili talepleriniz için bizimle iletişime geçebilirsiniz.	
            </div>
            </div>
	
        </section>
		
    </div>
</main>

<footer>
    <div class="wrap">
	
        <div class="foot">
            <div>
                <div class="logo" style="color:#fff">
                MOSSO<b> ®</b>
                <small style="color:#888">OTOMOTİV</small>
                </div>
                <p style="font-size:12px;line-height:1.7">
                Otomotiv elektroniğinde güvenilir ürün ve çözüm merkezi.
                </p>

<div class="social-links">
    <a href="#"  target="_blank"  aria-label="Facebook" class="social facebook">
        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M14 8h3V4h-3c-3.3 0-5 1.7-5 5v3H6v4h3v8h4v-8h3l1-4h-4V9c0-.7.3-1 1-1z"/>
        </svg>
    </a>

    <a href="#" target="_blank" aria-label="Twitter" class="social twitter">
        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.3l7.3-8.4L2.8 2h6.4l4.4 5.8L18.9 2zm-1.1 17.8h1.7L8.3 4.1H6.5l11.3 15.7z"/>
        </svg>
    </a>

    <a href="#" target="_blank" aria-label="Instagram" class="social instagram">
        <svg viewBox="0 0 24 24" aria-hidden="true">
            <rect x="3" y="3" width="18" height="18" rx="5" ry="5"/>
            <circle cx="12" cy="12" r="4"/>
            <circle cx="17.5" cy="6.5" r="1.2" class="instagram-dot"/>
        </svg>
    </a>

    <a href="#" target="_blank" aria-label="YouTube" class="social youtube">
        <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.8V8.2l6.5 3.8-6.5 3.8z"/>
        </svg>
    </a>
</div>
			</div>
		</div>
		
        <div class="copy">
            <span>© 2026 Mosso Otomotiv Tüm Hakları İle Saklıdır.</span>
			<img src="YT/VisaKart.png" width="155px" height="15px"/>
            <span><a href="https://www.yerelteknoloji.com/" target="_blank"><img src="YT/Favicon.png" width="25px" height="25px"/></a></span>
        </div>
		
    </div>
</footer><script>
(function(){

    var mobileNavBtn =
        document.getElementById(
            "mobileNavBtn"
        );


    var mobileCategoryBtn =
        document.getElementById(
            "mobileCategoryBtn"
        );


    var mainNav =
        document.getElementById(
            "mainNav"
        );


    var categoryPanel =
        document.getElementById(
            "categoryPanel"
        );


    var sideCategoryBtn =
        document.getElementById(
            "sideCategoryBtn"
        );

		
    function updateCategoryButtons(){

        if(
            categoryPanel.classList.contains(
                "mobile-open"
            )
        ){

            mobileCategoryBtn.innerHTML =
                "KATEGORİLERİ KAPAT";

            sideCategoryBtn.innerHTML =
                "KATEGORİLERİ KAPAT";

            mobileCategoryBtn.classList.add(
                "active"
            );

        }else{

            mobileCategoryBtn.innerHTML =
                "TÜM KATEGORİLER";

            sideCategoryBtn.innerHTML =
                "TÜM KATEGORİLER";

            mobileCategoryBtn.classList.remove(
                "active"
            );

        }

    }

    mobileNavBtn.addEventListener(
        "click",
        function(){

            mainNav.classList.toggle(
                "mobile-open"
            );


            mobileNavBtn.classList.toggle(
                "active"
            );


            if(
                mainNav.classList.contains(
                    "mobile-open"
                )
            ){

                mobileNavBtn.innerHTML =
                    "MENÜYÜ KAPAT";

            }else{

                mobileNavBtn.innerHTML =
                    "MENÜ";

            }

        }
    );

    mobileCategoryBtn.addEventListener(
        "click",
        function(){

            categoryPanel.classList.toggle(
                "mobile-open"
            );


            updateCategoryButtons();

        }
    );

    sideCategoryBtn.addEventListener(
        "click",
        function(){

            categoryPanel.classList.toggle(
                "mobile-open"
            );


            updateCategoryButtons();

        }
    );

    var navLinks =
        document.querySelectorAll(
            "#mainNav a"
        );


    for(
        var i = 0;
        i < navLinks.length;
        i++
    ){

        navLinks[i].addEventListener(
            "click",
            function(){

                if(
                    window.innerWidth <= 700
                ){

                    mainNav.classList.remove(
                        "mobile-open"
                    );


                    mobileNavBtn.classList.remove(
                        "active"
                    );


                    mobileNavBtn.innerHTML =
                        "? MENÜ";

                }

            }
        );

    }


})();

(function(){

    var slides =
        document.querySelectorAll(
            ".slide"
        );


    var dots =
        document.querySelectorAll(
            ".slider-dot"
        );


    var prev =
        document.getElementById(
            "sliderPrev"
        );


    var next =
        document.getElementById(
            "sliderNext"
        );


    var slider =
        document.querySelector(
            ".home-slider"
        );


    var current = 0;

    var timer;

    function showSlide(index){

        if(
            index < 0
        ){

            index =
                slides.length - 1;

        }


        if(
            index >= slides.length
        ){

            index = 0;

        }


        current = index;


        for(
            var i = 0;
            i < slides.length;
            i++
        ){

            slides[i].classList.remove(
                "active"
            );

        }


        for(
            var j = 0;
            j < dots.length;
            j++
        ){

            dots[j].classList.remove(
                "active"
            );

        }


        slides[current].classList.add(
            "active"
        );


        dots[current].classList.add(
            "active"
        );

    }

    function startSlider(){

        clearInterval(
            timer
        );


        timer = setInterval(
            function(){

                showSlide(
                    current + 1
                );

            },
            5000
        );

    }

    prev.addEventListener(
        "click",
        function(){

            showSlide(
                current - 1
            );


            startSlider();

        }
    );

    next.addEventListener(
        "click",
        function(){

            showSlide(
                current + 1
            );


            startSlider();

        }
    );

    for(
        var i = 0;
        i < dots.length;
        i++
    ){

        dots[i].addEventListener(
            "click",
            function(){

                showSlide(
                    parseInt(
                        this.getAttribute(
                            "data-slide"
                        ),
                        10
                    )
                );


                startSlider();

            }
        );

    }

    slider.addEventListener(
        "mouseenter",
        function(){

            clearInterval(
                timer
            );

        }
    );

    slider.addEventListener(
        "mouseleave",
        function(){

            startSlider();

        }
    );

    showSlide(0);

    startSlider();

})();

</script>

<script>
document.addEventListener("contextmenu", function(e) {
    e.preventDefault();
});
</script>

</body>
</html>