a {
 text-decoration: none;
  }

img {
  border: 0;
 
}


html {
  xxxxoverflow-x: hidden; /* MOBİLDE SAYFANIN TAŞMASINI ENGELLİYOR.. GEREKLİ */
}
body {
  overflow-x: hidden;/* MOBİLDE SAYFANIN TAŞMASINI ENGELLİYOR.. GEREKLİ */
}


.thumbnaila {
border: 0px;
box-shadow: none;
border-radius:0px;
background-color: #000;
   
}



.body-panel {
 fffffont-family: Tahoma, Helvetica, sans-serif;
 max-width: 1150px;
 margin-left: auto;
 margin-right: auto;  
}





.Yeni-Ortalama {
  max-width: 1150px; /* İstediğin maksimum genişliği buraya yaz */
  width: 100%; /* Cihaza göre esnek genişlik */
  padding-bottom: 50px; /* İç boşluk (isteğe göre ayarla) */
  bborder: 1px solid #ccc; /* İnce, düz border çizgisi */
  bborder-radius: 8px;  /* Hafif yuvarlak köşeler (isteğe bağlı) */
  box-sizing: border-box; /* Padding ve border, genişliğe dahil olsun */
  margin: 0 auto; /* Ortalamak istersen (isteğe bağlı) */
}


.Yeni-Ortalama ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 1px; 
}

.Yeni-Ortalama li {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}












.xxxxxxxxxxxxxxortala {
  position: static;
  pposition: relative;
  pposition: absolute;
  left: 1%;
  right: 1%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto; 
  text-align:center;
}




.icon_yerlesimi {
 float: left;
 font-weight: bold;
 width: 152px; 
 height:152px;
 padding-left: auto;
 mmmargin-left: auto;
 wwmargin-right: 25px; /* ÜRÜN RESİMLERİ YAN YANA ARA BOŞLUK */
 margin-top: 50px; /* ÜRÜN RESİMLERİ ALT ALTA ARA BOŞLUK */
 color: #000;  /* ÜRÜN RESİMLERİ ALTINDAKİ ÜRÜN KOD VE GRAMLARI */
 text-align:center;

}



/* ANA SAYFA PROFİL RESMİ YUVARLAK */
.profilyuvarlak{
  border-radius: 50%; /* burası sadece profil resmini yuvarlar */
  overflow: hidden;
  width: 25px;
  height: 25px;
}
/* ANA SAYFA PROFİL RESMİ YUVARLAK */





