
<!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>Çerez Politikası</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;">ÇEREZ (COOKIE) POLİTİKASI</h1><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">birçok internet sitesinde olduğu gibi Websitemizde de kullanıcıların ziyaret deneyimlerini iyileştirmek ve hizmet kalitesini artırmak amacıyla çerez vb. teknolojiler kullanılmaktadır. Çerez Politikası internet sitesi kullanıcılarını çerezlere ve kullanılan çerez türlerine ilişkin olarak bilgilendirmek ve çerez tercihlerinin nasıl yönetilebileceği konularında yol göstermek amacıyla hazırlanmıştır.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Çerez kullanımını onaylamıyorsanız internet sitesine devam etmemenizi ya da çerez tercihlerinizi bu Politika’da gösterildiği şekilde değiştirmenizi rica ederiz. Çerezlere izin verilmemesi halinde internet sitesinin bazı özelliklerinin işlevselliğini yitirebileceğini hatırlatmak isteriz.</p><br style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">ÇEREZ(COOKIE) NEDİR?</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Çerez, bir internet sitesini ziyaret ettiğinizde bilgisayarınızda ya da mobil cihazınızda depolanan küçük metin dosyalarıdır. Bu dosyalarda IP adresiniz, oturum bilgileriniz, eriştiğiniz sayfalar vb. veriler saklanır. Çerezler sayesinde internet sitesi tercihleriniz hatırlanabilir, oturumunuzun açık tutulması sağlanabilir ya da size ilgilendiğiniz içerik sunulabilir. Çerezlere ilişkin detaylı bilgi için www.aboutcookies.org ve www.allaboutcookies.org adreslerini ziyaret edebilirsiniz.</p><br style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">ÇEREZ TÜRLERİ</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Çerezler mobil cihazlarda depolanma süreleri ve kimin tarafından yerleştirildikleri gibi kriterlere göre farklı türlere ayrılmaktadır. Bu kriterler kapsamında temel ayrım şu şekildedir:</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Oturum Çerezleri: Oturum çerezleri, geçici çerezler olup tarayıcıyı kapattıktan sonra cihazdan silinirler. Bu çerezlerin ana işlevi internet sitesinin düzgün bir şekilde çalışmasını sağlamaktır.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Kalıcı Çerezler: Kalıcı çerezler tarayıcıyı kapattıktan sonra da kullanıcı tarafından silininceye ya da süresi doluncaya dek cihazda kalmaya devam ederler.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Birinci Taraf Çerezler: Birinci taraf çerezler ziyaret edilen internet sitesi operatörü tarafından cihaza yerleştirilen çerezlerdir.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Üçüncü Taraf Çerezler: Üçüncü taraf çerezler ziyaret edilen internet sitesi operatörü dışındaki kişiler tarafından cihaza yerleştirilen ve kontrol edilen çerezlerdir.</p><br style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">İNTERNET SİTEMİZDE KULLANILAN ÇEREZLER</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">İnternet sitemizde Gizlilik Politikasına uygun olarak farklı türde çerezler kullanılmaktadır.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Zorunlu Çerezler: İnternet sitesinin doğru bir şekilde çalışmasını sağlayan ve özelliklerini kullanmanıza imkân veren teknik çerezlerdir. Oturum çerezi kategorisinde yer alırlar. Bu çerezlerin engellenmesi halinde internet sitesi özelliklerinin kullanılamaması sonucu doğar. Zorunlu çerezlerin kullanımı için onayınız gerekmemektedir.</p><div class="table" style="width: 1146px; color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><table><thead><tr><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Çerez İsmi</th><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Kullanım Amacı</th></tr></thead><tbody><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">laravel_session</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Her tarayıcı oturumuna özel olarak oluşturulan benzersiz anahtar. Her oturuma benzersiz kimlik sağlamak amacıyla kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">XSRF-TOKEN</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Tarayıcı tarafından sunuya gönderilen isteklerin güvenliğini sağlamak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">current_shop_area_unique_id</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Mağazanın hizmet verdiği bölgeler içinden müşteri tarafından yapılan seçimi hatırlamak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">delivery_type_id</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Sipariş esnasında seçilen "Teslimat Seçeneği"ni bir dahaki siparişte hatırlamak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">customer-confirmation</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Onaylanmış müşterinin hatırlanması için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">last_order_unique_id</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Müşterinin son verdiği siparişi takip edebilmesi için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">cookie-support</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Kullanıcının tarayıcısının çerezleri destekleyip desteklemediğini kontrol etmek için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">cookie-consent</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Kullanıcının çerez tercihlerini hatırlamak için kullanılır.</i></td></tr></tbody></table></div><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Analitik Çerezler: İnternet sitesi deneyiminizi iyileştirmek amacıyla analitik çerezler kullanılır. Analitik çerezler, internet sitesi nasıl kullandığınızı (örn; hangi sayfaları ziyaret ettiğini, ziyaret süresini vb.) anlamamızı sağlar. Böylelikle sunduğumuz içerikleri geliştirebilir ya da internet sitesi tasarımını değiştirebiliriz.</p><div class="table" style="width: 1146px; color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><table><thead><tr><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Çerez İsmi</th><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Kullanım Amacı</th></tr></thead><tbody><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">_ga, _gid</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Kullanıcının internet sitesini nasıl kullandığına dair istatistiksel veriler oluşturmak için kullanılan benzersiz bir ID/kimlik kaydetmeye yarar.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">_gat</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Google Analytics tarafından istek oranını kontrol etmek/sınırlandırmak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">_ym_d, _ym_uid, yandexuid, i</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Kullanıcıları birbirinden ayırt etmek ve kullanıcının web sitesindeki davranışlarını incelemek için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">ymex</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Ziyaretçilerin web sitesi davranışları hakkındaki verileri kaydeder. Dahili analizler ve web sitesi optimizasyonu için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">gdpr, is_gdpr, is_gdpr_b</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Yandex Metrica tarafından ziyaretçinin site sayfalarındaki davranışları hakkında bilgi toplamak için kullanılır.</i></td></tr></tbody></table></div><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">İşlevsellik Çerezleri: İnternet sitesini tekrar ziyaret ettiğinizde dil tercihlerinizin, bölge seçiminizin vb. hatırlanmasına olanak sağlar.</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Hedefleme/Reklam Çerezleri: internet sitesinde hedefleme ve reklam amacıyla farklı birinci taraf ve üçüncü taraf çerezler kullanılabilmektedir. Bu çerezleri tarayıcınızın ayarlarını değiştirerek ya da bu Politika’da gösterildiği şekilde çerez tercihlerini değiştirerek engellemeniz mümkündür.</p><div class="table" style="width: 1146px; color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><table><thead><tr><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Çerez İsmi</th><th style="padding: 0.75rem; vertical-align: bottom; border-top-width: 1px; border-top-color: rgb(222, 226, 230); border-bottom-width: 2px; border-bottom-color: rgb(222, 226, 230);">Kullanım Amacı</th></tr></thead><tbody><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">_fbp, fr, tr</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Facebook tarafından, reklamların ilgi düzeyini ölçmek, iyileştirmek ve üçüncü taraf reklam verenlerden gerçek zamanlı teklif verme gibi reklam ürünlerini sunmak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">_gcl_au</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Google AdSense tarafından, Google AdSense hizmetlerini kullanan internet sitelerindeki reklam verimliliğini ölçümlemek için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">ads/ga-audiences</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Google AdWords tarafından, kullanıcının internet sitesindeki çevrimiçi davranışına göre, müşteriye dönüşme olasılığı yüksek olan kullanıcı ile yeniden etkileşim kurmak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">IDE</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Google DoubleClick tarafından, bir reklamın etkinliğini ölçmek ve kullanıcıya hedeflenmiş reklamlar sunmak amacıyla, reklamverenin reklamlarından birini görüntüledikten veya tıkladıktan sonra internet sitesi kullanıcısının hareketlerini kaydetmek ve raporlamak için kullanılır.</i></td></tr><tr><th style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);">pagead/1p-conversion/# - pagead/1p-user-list/#</th><td style="padding: 0.75rem; vertical-align: top; border-top-width: 1px; border-top-color: rgb(222, 226, 230);"><i>Google tarafından hedefli reklam faaliyetleri için kullanılan çerezlerdir.</i></td></tr></tbody></table></div><br style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;"><h3 style="font-size: 1.75rem; color: rgb(50, 50, 50); font-family: Circular, sans-serif;">ÇEREZ TERCİHLERİNİZİ NASIL DEĞİŞTİREBİLİRSİNİZ?</h3><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Çerezleri kullandığınız tarayıcının ayarlarını değiştirerek kişiselleştirmeniz ya da tamamen engellemeniz mümkündür. Farklı tarayıcılar için izlenmesi gereken adımlara ilişkin detaylı bilgiye aşağıdaki linklerden ulaşabilirsiniz:</p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Google Chrome&nbsp;<a href="https://support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&amp;hl=tr" style="color: var(--accent-color); background-color: transparent;">https://support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&amp;hl=tr</a></p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Internet Explorer&nbsp;<a href="https://support.microsoft.com/tr-tr/help/17442/windows-internet-explorer-delete-manage-cookies" style="color: var(--accent-color); background-color: transparent;">https://support.microsoft.com/tr-tr/help/17442/windows-internet-explorer-delete-manage-cookies</a></p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Mozilla Firefox&nbsp;<a href="https://support.mozilla.org/tr/kb/cerezleri-silme-internet-sitelerinin-bilgilerini-kaldirma" style="color: var(--accent-color); background-color: transparent;">https://support.mozilla.org/tr/kb/cerezleri-silme-internet-sitelerinin-bilgilerini-kaldirma</a></p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Yandex&nbsp;<a href="https://yandex.com.tr/support/browser-classic/personal-data-protection/cookies.xml" style="color: var(--accent-color); background-color: transparent;">https://yandex.com.tr/support/browser-classic/personal-data-protection/cookies.xml</a></p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Safari&nbsp;<a href="https://support.apple.com/kb/PH21411?locale=tr_TR" style="color: var(--accent-color); background-color: transparent;">https://support.apple.com/kb/PH21411?locale=tr_TR</a></p><p style="color: rgb(50, 50, 50); font-family: Circular, sans-serif; font-size: 16px;">Diğer tarayıcılarda çerez tercihlerini yönetmek için ilgili tarayıcının yardım veya destek sayfasını inceleyebilirsiniz.</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>