
<!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>KVKK Aydınlatma Metni</h1>
                </div>
            </div>
			
            <div class="titlebar">
			<div class="product-detail-box">
				<h1 style="font-size: 2.5rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">KVKK Aydınlatma Metni</h1><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Firmamız olarak, sizlerin özel hayatlarının gizliliğine saygı duyuyor ve önem veriyoruz. Bu nedenle kişisel verilerinizin kullanılmasında, sizlerin temel hak ve özgürlüklerini korumak amacıyla yürürlükte olan Kişisel Verilerin Korunması Kanunu (KVKK) hakkında bilgi vermek istiyoruz.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">İşbu aydınlatma beyanı, 6698 Sayılı Kişisel Verilerin Korunması Kanunu’nun (KVKK) 10. Maddesi uyarınca kişisel verilerinizin işlenmesine ilişkin amaç kapsam, süre ve sizi etkileyebilecek diğer hususlar hakkında bilgilendirmek amacıyla hazırlanmıştır.</p><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">KİŞİSEL VERİLERİNİZİN İŞLENME AMACI</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Toplanan kişisel verileriniz, Şirketler tarafından iletişim bilgilerinize genel ve size özel reklam, promosyon gibi amaçlarla ticari elektronik ileti gönderilmesi ve yine bu amaçlarla sınırlı olmak üzere analiz edilmesi amaçlarıyla, Kanun’un 5. ve 6. maddelerinde belirtilen kişisel veri işleme şartları ve amaçları dahilinde işlenebilecektir.</p><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">KİŞİSEL VERİLERİNİZİN AKTARILDIĞI TARAFLAR VE AKTARIM AMAÇLARI</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Toplanan kişisel verileriniz, yukarıda açıklanan amaçlarla, Kanun’un 8. ve 9. maddelerinde belirtilen kişisel veri işleme şartlarına uygun olarak Şirketler’in tedarikçilerine, kanunen yetkili kamu kurumlarına ve yetkili özel kişilere aktarılabilecektir.</p><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">KİŞİSEL VERİLERİNİZİN TOPLANMA YÖNTEMİ VE HUKUKİ SEBEBİ</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Kişisel verileriniz fiziksel ortamda mağaza, bayi vb kanallardan ve/veya elektronik ortamda internet sitesi, mobil uygulama, çağrı merkezi vb kanallardan sözlü olarak vereceğiniz veya dolduracağınız çeşitli formlar aracılığıyla ve bizimle temas kurduğunuz kanal üzerinden tarafınıza ticari elektronik ileti gönderilmesi ve bu kapsamla kişisel verilerinizin analiz edilmesi amaçlarıyla, açık rızanıza ilişkin hukuki sebep ile Şirketler’in meşru menfaatine dayalı olarak; Kanun’un 5. ve 6. maddelerinde belirtilen kişisel veri işleme şartları ve amaçları doğrultusunda toplanmaktadır.</p><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">KİŞİSEL VERİ SAHİBİ OLARAK KANUN’UN 11. MADDESİNDE SAYILAN HAKLARINIZ</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Kişisel veri sahibi olarak Kanun’un 11. maddesi uyarınca aşağıdaki haklara sahip olduğunuzu bildiririz:</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kişisel verilerinizin işlenip işlenmediğini öğrenme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kişisel verileriniz işlenmişse buna ilişkin bilgi talep etme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kişisel verilerinizin işlenme amacını ve bunların amacına uygun kullanılıp kullanılmadığını öğrenme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Yurt içinde veya yurt dışında kişisel verilerinizin aktarıldığı üçüncü kişileri bilme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kişisel verilerinizin eksik veya yanlış işlenmiş olması hâlinde bunların düzeltilmesini isteme ve bu kapsamda yapılan işlemin kişisel verilerinizin aktarıldığı üçüncü kişilere bildirilmesini isteme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kanun’a ve ilgili diğer kanun hükümlerine uygun olarak işlenmiş olmasına rağmen, işlenmesini gerektiren sebeplerin ortadan kalkması hâlinde kişisel verilerin silinmesini veya yok edilmesini isteme ve bu kapsamda yapılan işlemin kişisel verilerinizin aktarıldığı üçüncü kişilere bildirilmesini isteme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- Kişisel verilerinizin kanuna aykırı olarak işlenmesi sebebiyle zarara uğramanız hâlinde zararın giderilmesini talep etme,</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">- İşlenen verilerin münhasıran otomatik sistemler vasıtasıyla analiz edilmesi suretiyle aleyhinize bir sonucun ortaya çıkması durumunda buna itiraz etme.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Yukarıda belirtilen haklarınızı kullanmak için kimliğinizi tespit edici gerekli bilgiler ile KVK Kanunu’nun 11. maddesinde belirtilen haklardan kullanmayı talep ettiğiniz hakkınıza yönelik açıklamalarınızı içeren talebinizi; burada yer alan formu doldurarak, formun imzalı bir nüshasını “[işletme resmi adresi]“ adresine kimliğinizi tespit edici belgeler ile bizzat elden iletebilir, noter kanalıyla veya KVK Kanunu’nda belirtilen diğer yöntemler ile gönderebilirsiniz.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Ayrıca, Kanun kapsamındaki haklarınıza ilişkin detaylı bilgi almak için TBMM’nin resmi internet sitesinden Kanunu inceleyebilir, Kişisel Verileri Koruma Kurumunun internet sayfasını (http://www.kvkk.gov.tr/) ziyaret edebilirsiniz.</p>	
            </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>