/* Ürün RESMİNİ PASİF YAPINCA SİYAH BEYAZ YAPAR */
.pasif_siyah_beyaz_urun_ek_pasif {
filter: url("data:image/svg+xml;utf8,<svg></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
transition:all .5s;
}
 
.pasif_siyah_beyaz_urun_ek_pasif:hover {
filter: url("data:image/svg+xml;utf8,<svg></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
/* Ürün RESMİNİ PASİF YAPINCA SİYAH BEYAZ YAPAR */





/* RESİM ZOOM AYARLARI  */
.overlay-image_iptal_zoom_ac {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .9.3s ease-in;  /* büyütme hızı burada*/
    -ms-transition: all .3s ease-in;
    z-index:1;
}

.overlay-image_iptal_zoom_ac:hover {
    -webkit-transform: scale(3.0);
    -ms-transform: scale(3.0);  
    -moz-transform: scale(3.0);
    transform: scale(2.2);  /* Nekadar yakınlaşacağını buradan ayarla */
    z-index:50;
}
/* RESİM ZOOM AYARLARI  */






/* ÜRÜN ÜZERİNE GELİNCE BİLGİ EKRANI MODAL BAŞLAR */
    .hover-overlay-container {
        position: relative;
        width: 150px;
        z-index:2;
    }
 
    .hover-overlay-container:hover .overlay-image {
        opacity: 0.3;
        
    }
 
    .hover-overlay-container:hover .overlay-btn-container {
        opacity: 1;
    }
 
    .hover-overlay-container .overlay-image {
        display: block;
        width: 100%;
        height: auto;
        opacity: 1;
        transition: .5s ease;
        backface-visibility: hidden;
    }
 
    .hover-overlay-container .overlay-btn-container {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;  /* burayı 9 yapınca devamlı görünüyor */
        transition: .5s ease;
        text-align: center;
        transform: translate(-50%, -50%);
    }
 
    .hover-overlay-container .overlay-btn-container .overlay-btn {
        color: #000;
        font-size: 0px;
        padding: 0px 0px;
        background-color: #fff;
        text-decoration: none;
        opacity:0.7; filter:alpha(opacity=30); /* yazı rengi netliği ayarı */
         /* buton background ayarı */
        border-radius:8px;
        
    }

/* ÜRÜN ÜZERİNE GELİNCE BİLGİ EKRANI MODAL BAŞLAR */







/* ANA KATEGORİ LOGOLARI GÖSTERİM GENEL CSS LERİ BÖLÜMÜ BAŞLAR, */
/* ANA KATEGORİ LOGOLARI (K) LOGOSU GÖSTERİMİ, */
.ana_kategori_K_logo_goster{
position: relative;
top: -195px;
left: -55px;
z-index: 10;
color: #000px;
}
/* ANA KATEGORİ LOGOLARI (K) LOGOSU GÖSTERİMİ, */



/* ANA KATEGORİ LOGOLARI YERLEŞİMİ BAŞLAR */
.ana_kategori_Genel_icon_yerlesimi{
 float: left;
 font-weight: bold;
 width: 152px; 
 height:152px;
 padding-left: auto;
 mmmargin-left: auto;
 wwmargin-right: 25px; /* ÜRÜN RESİMLERİ YAN YANA ARA BOŞLUK */
 margin-top: 50px; /* ÜRÜN RESİMLERİ ALT ALTA ARA BOŞLUK */
 color: #000;  /* ÜRÜN RESİMLERİ ALTINDAKİ ÜRÜN KOD VE GRAMLARI */
 text-align:center;

}

/* ANA KATEGORİ LOGOLARI YERLEŞİMİ BİTER */
/* ANA KATEGORİ LOGOLARI GÖSTERİM GENEL CSS LERİ BÖLÜMÜ BİTER, */








/* FİRMA LOGO GÖSTERİMİ, */
.panel_urun_uzeri_resim_buyutme111 {
position: relative;
top: -182px;
left: 70px;
z-index: 10;
color: #000px;

}
/* FİRMA LOGO GÖSTERİMİ, */






/* FİRMA LOGO GÖSTERİMİ, */
.firma_logo_goster{
position: relative;
top: -165px;
left: -60px;
z-index: 10;
color: #000px;

}
/* FİRMA LOGO GÖSTERİMİ, */





/* RESİM ÜZERİNDE MİNİK YENİ LOGOSU GÖSTERİMLERİ CSS */
.Urun_uzeri_Yeni_logosu{
xxoutline: 2px solid red !important; /* div Sınırı Kırmızı Renkte görürsünüz. Taşmaları Kontrol İçin */
position: relative;
max-width: 30px; 
top: -180px;
left: 100px;
z-index: 2;
}
/* RESİM ÜZERİNDE MİNİK YENİ LOGOSU GÖSTERİMLERİ CSS */






/* RESİM ÜZERİNDE MİNİK PUAN GÖSTERİMLERİ CSS */
.resim_ustu_puan_goster{
xxoutline: 2px solid red !important; /* div Sınırı Kırmızı Renkte görürsünüz. Taşmaları Kontrol İçin */
position: relative;
max-width: 30px; 
top: -55px;
left: 100px;
font-size: 9px;
z-index: 4;
color:#fff;
}

.resim_ustu_puan_goster_backround{
xxoutline: 2px solid red !important; /* div Sınırı Kırmızı Renkte görürsünüz. Taşmaları Kontrol İçin */    
position: relative;
max-width: 30px; 
top: -72px;
left: 100px;
z-index: 3;
}
/* RESİM ÜZERİNDE MİNİK PUAN GÖSTERİMLERİ CSS */




/* DEAVCTİF BUTTONU CSS */
.urun_resmi_altinda_deactif_buttonu{
xxoutline: 2px solid red !important; /* div Sınırı Kırmızı Renkte görürsünüz. Taşmaları Kontrol İçin */  
position: relative;
top: -55px;
left: 50px;
font-size: 9px;
z-index: 40;
color:#fff;
}

/* DEAVCTİF BUTTONU CSS */





/* ALT CİZGİ ÜSTÜ GRAM GÖSTERİMLERİ CSS */
.resim_alt_cizgi_ustu_gram_goster{
xxoutline: 2px solid red !important; /* div Sınırı Kırmızı Renkte görürsünüz. Taşmaları Kontrol İçin */    
position: relative;
max-width: 60px; 
top: -92px;
left: 2px;
font-size: 9px;
z-index: 2;
color:#000;
text-shadow: 0 0 3px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
}

.resim_alt_cizgi{
position: relative;
top: -107px;
left: 11px;
z-index: 2;
color: #000px;

}
/* ALT CİZGİ ÜSTÜ GRAM GÖSTERİMLERİ CSS */






/* RESİM ALTIND ÜRÜN KODU GÖSTERİMLERİ CSS */
.urun_kodu_goster{
position: relative;
top: -100px;
left: 1%;
font-size: 9px;
}
/* RESİM ALTIND ÜRÜN KODU GÖSTERİMLERİ CSS */





/* ÜRÜN BİLGİ NOTU GÖSTERİMİ, */
.urun_bilgi_notu{
position: relative;
top: -243px;
left: -32px;
z-index: 0;
color: #000px;
}
/* ÜRÜN BİLGİ NOTU  GÖSTERİMİ, */








/*ARAMA SAYFASI FİRMA LOGO GÖSTERİMİ, */
.arama_sayfasi_firma_logo_goster{
position: relative;
top: -190px;
left: -45px;
z-index: 0;
color: #000px;
}
/* ARAMA SAYFASI FİRMA LOGO GÖSTERİMİ, */






/* RESİM ÜZERİNDE MİNİK PUAN GÖSTERİMLERİ CSS */
.arama_sayfasi_resim_alt_cizgi_ustu_gram_goster{
position: relative;
top: -300px;
left: -40px;
font-size: 7px;
z-index: 1;
color:#000;
}

.arama_sayfasi_resim_alt_cizgi{
position: relative;
top: -34px;
left: 11px;
z-index: 0;
color: #000px;
}
/* RESİM ÜZERİNDE MİNİK PUAN GÖSTERİMLERİ CSS */






/*ARAMA SAYFASI ÜRÜN KODU GÖSTERİMİ */
.arama_sayfasi_urun_kodu_goster{
position: relative;
top: -50px;
left: 5px;
z-index: 0;
color: #000px;
}
/* ARAMA SAYFASI ÜRÜN KODU GÖSTERİMİ  */






/* EN ALTTA SAYFALAMA NUMARALARI ARA BOŞLUKLARI */
  @media screen and (max-width:850px) { 
.sayfalama-br-m{ 
     display: block;
  margin-bottom: 80px
  } }

@media screen and (min-width:850px) { 
.sayfalama-br-p{ 
  margin-bottom: 100px
  } }
/* EN ALTTA SAYFALAMA NUMARALARI ARA BOŞLUKLARI */







/* SAYFALAMA NUMARALARININ POZİSYONU */
  @media screen and (max-width:890px) { 
.sayfalama-pozisyon-m{ 
position: absolute;
top: 3000px;
 } }

@media screen and (min-width:890px) { 
.sayfalama-pozisyon-p{ 
position: absolute;
top: 1300px;
 } }
/* SAYFALAMA NUMARALARININ POZİSYONU */








/* EKRAN AL BUTONU ÜZERİNE GELİNCE BELİRGENLEŞEN YAZI */

  @media screen and (max-width:880px) { 
.ekran-al-button-tasarimi-panel-css{ 
    transition: all .5s ease;
    color: #CCCCCC;
    border: 3px solid white;
    font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-size: 8px;
    background-color : transparent;
    padding: 10px;
    outline: none;
    border-radius: 4px;
 }
 
.ekran-al-button-tasarimi-panel-css:hover {
    color: #001F3F;
    background-color: #fff;
    font-weight: bold;
}}


  @media screen and (min-width:880px) { 
.ekran-al-button-tasarimi-panel-css{ 
    transition: all .5s ease;
    color: #CCCCCC;
    border: 3px solid white;
    font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-size: 17px;
    background-color : transparent;
    padding: 10px;
    outline: none;
    border-radius: 4px;
 }
 
.ekran-al-button-tasarimi-panel-css:hover {
    color: #001F3F;
    background-color: #fff;
    font-weight: bold;
}}

/* EKRAN AL BUTONU ÜZERİNE GELİNCE BELİRGENLEŞEN YAZI */










/* KATALOG ÜSTÜ PANELPHP KATEGORİ İSİMLERİ */
  @media screen and (max-width:880px) { 
.panel-php-kategori-isimleri-css{ 
    transition: all .5s ease;
    color: #CCCCCC;
    border: 0px solid white;
    font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-size: 8px;
    background-color : transparent;
    padding: 5px;
    outline: none;
    border-radius: 4px;
    tttop: 3000px;
 }
 
.panel-php-kategori-isimleri-css:hover {
    color: #001F3F;
    background-color: #fff;
    font-weight: bold;
}}


  @media screen and (min-width:880px) { 
.panel-php-kategori-isimleri-css{ 
    transition: all .5s ease;
    color: #CCCCCC;
    border: 0px solid white;
    font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    background-color : transparent;
    padding: 5px;
    outline: none;
    border-radius: 4px;
    tttop: 3000px;
 }
 
.panel-php-kategori-isimleri-css:hover {
    color: #001F3F;
    background-color: #fff;
    font-weight: bold;
}}

/* KATALOG ÜSTÜ PANELPHP KATEGORİ İSİMLERİ */








/* SAYFALAMA CSS AYARLARI BAŞLAR */

.sayfalamam{
display:inline-block;
padding-left:0;
margin:0px 0;     /* SEÇİLEN SAYFA BUTONU AŞAYA ÇEKER */
border-radius:40px;
background-color: white;

}

.sayfalamam>li{display:inline;}

.sayfalamam>li>a,.sayfalamam>li>span{
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#337ab7;  /* BUTONLARIN İÇİ YAZI RENGİ */
text-decoration:none;
background-color:#fff;  /* BUTONLARIN TÜMÜ ARKA PLAN RENGİ */
border:1px solid #FF0000   /* BUTON KENAR ÇİZGİ RENGİ */
}

.sayfalamam>li:first-child>a,.sayfalamam>li:first-child>span{
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px

}

.sayfalamam>li:last-child>a,.sayfalamam>li:last-child>span{
border-top-right-radius:4px;
border-bottom-right-radius:4px
}

.sayfalamam>li>a:focus,.sayfalamam>li>a:hover,.sayfalamam>li>span:focus,.sayfalamam>li>span:hover{
z-index:3;
color:#23527c;
background-color:#FF0000;    /* BUTON BUTON ÜZERİNE GELİNCE DEĞİŞEN RENGİ */
border-color:#ddd

}

.sayfalamam>.active>a,.sayfalamam>.active>a:focus,.sayfalamam>.active>a:hover,.sayfalamam>.active>span,.sayfalamam>.active>span:focus,.sayfalamam>.active>span:hover{
z-index:2;
color:#00FF;
cursor:default;
background-color:#337ab7;
border-color:#337ab7
}



.sayfalamam>.disabled>a,.sayfalamam>.disabled>a:focus,.sayfalamam>.disabled>a:hover,.sayfalamam>.disabled>span,.sayfalamam>.disabled>span:focus,.sayfalamam>.disabled>span:hover{
color:#777;
cursor:not-allowed;
background-color:#FF0000;
border-color:#ddd
}


.sayfalamam-lg>li>a,.sayfalamam-lg>li>span{
padding:10px 16px;
font-size:18px;
line-height:1.3333333
}

.sayfalamam-lg>li:first-child>a,.sayfalamam-lg>li:first-child>span{
border-top-left-radius:6px;
border-bottom-left-radius:6px
}

.sayfalamam-lg>li:last-child>a,.sayfalamam-lg>li:last-child>span{
border-top-right-radius:6px;
border-bottom-right-radius:6px
}

.sayfalamam-sm>li>a,.sayfalamam-sm>li>span{
padding:5px 10px;
font-size:12px;
line-height:1.5
}

.sayfalamam-sm>li:first-child>a,.sayfalamam-sm>li:first-child>span{
border-top-left-radius:3px;
border-bottom-left-radius:3px
}

.sayfalamam-sm>li:last-child>a,.sayfalamam-sm>li:last-child>span{
border-top-right-radius:3px;
border-bottom-right-radius:3px
}

/* SAYFALAMA CSS AYARLARI BAŞLAR */






/* YAZI ÜZERİNE GELİNCE RENK DEĞİŞEN KODLAR */
/*a:link, a:visited, a:active {
font-family : Arial;
font-size : 11px;
color : #000;
text-decoration : none;
}
a:hover {
font-family : Arial;
font-size : 11px;
color : #FF6600;
text-decoration : underline;
} */



/* ARA BOŞLUKLARI CSS */
.br-sifir {
margin-bottom: 0.1px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-bir {
margin-bottom: 1px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-uc {
margin-bottom: 3px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-bes {
margin-bottom: 5px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-on {
margin-bottom: 100px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-onbes {
margin-bottom: 15px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-yirmi {
margin-bottom: 20px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-elli {
margin-bottom: 50px;
}
/* ARA BOŞLUKLARI CSS */





 @media (min-width:  300px) and (max-width:  350px){ .ara-mesafe-a {  margin-bottom: 2270px;  }}
 @media (min-width:  350px) and (max-width:  400px){ .ara-mesafe-b {  margin-bottom: 2000px;  }} /* mobil tarayici seviyesi */
 @media (min-width:  400px) and (max-width:  450px){ .ara-mesafe-c {  margin-bottom: 1330px;  }}
 @media (min-width:  450px) and (max-width:  550px){ .ara-mesafe-d {  margin-bottom: 1210px;  }}
 @media (min-width:  550px) and (max-width:  600px){ .ara-mesafe-e {  margin-bottom: 1190px;  }}
 @media (min-width:  600px) and (max-width:  630px){ .ara-mesafe-f {  margin-bottom: 1170px;  }}
 @media (min-width:  630px) and (max-width:  650px){ .ara-mesafe-g {  margin-bottom: 780px;  }}
 @media (min-width:  650px) and (max-width:  700px){ .ara-mesafe-h {  margin-bottom: 680px;  }}
 @media (min-width:  700px) and (max-width:  750px){ .ara-mesafe-i {  margin-bottom: 660px;  }}
 @media (min-width:  750px) and (max-width:  800px){ .ara-mesafe-j {  margin-bottom: 620px;  }}
 @media (min-width:  800px) and (max-width:  850px){ .ara-mesafe-k {  margin-bottom: 600px;  }}
 @media (min-width:  850px) and (max-width:  900px){ .ara-mesafe-l {  margin-bottom: 550px;  }}
 @media (min-width:  900px) and (max-width:  950px){ .ara-mesafe-m {  margin-bottom: 450px;  }}
 @media (min-width:  950px) and (max-width: 1000px){ .ara-mesafe-n {  margin-bottom: 200px;  }}
 @media (min-width: 1000px) and (max-width: 1050px){ .ara-mesafe-o {  margin-bottom: 300px;  }}
 @media (min-width: 1050px) and (max-width: 1100px){ .ara-mesafe-p {  margin-bottom: 300px;  }}
 @media (min-width: 1100px) and (max-width: 1150px){ .ara-mesafe-r {  margin-bottom: 300px;  }}
 @media (min-width: 1150px) and (max-width: 1200px){ .ara-mesafe-s {  margin-bottom: 300px;  }}
 @media (min-width: 1200px) and (max-width: 1250px){ .ara-mesafe-t {  margin-bottom: 300px;  }}
 @media (min-width: 1250px) and (max-width: 1300px){ .ara-mesafe-u {  margin-bottom: 300px;  }}
 @media (min-width: 1300px) and (max-width: 1350px){ .ara-mesafe-v {  margin-bottom: 300px;  }}
 @media (min-width: 1350px) and (max-width: 1400px){ .ara-mesafe-y {  margin-bottom: 300px;  }}
 @media (min-width: 1400px) and (max-width: 1450px){ .ara-mesafe-z {  margin-bottom: 300px;  }}
 
 @media (min-width: 1450px) and (max-width: 1500px){ .ara-mesafe-za {  margin-bottom: 300px;  }}
 @media (min-width: 1500px) and (max-width: 1550px){ .ara-mesafe-zb {  margin-bottom: 300px;  }}
 @media (min-width: 1550px) and (max-width: 1600px){ .ara-mesafe-zc {  margin-bottom: 300px;  }}
 @media (min-width: 1600px) and (max-width: 1650px){ .ara-mesafe-zd {  margin-bottom: 300px;  }}
 @media (min-width: 1650px) and (max-width: 1700px){ .ara-mesafe-ze {  margin-bottom: 300px;  }}
 @media (min-width: 1700px) and (max-width: 1750px){ .ara-mesafe-zf {  margin-bottom: 300px;  }}
 @media (min-width: 1750px) and (max-width: 1800px){ .ara-mesafe-zg {  margin-bottom: 300px;  }}
 @media (min-width: 1800px) and (max-width: 1850px){ .ara-mesafe-zh {  margin-bottom: 300px;  }}
 @media (min-width: 1850px) and (max-width: 1900px){ .ara-mesafe-zi {  margin-bottom: 300px;  }}
 

.kayan_yazi {
 background-image: url("images/kayan_backround.png");
}