/* ==========================================================================
KOCASABAN - KURUMSAL TEMA (TAM SURUM) - Tema 10046
Uretim: 2026-09-12 (r11)
Onceki: r10 (2026-09-09, sha256 49e6f1a35ce7...)
r11 farki: mobil duzeltme turu - hesap paneli, sepet ikonu, bolum basligi,
           header bant renginin ana sayfa disina tasinmasi.
           Bulten formu stilleri BU DOSYADA DEGIL; sahibi footer HTML.
Kaynak overlay: ticimax/theme-10045/kurumsal-tema.css
========================================================================== */

@charset "UTF-8";
@import url(bootstrap.css);
@import 'normalize.css';
@import 'jquery.fancybox.min.css';


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');


.afterClear,
.gridLeft:after,
.listAdd:after,
.gender:after { clear: both; display: table; content: ""; }

/* ================================================ */
* { margin: 0; outline: 0; padding: 0; }

body { background: #f8f8f8; color: #000; font-family: 'Roboto', sans-serif !important; font-weight: normal; margin: 0; padding: 0; }

#overlay { opacity: .5; position: fixed; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background: #000000; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; transition: transform 300ms ease; z-index: 3; display: none; }

#overlay.active { display: block; }

body.topOverlay #overlay { -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }

body.topOverlay form { width: 100%; box-shadow: none; -webkit-box-shadow: none; -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }

 
body.sepetimBody form { -webkit-overflow-scrolling: inherit; -webkit-transform: inherit; transform: inherit; }


html { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

label input { margin-right: 5px; }

#cb3DSecureOdeme { margin-right: 8px; }

img { border: none; max-width: 100%;  }

ol, ul { list-style: none; }

a { text-decoration: none; color: #666666; }

body, td, th, input, textarea, select, a { font-size: 13px; }

.clear { clear: both; }

.bordernone { border: none !important; }

.textarea { font-family: "Roboto", sans-serif !important; border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textbox { font-family: "Roboto", sans-serif !important; border: 1px solid #ccc; color: #666666; display: block; font-size: 12px; width: 100%; padding: 8px 8px; margin: 0 0 8px 0; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.Block_item .button { display: block; width: 100%; }

.button { cursor: pointer; background: #252259; color: #FFFFFF; padding: 8px 10px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; margin: 0 0 8px 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.button:hover { background-color: #000; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }

.selectboxx { border: 1px solid #DDDDDD; width: 100%; padding: 0 10px; height: 40px; }

.validate,
.validateSol,
.validateOrta { position: absolute; right: 1.5%; top: -35px; display: table; background-color: #366f2a; color: #fff; border-radius: 5px; padding: 0 10px; }

.validate .validateOk,
.validateSol .validateSolOk,
.validateOrta .validateOrtaOk { background-color: #366f2a; position: absolute; right: 10px; bottom: -5px; width: 10px; height: 10px; display: block; border-radius: 0 0 0px 15px; }

.cloudzoom-zoom { z-index: 999; }

#showhideButton { top: 9px !important; }

.password-verdict { color: #000 !important; display: block !important; white-space: nowrap; }

body { -webkit-text-size-adjust: 100%; }

input[type="submit"], button[type="submit"], input[type="button"], button { border: none; }

.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }

.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }

textarea { resize: none; }

textarea, input[type="text"], input[type="password"] { height: 40px; padding-left: 10px; border: 1px solid #ddd; color: #777; background: transparent; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background: #F1F1F1; }

input[type="submit"] { border: none; cursor: pointer; }

select { height: 40px; padding: 0 17px 0 10px; line-height: 30px; border: 1px solid #ddd; color: #777; }

.col-xs-1, .col-sm-1,
.col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3,
.col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4,
.col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10,
.col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12,
.col-md-12, .col-lg-12 { padding: 0 10px; }

.row { margin: 0 -10px; }

.divYorumYaz, #yorumYaz{ min-height: 220px; }

.homeContainer .centerCount .jCarouselLite { padding: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 40px; }

.jCarouselLite, .jCarouselLite2 { width: 100% !important; }

.markaSlider .jCarouselLite { height: 160px !important; }

.markaSlider .jCarouselLite ul li { height: 100px !important; }

.markaSlider .jCarouselLite ul li a img { max-width: 100%; }

.jCarouselLite { width: 100% !important; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 40px; }

.jCarouselLite .productItem, .jCarouselLite2 .productItem { float: left; width: 100% !important; margin: 0 !important; padding: 0 !important; }

.JKatAdi { font-size: 16px; float: left; padding: 15px 0; margin: 15px 0 25px 0 !important; width: 100%; float: left; }

.detaySliderContainer .bold { /* display: block; */ border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; text-align: center; }

.detaySliderContainer .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #fff; padding: 0 70px; }


.owl-nav { }

.ProductListprev { font-size: 0; float: left; cursor: pointer; position: absolute; left: 15px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #e6e4e6; }

.ProductListprev:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f053"; line-height: 40px; }

.ProductListprev:hover { background: #252259; }

.ProductListprev:hover:after { color: #fff; }

.ProductListnext { font-size: 0; float: left; cursor: pointer; position: absolute; right: 15px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #e6e4e6; }

.ProductListnext:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f054"; line-height: 40px; }

.ProductListnext:hover { background: #252259; }

.ProductListnext:hover:after { color: #fff; }


/* ================================================== */
/* SAYFAYI YAZDIR                                     */
/* ================================================== */
.PrintArea { width: 960px; margin: 0px auto; background-color: #FFF; overflow: hidden; }

.printresim { width: 30%; height: 200px; float: left; }

.printdetay { width: 70%; float: left; }

.printdetay div { padding-top: 5px; padding-bottom: 5px; min-height: 10px; }

.printurunadi { font-size: 16px; }

.printfiyat { font-size: 16px; }

.printtaksit { width: 960px; float: left; }

.printtaksit .taksitLine { background-color: #FFF !important; }

.printtaksit .taksitLine .taksitLineNo { width: 114px; }

.printtaksit .taksitLine div { background-color: #FFF !important; }

.printkdvdahil { font-size: 16px; }


/* ================================================== */
/* HESABIM                                            */
/* ================================================== */
.HesabimBilgi { width: 100%; line-height: 25px; }

.HesabimBilgi b { font-weight: 700; }

.userMenu { list-style: none; position: relative; display: inline-table; width: 100%; background-color: #fff; margin-bottom: 10px; }

.userMenu li { display: block; position: relative; float: left; width: 100%; color: #414040; font-size: 13px; font-weight: 600; margin-bottom: 5px; }

.userMenu li a { display: block; font-size: 13px; color: #0e0e0e; padding: 5px; line-height: 30px; background: #eaeaea; }

.userMenu li:hover a { color: #fff; background: #252259; }


/* ================================================== */
/* ÜYELİK BİLGİLERİM                                  */
/* ================================================== */
.span { width: 100%; position: relative; float: left; }

.span > label { display: block; line-height: 36px; font-weight: 500; font-size: 12px; clear: left; }

.span > label .validate { top: 0; }

.span .labelGender { float: left; }

.span .spanGender { float: left; margin-left: 10px; text-align: center; }

.span .spanPass { text-align: left; margin-top: 10px; }

.span .spanPass input { float: left; width: auto; margin-right: 10px; }

.span .spanPass label { float: left; width: auto; color: #FF0000; line-height: 34px; font-weight: 700; }

.dateofbirth input { border: 1px solid #DDDDDD !important; height: 25px !important; }


/* ================================================== */
/* ADRES DEFTERİM                                     */
/* ================================================== */
.HesabimAdresContent { margin-bottom: 15px; }

.HesabimAdresContent .col-md-6 { padding: 2%; width: 49%; margin-right: 1%; margin-bottom: 1%; height: 180px; float: left; background-color: #eaeaea; position: relative; }

.HesabimAdresContent .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 10px; float: left; }

.HesabimAdresContent .UyelikBilgilerimContent .row { background-color: transparent; height: auto; margin-left: 0; margin-right: 0; }

#mainHolder_btnKaydet, #mainHolder_btnVazgec { margin-top: 10px; }

.HesabimAdresContent .row:nth-child(2n) { margin-right: 0px; }

.HesabimAdresContent .row .span { margin-bottom: 0px; float: left; }

.HesabimAdresContent .row .span .textarea { background-color: #fff; }

.HesabimAdresContent .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#mainHolder_rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#mainHolder_rblFaturaTipi tr input { float: left; margin-right: 5px; }

#mainHolder_rblFaturaTipi tr label { float: left; line-height: 35px; }

#mainHolder_btnEkle { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -30px; }

.fancybox-inner .row { padding: 2%; width: 45.5%; margin-right: 1%; margin-bottom: 1%; height: 130px; float: left; background-color: #f8f8f8; position: relative; }

.fancybox-inner .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 7px; background-color: #f8f8f8; padding: 0 10px 10px 0; }

.fancybox-inner .UyelikBilgilerimContent .row { background-color: transparent; height: auto; }

.fancybox-inner .UyelikBilgilerimContent input { background-color: #FFF; }

.fancybox-inner .row:nth-child(2n) { margin-right: 0px; }

.fancybox-inner .row .span { margin-bottom: 0px; line-height: 20px; }

.fancybox-inner .row .span .textarea { background-color: #fff; }

.fancybox-inner .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#rblFaturaTipi tr input { float: left; width: 20px; margin-top: 3px; }

#rblFaturaTipi tr label { float: left; }

.btn-inverse { position: absolute; bottom: 10px; right: 10px; }

.btn-inverse2 { position: absolute; bottom: 10px; right: 50px; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { padding-left: 48px !important; width: 100% !important; }

/* ================================================== */
/* LİSTEM                                             */
/* ================================================== */
.Listem { width: 100%; }

.Listem .ListemItem { width: 100%; overflow: hidden; border-bottom: solid 1px #CCC; }

.Listem .ListemItem.Title { background-color: #f5f5f5; border-bottom: solid 1px #cccccc; padding: 10px 0; }

.Listem .ListemItem.Title div { padding: 0; padding-left: 1%; }

.Listem .ListemItem div { float: left; padding-top: 5px; padding-bottom: 5px; overflow: hidden; }

.Listem .ListemItem .line1 { width: 9%; padding-left: 1%; }

.Listem .ListemItem .line1 img { max-width: 100%; max-height: 60px; }

.Listem .ListemItem .line2 { width: 15%; padding-left: 1%; }

.Listem .ListemItem .line2 img { max-width: 100%; max-height: 60px; }

.Listem .ListemItem .line3 { width: 20%; padding-left: 1%; }

.Listem .ListemItem .line4 { width: 17%; }

.Listem .ListemItem .line4 a { margin-top: 5px; }

.Listem .ListemItem .line6 { float: right; }

.Listem.HediyeKuponlarim .ListemItem .line1 { width: 22%; }

.Listem.HediyeKuponlarim .ListemItem .line2 { width: 21%; }

.Listem.HediyeKuponlarim .ListemItem .line3 { width: 16%; }

.Listem.HediyeKuponlarim .ListemItem .line4 { width: 16%; padding-left: 1%; }

.Listem.HediyeKuponlarim .ListemItem .line5 { width: 20%; padding-left: 1%; }

/* ================================================== */
/* SİPARİŞLERİM                                       */
/* ================================================== */
.Siparislerim { margin-bottom: 10px; }

.Siparislerim .Title div { font-weight: 700; font-size: 13px; }

.Siparislerim .ListemItem.Title div { padding: 0; height: auto; }

.Siparislerim .ListemItem { border-top: 0px solid #ccc; height: 35px; line-height: 35px; }

.Siparislerim .ListemItem div { font-size: 12px; padding: 0 !important; }

.Siparislerim .ListemItem .line1 { width: 20%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line2 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line3 { width: 13%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line4 { width: 16%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line5 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 a { color: #ff0000; text-decoration: underline; }

/* ================================================== */
/* PARAPUAN                                           */
/* ================================================== */
.paraPuan > div { padding: 10px; }

.paraPuan + a { padding: 10px; }

.paraPuan .parapuanTable { width: 98%; overflow: hidden; border-bottom: solid 1px #CCC; padding: 1%; margin-bottom: -1px; }

.paraPuan .parapuanTable.Title { padding: 0; padding-left: 1%; width: 99%; background-color: #F5F5F5; }

.paraPuan .parapuanTable .paraline1 { width: 18%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline2 { width: 58%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline3 { width: 18%; float: left; padding: 1%; text-align: center; font-weight: 700; }

/* ================================================== */
/* DESTEK TALEPLERİM                                  */
/* ================================================== */
.DestekTalepDetay { width: 97.7%; border: 1px solid #ddd; margin: 5px 0; padding: 1%; }

.DestekTalepCevapLine { background-color: #f5f5f5; margin: 5px 0; padding: 5px; border: 1px solid #ddd; }

.DestekTalepDetay .span { overflow: hidden; }

.DestekTalepCevapLine:nth-child(2n+1) { background-color: #fff; margin: 5px 0; padding: 5px; }

.DestekTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.DestekTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.DestekTaleplerim .ListemItem .line2 { width: 10%; }

.Listem.DestekTaleplerim .ListemItem .line3 { width: 50%; }

.Listem.DestekTaleplerim .ListemItem .line4 { width: 12%; }

.Listem.DestekTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6.DestekButton .button { float: right; margin-top: 5px; }

.YeniDestek { width: 100%; height: 60px; position: relative; }

.DestekTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.DestekTaleplerimContent .row .span { position: relative; height: 40px; overflow: visible; }

.DestekTaleplerimContent .row .span div { float: left; height: 31px; line-height: 31px; }

.DestekTaleplerimContent .row .span .Left { width: 10%; }

.DestekTaleplerimContent .row .span .Center { width: 3%; }

.DestekTaleplerimContent .row .span .Right { width: 86%; }

.DestekTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.DestekTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.DestekTaleplerimContent textarea { margin-bottom: 10px; }

.DestekTalepDetay .span div { float: left; }

/* ================================================== */
/* İLETİŞİM                                           */
/* ================================================== */
.iletisimContent { background-color: #FFF; margin-top: 0; padding-bottom: 20px; }

.iletisimRight { float: none !important; }

.iletisimContent { padding-left: 0; padding-right: 0; }

.iletisimLine { margin-bottom: 10px; min-height: 30px; line-height: 30px; position: relative; }

.iletisimLine .Left { display: inline-block; width: 20%; float: left; }

.iletisimLine .Center { display: inline-block; font-weight: 700; width: 2%; float: left; }

.iletisimLine .Right { display: inline-block; width: 40%; float: left; }

.iletisimbanka { width: 100%; padding: 1%; border: solid 1px #dadada; background-color: #fafafa; overflow: hidden; }

.iletisimContent .categoryTitle { border-bottom: solid 7px #e4e4e4; margin-bottom: 35px; }

.iletisimContent .span { padding: 0px; width: 100%; overflow: hidden; }

.iletisimContent .span > div { float: left; min-height: 30px; line-height: 30px; width: 15%; }

.iletisimContent .span .Center { width: 2%; }

.iletisimContent .span .Right { width: 83%; }

.iletisimContent .span .line1 { width: 100%; min-height: 50px; margin-bottom: 5px; }

.iletisimContent .span .line1 div { width: 41%; float: left; min-height: 50px; }

.iletisimContent .span .line1 .line2 { text-align: center; width: 23%; }

.iletisimContent .span .line1 .line3 { text-align: center; width: 16%; }

.iletisimContent .span .line1 .line4 { text-align: right; float: right; width: 20%; }

.iletisimContent .span .line1 div span { display: block; min-height: 25px; }

.iletisimContent .span .line2 { width: 100%; min-height: 25px; }

.iletisimContent .span > .line3 { border-bottom: solid 1px #CCC; }

.iletisimContent .line2 .line1 { width: 70%; float: left; /* height: 25px; */ line-height: 25px; }

.iletisimContent .line2 .line2 { float: right; width: 30%; text-align: right; }

.iletisimContent .span .line3 { width: 100%; }

.iletisimContent .span .line3 .line1 { width: 100%; }

.iletisimContent .span .line3 .line1 span { float: left; }

.iletisimForm { width: 100%; margin-top: 20px; border: solid 1px #dadada; overflow: hidden; padding: 1%; }

.iletisimForm .row { width: 50%; border: none; float: left; padding: 0; }

.iletisimForm .row .span { height: 70px; position: relative; overflow: visible; margin-bottom: 0px; }

.iletisimForm .row .span .captchaImageBox { float: left; width: 30%; }

.iletisimForm .row .span .captchaInputBox { width: 69%; }

#mainHolder_TiciCaptcha_ImgCaptcha { width: 100px; }

.iletisimForm .row .span .captchaInputBox input { float: left; }

.iletisimForm .row .span #mainHolder_btnGonder { width: 160px; float: right; }

.iletisimForm .textarea { height: 110px; }

.iletisimForm .row.rowLeft { margin: 0; padding-right: 5px; }

.iletisimForm .row.rowRight { margin: 0; padding-left: 5px; }

.iletisimLeft.row { margin: 0; }

.iletisimRight.row { margin: 0; }

@media (max-width:767px) {
    .iletisimForm .row { width: 100%; }

    .iletisimForm .row .span { height: auto; }

    .iletisimContent .span > div { float: none; width: 100%; }

    .iletisimContent .span .Center { display: none; }

    .iletisimForm .row .span #mainHolder_btnGonder { float: none; }

    .iletisimContent .span .line1 div { width: 25% !important; }

    .iletisimContent .span .line2 { float: left; min-height: 30px; }

    .iletisimContent .line2 .line1 { width: 50%; }

    .iletisimContent .line2 .line2 { width: 50%; }
}

/* ================================================== */
/* ÜYE OL                                             */
/* ================================================== */
.UyeolContent { margin: 15px 0; }

.UyeGirisiContent, .UyeolContent { padding-left: 0; padding-right: 0; }

.newuserForm { color: #0e0e0e; line-height: 35px; overflow: hidden; }

.newuserForm > div.FormTitle { width: 100%; text-align: center; font-size: 30px; line-height: 50px; color: #000000; }

.FormTitle p { font-size: 14px; margin: 0px auto; line-height: 22px; display: block; width: 50%; }

.gridLeft { position: relative; float: left; width: 100%; margin-bottom: 10px; }

.gridLeft a { text-decoration: underline; }

.gridLeft input[type="checkbox"] { float: left; margin-right: 5px; }

.gridLeft label { line-height: 1.2; display: block; margin-bottom: 5px; }

.intl-tel-input { width: 100%; }

.dateofbirth select { float: left; width: 32%; margin-right: 2%; }

.dateofbirth select:nth-child(3n) { margin-right: 0; }

.gender label { float: left; display: block; }

.gender input { float: left; margin-right: 3px; }

.uyeolButton { width: 100%; }

/* ================================================== */
/* ÜYE GİRİŞİ                                         */
/* ================================================== */
.Login { border: solid 1px #DDDDDD; padding: 2% 5% 2% 4% !important; width: 100%; background-color: #FBFBFB; height: auto; margin: 10px 0; }

.Login.LoginSag { float: right; }

.Login h4 { font-size: 22px; display: block; text-align: center; border-bottom: solid 1px #CCC; margin-bottom: 10px; }

.forgetpasword { text-decoration: none; float: right; color: #000000; }

.userloginButton { width: 80px; margin-top: 10px; }

.facebooklogin { margin-top: 40px; display: block; float: left; }

.grid .validate, .validateSol, .validateOrta { top: -7px; }

.gridLeft .validateSol { left: -0.5%; top: -30px; }

.gridLeft .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.gender table { width: 30%; clear: both; }

.doFaceBookLogin { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); padding: 10px 20px; width: 82%; cursor: pointer; font-size: 15px; line-height: 1.33; border-radius: 6px; text-align: center; margin-top: 5px; display: inline-block; }

.uyeliksiz:hover, .hizliuyelik:hover { background: #0e0e0e; }

.Block_Alt { float: left; width: 100%; }

.baglanButton { line-height: 36px; display: block; text-align: center; font-size: 14px; background-color: #555; color: #FFF; margin: 10px 0; }

.baglanButton input { border: 1px solid transparent; width: 100%; height: 100%; line-height: 36px; display: block; background-color: transparent; cursor: pointer; text-indent: -9999pt; }

#mainHolder_SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#mainHolder_SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#mainHolder_SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }

#SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }

/* ================================================== */
/* ŞİFREMİ UNUTTUM                                    */
/* ================================================== */
.SifremiUnuttum { margin-top: 30px; }

.SifremiUnuttum p { line-height: 25px; }

.SifremiUnuttum #mainHolder_txtbxMail { margin-bottom: 20px; }

.SifremiUnuttum .button { padding: 10px; float: right; }

.SifremiUnuttumInput { position: relative; margin-top: 10px; }

.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }

.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }

.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; position: relative; }

.SifremiUnuttum .line .Center { width: 4%; float: left; }

.SifremiUnuttum .line .Right { width: 66%; float: left; }

/* ================================================== */
/* TAKSİT SEÇENEKLERİ                                 */
/* ================================================== */
.taksitBlok { width: 25%; height: auto; float: left; line-height: 20px; }

.taksitBaslik { width: 100%; height: 20px; text-align: center; }

.taksitLine { width: 101%; }

.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }

.taksitLine .tak.Taksit { background-color: #ededed; width: 21%; }

.taksitBaslik1 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/1.png) center center no-repeat #7cc242; }

.taksitBaslik2 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; }

.taksitBaslik3 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/3.png) center center no-repeat #6950a2; }

.taksitBaslik4 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; }

.taksitBaslik5 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; }

.taksitBaslik6 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; }

.taksitBaslik7 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/7.png) center center no-repeat #ee3623; }

.taksitBaslik8 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/8.png) center center no-repeat #00aedb; }

.taksitBaslik9 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; }

.taksitBaslik10 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/10.png) center center no-repeat #2e3192; }

.taksitBaslik11 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/11.png) center center no-repeat #056bb6; }

.taksitBaslik12 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/12.png) center center no-repeat #221f1f; }

.taksitBaslik13 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/13.png) center center no-repeat #0053a0; }

.taksitBaslik14 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; }

.taksitBaslik15 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/15.png) center center no-repeat #024d39; }

.taksitBaslik16 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/16.png) center center no-repeat #8c1639; }

.taksitBaslik17 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/17.png) center center no-repeat #e9690e; }

.taksitBaslik18 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; }

.taksitBaslik19 { background: url(https://static.ticimax.cloud/33431/Uploads/BankaLogo/19.png) center center no-repeat #ffffff; }

.TakRenk1 { background-color: #edf4e6; }

.TakRenk2 { background-color: #f1e7f3; }

.TakRenk3 { background-color: #f5f9d9; }

.TakRenk4 { background-color: #eeafa2; }

.TakRenk5 { background-color: #b5d0df; }

.TakRenk6 { background-color: #e4e9f4; }

.TakRenk7 { background-color: #edf4e6; }

.TakRenk8 { background-color: #f1e7f3; }

.TakRenk9 { background-color: #f5f9d9; }

.TakRenk10 { background-color: #eeafa2; }

.TakRenk11 { background-color: #b5d0df; }

.TakRenk12 { background-color: #e4e9f4; }

.TakRenk13 { background-color: #edf4e6; }

.TakRenk14 { background-color: #f1e7f3; }

.TakRenk15 { background-color: #f5f9d9; }

.TakRenk16 { background-color: #eeafa2; }

.TakRenk17 { background-color: #b5d0df; }

.TakRenk18 { background-color: #e4e9f4; }

.TakRenk19 { background-color: #edf4e6; }

/* ================================================== */
/* CARİ ÖDEME YAP                                     */
/* ================================================== */
.CariOdeme .row .span { overflow: hidden; }

.CariOdeme .row .span .Left { width: 13%; }

.CariOdeme .row .span .Center { width: 3%; }

.CariOdeme .row .span .Right { width: 82%; }

.CariOdeme .row .span div { float: left; height: 31px; line-height: 31px; }

.Listem.CariOdemeRaporlari .ListemItem .line1 { width: 6%; }

.Listem.CariOdemeRaporlari .ListemItem .line2 { width: 13%; }

.Listem.CariOdemeRaporlari .ListemItem .line3 { width: 18%; }

.Listem.CariOdemeRaporlari .ListemItem .line4 { width: 8%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line5 { width: 18%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line6 { width: 12%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line7 { width: 10%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line8 { width: 7%; padding-left: 1%; }

.CariOdeme .Basketstep { display: none; }

.CariOdeme .OdemeMenu { display: none; }

.CariOdeme .BasketPage { width: 100%; overflow: visible; padding: 0; border: 0; min-height: inherit; }

.CariOdeme .Odeme-Left { width: 100%; padding: 0; float: none; background-color: transparent; min-height: 300px; }

.CariOdeme .Odeme-Left .Left { width: 50%; }

.CariOdeme .CrediCardNoInput input { width: 20.3%; }

.CariOdeme .CrediCardNameInput input { width: 92%; }

.CariOdeme .CrediCardDateInput select { width: 46.7%; }

.CariOdeme .Odeme-Right { padding: 0; float: none; width: 100%; background-color: transparent; }

.CariOdeme .Odeme-Right .Odeme-RightLine { display: none; }

.CariOdeme .aspNetDisabled { margin-top: 5px; }

.CariOdeme .OdemeTamamla .SiparisiTamamlaBtn { float: right; margin-top: 50px; }

.CariRaporlarContent .siparisTablo thead tr th { padding: 2px; }

.cariorta table tr td { padding: 5px; }

div#fancy_print { background: url("../Default/images/print2.png") no-repeat scroll center center #222222; border: 2px solid #FFFFFF; border-radius: 13px; cursor: pointer; display: block; height: 25px; left: -16px; position: absolute; top: -14px; width: 25px; z-index: 9999; }

.CariOdeme .Odeme-Right { position: relative; }

.CariOdeme .OdemeTamamla { position: absolute; bottom: 0; }

/* ================================================== */
/* FIRSAT ÜRÜNLERİ                                    */
/* ================================================== */
.firsatUrunleri { width: 100% !important; position: relative; margin: 0 auto; float: left; }

.Firsatprev { display: none; cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: -20px; font-size: 30px; color: #000; z-index: 99; background: none; }

.Firsatprev:hover { color: #252259; }

.Firsatnext { display: none; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -20px; font-size: 30px; color: #000; z-index: 99; background: none; }

.Firsatnext:hover { color: #252259; }

.firsatUrunleriItem { width: 230px; }

.firsatUrunResim { display: block; width: 100%; height: 250px; border: none; text-align: center; margin: 0px auto; }

.firsatUrunResim img { max-width: 100%; max-height: 250px; }

.firsatUrunAdi { font-size: 12px; line-height: 14px; margin: 5px 0 5px 0px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; width: 100%; display: block; }

.firsatUrunAdi a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.firsatUrunFiyat { text-align: center; display: block; font-size: 14px; }

#divSlide:hover .Firsatprev { display: inline-block; }

#divSlide:hover .Firsatnext { display: inline-block; }

/* ================================================== */
/* TAB ÜRÜNLER                                        */
/* ================================================== */
.tabListe { float: left; width: 100%; margin-bottom: 60px; }

.tabListe .tabBaslik { display: block; color: #222222; font-size: 22px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }

.tabListe .tabUst { float: left; width: 100%; text-align: center; margin-bottom: 20px; }

.tabListe .tabUst ul li { display: inline-block; margin-right: 15px; float: left; }

.tabListe .tabUst ul li a { display: block; color: #5a5a5a; height: 28px; padding: 0 15px; line-height: 28px; font-size: 13px; font-weight: 500; padding-bottom: 5px; border: 1px solid #ececec; }

.tabListe .tabUst ul li.aktif a { background: #5a5a5a; color: #fff; }

.tabListe .tabIcerik { float: left; width: 100%; }

.tabListe .tabIcerik .blok { float: left; width: 100%; display: none; }

.tabListe .tabIcerik .blok:first-child { display: block; }

.tabListe .categoryTitle { display: none; }

.tabListe .Jbutonlar { display: none; }

.tabListe .productItem .productMarka, .tabListe .productItem .productOnYazi, .tabListe .productItem .favori { display: none !important; }

/* ================================================== */
/* YORUM YAZ                                          */
/* ================================================== */
.fancyboxTittle { margin-bottom: 10px; font-size: 13px; }

#yorumYaz { float: left; width: 100% !important; height: auto !important; min-width: 320px; padding: 10px; }


.yorumYaz { margin-bottom: 10px; position: relative; }

.yorumYaz .validate { padding: 5px; top: -30px; }

.yorumYazMesaj textarea { width: 100%; }

/* ================================================== */
/* FIRSAT ÜRÜNLERİ                                    */
/* ================================================== */
.urunTabAlt { width: 100%; }

.urunTabAlt ul li { margin-bottom: 10px; clear: both; }

.oneriValidate .validate { top: 0; padding: 5px; }

.urunTabAlt ul li input { float: left; margin-right: 5px; }

.urunTabAlt ul li .captchaImageBox { float: left; }

.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }

.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }

.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }

.odemeBildirimFormu table tr td { padding: 5px; }

#mainHolder_txtbxNotlar { width: 100%; }

.Block_Text img { max-width: 100%; }

#GUVENLIK_KODU { margin-bottom: 10px; margin-top: 10px; }

/* ================================================== */
/* TOOLTİP                                            */
/* ================================================== */
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }

.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }

.tooltip.top { padding: 5px 0; margin-top: -3px; }

.tooltip.right { padding: 0 5px; margin-left: 3px; }

.tooltip.bottom { padding: 5px 0; margin-top: 3px; }

.tooltip.left { padding: 0 5px; margin-left: -3px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }

/* ================================================== */
/* ÜYELİK ONAY                                        */
/* ================================================== */
.uyelikonay { margin-top: 50px; padding-left: 50px; }

.uyelikonay .title { width: 100%; margin-bottom: 30px; }

.uyelikonay .title h4 { font-size: 30px; margin-bottom: 20px; }

.uyelikonay .title span { font-size: 20px; }

.uyelikonay p { line-height: 30px; }

.uyelikonay p strong { font-weight: bold; font-size: 16px; color: #000; }

.uyelikonay a { font-size: 14px; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; }

/* ================================================== */
/* İADE TALEPLERİM                                    */
/* ================================================== */
.IadeTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.IadeTaleplerim .ListemItem { height: auto; line-height: 24px; }

.Listem.IadeTaleplerim .ListemItem div { height: auto; }

.Listem.IadeTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.IadeTaleplerim .ListemItem .line2 { width: 20%; }

.Listem.IadeTaleplerim .ListemItem .line3 { width: 40%; }

.Listem.IadeTaleplerim .ListemItem .line4 { width: 30%; }

.Listem.IadeTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.IadeTaleplerim .ListemItem .line6 { width: 11%; }

.IadeTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.IadeTaleplerimContent .row { width: 60%; }

.IadeTaleplerimContent .row .span { position: relative; overflow: hidden; margin-bottom: 5px; }

.IadeTaleplerimContent .row .span div { float: left; }

.IadeTaleplerimContent .row .span .Left { width: 30%; }

.IadeTaleplerimContent .row .span .Center { width: 3%; }

.IadeTaleplerimContent .row .span .Right { width: 60%; }

.IadeTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.IadeTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.IadeTaleplerimContent textarea { width: 98.8%; margin-bottom: 10px; height: 50px; }

.span.IadeTalepBtn { width: 93%; }

/* ================================================== */
/* ARAMA SONUÇLARI                                    */
/* ================================================== */
#ArmaSonuclari { width: 100%; border: solid 1px #CCC; padding: 3%; text-align: center; font-size: 20px; margin-bottom: 20px; }


#divUrunSiparisDosya .right_line { width: 66% !important; }

#divUrunSiparisDosya .left_line { line-height: 30px; }

#divUrunSiparisDosya .center_line { line-height: 30px; }

.RadUpload { width: auto !important; }

.RadUpload .ruFileWrap { height: auto !important; }

.RadUpload .ruFakeInput { margin-right: 0 !important; height: auto !important; width: auto !important; border-color: #dddddd !important; padding: 2px 5px !important; float: left !important; }

.RadUpload .ruBrowse { float: left; margin-left: 15px !important; margin-top: 0 !important; }

.ruErrorMessage { margin-bottom: 10px !important; }

.ruFileInput { position: absolute; left: 0; top: 0; height: 50px; left: 0; position: absolute; top: 0; width: 181px; }

/* ================================================== */
/* BLOK KATEGORİ MENÜ                                 */
/* ================================================== */
.homeContainer .centerCount .UrunGuruplari { display: none !important; }

ul.KatMenu1 ul { min-width: 240px; padding: 0; position: absolute; top: 0; left: 100%; z-index: 999; display: none; }

ul.KatMenu1 li { position: relative; display: block; padding: 0; }

ul.KatMenu1 li a { line-height: 30px !important;; display: block; text-indent: 0px; font-size: 12px !important; color: #5f5f5f; transition: 0.3s; background-color: #fff; }

ul.KatMenu1 > li:hover > a { color: #252259 !important; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 > li > ul > li > a { text-indent: 10px; }

ul.KatMenu1 > li > ul > li:hover > a { color: #fff !important; background-color: #252259; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 > li > ul > li > ul > li > a { text-indent: 10px; }

ul.KatMenu1 > li > ul > li > ul > li:hover > a { color: #fff !important; background-color: #252259; text-indent: 20px; transition: 0.3s; }

ul.KatMenu1 li:hover > ul { display: block !important; }

ul.KatMenu1 li.ulVar > a:after { left: auto; border-width: 3px 4px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-color: #000; content: ' '; display: block; width: 0px; height: 0px; position: absolute; top: 50%; margin-top: -2px; border-width: 3px 4px; border-style: solid; right: 8px; }

/* ================================================== */
/* ETİKETLER                                          */
/* ================================================== */
#divEtiketler { float: left; width: 100%; }

#divEtiketler .productModuleTitle { float: left; width: 100%; text-align: center; margin-bottom: 10px; display: inline-block; padding-bottom: 5px; color: #333333; font-size: 13px; font-weight: bold; }

#divEtiketler a { color: #555; font-size: 13px; margin-right: 5px; }

#divEtiketler a:hover { text-decoration: underline; }

/* ================================================== */
/* SEPETİM                                            */
/* ================================================== */
.Basketstep ul li i,
.sepetTitle .st_1,
.sepetTitle2 .st_1,
.BasketRigth ul li.genelToplam .tut,
.sepetTitle2 .st_1:before,
.sepetTitle .st_1:before,
.TeslimatAdresTittle,
.Basketstep ul li.gecti span,
#divToplamOdeme, .TeslimatAdresTittle,
.SepetKampanyaTittle,
.SepetKampanyaTittle::before,
a.YeniAdresEkle,
.Basketstep ul li.onestepsec span { color: #252259 !important; }

.basketCompletebtn { background: #252259 !important; }

.OdemeMenu ul li.activeMenu { border-color: #252259 !important; }

.OdemeMenu ul li:hover { border-color: #252259 !important; }

.baglanButton { background: #252259; border-color: #252259; }

.baglanButton:hover { background: transparent; color: #252259; }

.Basketstep ul li.pasif i { color: #b5b5b5 !important; }

.BasketDetail table tbody tr td a { display: inherit; }

.BasketDetail table tbody tr td:last-child a { display: block; }


/* ================================================== */
/* CONTAİNERLAR                                       */
/* ================================================== */
.headerContent { width: 1240px; clear: both; margin: 0 auto; position: relative; }

.headerContent:before, .headerContent:after { content: " "; display: table; }

.headerContent:after { clear: both; }

.ticiContainer { width: 1240px; max-width: 1240px !important; clear: both; margin: 0 auto; }

.homeContainer .leftBlock { display: none; }

.productDetailContainer .leftBlock { display: none; }

.rightBlock { display: none; }

.ticiContainer:before, .ticiContainer:after { content: " "; display: table; }

.ticiContainer:after { clear: both; }

.centerCount .OzelBlokIcerik { margin-bottom: 25px !important; }

.categoryContainer .leftBlock { padding-left: 0; margin-top: 30px; min-width: 25%; float: left; }

.categoryContainer .centerCount { padding-right: 0; margin-top: 30px; min-width: 75%; float: left; }

.centerCount .solYadaSagAcik { padding: 0 10px; }

.centerCount .solSagBlokAcik { padding: 0 10px; }

/* ================================================ */
/* ! ANASAYFA SLIDER                                */
/* ================================================ */
#pnlSlider { float: left; width: 100%; position: relative; margin-bottom: 20px; padding: 0 0px; }

#pnlSlider img { display: block; width: 100%; margin: 0 auto; }

#pnlSlider .flex-control-nav { left: 0; bottom: 20px; width: 100%; }

#pnlSlider .flex-direction-nav { display: none; position: absolute; left: 0; width: 100%; top: 50%; }

#pnlSlider .flex-direction-nav .flex-prev { position: relative; left: auto; right: auto; }

#pnlSlider .flex-direction-nav .flex-next { position: relative; left: auto; right: auto; }

#pnlSlider .flex-caption { position: absolute; left: 50%; line-height: 1.3; width: 50%; margin-left: -25%; background: none !important; bottom: 50px; color: #000; font-size: 18px; text-align: center; }


.flex-control-paging li a { width: 13px !important; height: 13px !important; background-color: transparent !important; border: 1px solid #fff !important; box-shadow: none !important; }

.flex-control-paging li a.flex-active { border: 1px solid #fff !important; background-color: #fff !important; }

/* ================================================ */
/* ! HIZMETLERIMIZ                                  */
/* ================================================ */
.odemeTeslimat { float: left; width: 100%; padding-bottom: 70px; margin-bottom: 40px; border-bottom: 1px solid #f0f0f0; }

.odemeTeslimat .blokRow { margin: 0 -10px; }

.odemeTeslimat .blok { float: left; width: 33.3333%; padding: 0 10px; }

.odemeTeslimat span { display: block; padding-left: 60px; position: relative; color: #000; font-size: 14px; line-height: 20px; }

.odemeTeslimat span strong { display: block; margin-bottom: 10px; }

.odemeTeslimat .fa { position: absolute; left: 0; top: 50%; font-size: 35px; margin-top: -17.5px; }

/* ================================================ */
/* ! VITRIN URUNLERI                                */
/* ================================================ */
.ProductListContent { margin-left: -10px; margin-right: -10px; }

.ProductList { }

.ProductListContent .productItem { margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; }

.productModuleItem2, .productModuleItem, .productItem { position: relative; text-align: center; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }

.productModuleItem2 .modulename2, .productModuleItem2 .modulename, .productModuleItem2 .productName, .productModuleItem .modulename2, .productModuleItem .modulename, .productModuleItem .productName, .productItem .modulename2, .productItem .modulename, .productItem .productName { padding: 0px 0px; clear: both; margin: 10px 0 10px 0; text-align: left; padding-right: 25px; }

.productModuleItem2 .modulename2 *, .productModuleItem2 .modulename *, .productModuleItem2 .productName *, .productModuleItem .modulename2 *, .productModuleItem .modulename *, .productModuleItem .productName *, .productItem .modulename2 *, .productItem .modulename *, .productItem .productName * { display: block; font-size: 13px; line-height: 16px; height: 16px; color: #2f2f2f; font-weight: 400; text-align: left; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.productModuleItem2 .modulename, .productModuleItem .modulename, .productItem .modulename { line-height: 100%; display: block; font-size: 14px; line-height: 17px; height: 34px; color: #000; font-weight: 600; text-align: left; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; }

.productModuleItem2 .moduleimage2, .productModuleItem2 .moduleimage, .productModuleItem2 .productImage, .productModuleItem .moduleimage2, .productModuleItem .moduleimage, .productModuleItem .productImage, .productItem .moduleimage2, .productItem .moduleimage, .productItem .productImage { height: 0; position: relative; background: #fff; padding-bottom: 150%; overflow: hidden; width: 100%; border-bottom: 0; }

.productModuleItem2 .moduleimage2 a, .productModuleItem2 .moduleimage a, .productModuleItem2 .productImage a, .productModuleItem .moduleimage2 a, .productModuleItem .moduleimage a, .productModuleItem .productImage a, .productItem .moduleimage2 a, .productItem .moduleimage a, .productItem .productImage a { display: block; position: relative; height: 100%; top: 0; left: 0; text-align: center; align-items: center; width: 100%; padding-bottom: 150%; }

.productModuleItem2 .moduleimage2 a img, .productModuleItem2 .moduleimage a img, .productModuleItem2 .productImage a img, .productModuleItem .moduleimage2 a img, .productModuleItem .moduleimage a img, .productModuleItem .productImage a img, .productItem .moduleimage2 a img, .productItem .moduleimage a img, .productItem .productImage a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.productModuleItem2 .moduleprice2, .productModuleItem2 .moduleprice, .productModuleItem2 .productPrice, .productModuleItem .moduleprice2, .productModuleItem .moduleprice, .productModuleItem .productPrice, .productItem .moduleprice2, .productItem .moduleprice, .productItem .productPrice { display: inline-block; height: 16px; float: left; text-align: center; margin-bottom: 0px; padding: 0 0px; }

.productModuleItem2 .modulediscount, .productModuleItem2 .discountPrice, .productModuleItem .modulediscount, .productModuleItem .discountPrice, .productItem .modulediscount, .productItem .discountPrice { display: inline-block; margin: 0px; margin: 0 0 0 0px; float: right; }

.productModuleItem2 .modulediscount .modulekdv, .productModuleItem2 .modulediscount .discountKdv, .productModuleItem2 .discountPrice .modulekdv, .productModuleItem2 .discountPrice .discountKdv, .productModuleItem .modulediscount .modulekdv, .productModuleItem .modulediscount .discountKdv, .productModuleItem .discountPrice .modulekdv, .productModuleItem .discountPrice .discountKdv, .productItem .modulediscount .modulekdv, .productItem .modulediscount .discountKdv, .productItem .discountPrice .modulekdv, .productItem .discountPrice .discountKdv { display: none; }

.productModuleItem2 .modulediscount span, .productModuleItem2 .discountPrice span, .productModuleItem .modulediscount span, .productModuleItem .discountPrice span, .productItem .modulediscount span, .productItem .discountPrice span { display: block; font-weight: 500; color: #000000; font-size: 14px; line-height: 16px; }

.productModuleItem2 .moduleregular, .productModuleItem2 .regularPrice, .productModuleItem .moduleregular, .productModuleItem .regularPrice, .productItem .moduleregular, .productItem .regularPrice { display: inline-block !important; margin: 0px; float: left; }

.productModuleItem2 .moduleregular .modulekdv, .productModuleItem2 .moduleregular .regularKdv, .productModuleItem2 .regularPrice .modulekdv, .productModuleItem2 .regularPrice .regularKdv, .productModuleItem .moduleregular .modulekdv, .productModuleItem .moduleregular .regularKdv, .productModuleItem .regularPrice .modulekdv, .productModuleItem .regularPrice .regularKdv, .productItem .moduleregular .modulekdv, .productItem .moduleregular .regularKdv, .productItem .regularPrice .modulekdv, .productItem .regularPrice .regularKdv { display: none !important; }

.productModuleItem2 .moduleregular span, .productModuleItem2 .regularPrice span, .productModuleItem .moduleregular span, .productModuleItem .regularPrice span, .productItem .moduleregular span, .productItem .regularPrice span { display: block !important; font-weight: 400; color: #666666; font-size: 11px; line-height: 18px; text-decoration: line-through; margin-right: 15px; }

.productModuleItem2 .productMarka, .productModuleItem .productMarka, .productItem .productMarka { padding: 0 10px; display: none !important; margin-bottom: 5px; float: left; width: 100%; text-align: left; color: #666; font-size: 13px; font-weight: normal; }

.productModuleItem2:hover .modulename2 *, .productModuleItem:hover .modulename *, .productItem:hover .productName * { color: #252259; }

.productModuleItem:hover .modulediscount *, .productItem:hover .discountPrice * { color: #252259; }

/* ================================================ */
/* ! URUN ICONLARI                                  */
/* ================================================ */

.productStokKodu { text-align: left; margin: 10px 0 10px 0; }

.urunListStokUyari, .urunListSonUrun { position: absolute; bottom: 109px; background: #333; left: 30%; right: 30%; text-align: center; padding: 8px 0; color: #fff; border-radius: 4px; }

.productOnYazi { text-align: left; }

div.productOnYazi * { font-size: 13px; color: #a1a1a1; line-height: normal; font-weight: normal; background-color: transparent; }

.newIcon { position: absolute; text-align: center; right: 0; top: 0; background: #252259; color: #fff; font-size: 13px; z-index: 2; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; }

.cargoIcon { position: absolute; text-align: center; right: 0; top: 40px; background: #a1d5e2; color: #fff; font-size: 12px; z-index: 2; font-weight: 500; padding: 8px 7px; overflow: hidden; }

.cargoIcon .fa { line-height: 30px; font-size: 15px; }

.discountIcon { position: absolute; text-align: center; left: 0; top: 0; background: #a1d5e2; color: #fff; font-size: 13px; z-index: 2; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; }

.favori { display: inline-block; position: absolute; right: 10px; bottom: 2px; }

.favori a { display: inline-block; font-size: 0; font-family: 'FontAwesome' !important; }

.favori a:after { content: '\f08a'; font-size: 15px; color: #2f2f2f; }

.favori a:hover:after { content: '\f004'; font-size: 15px; color: #252259; }

.mycartIcon { display: none; }

.examineIcon { display: none; }

.TukendiIco { position: absolute; left: 0; top: 30%; width: 100%; text-align: center; z-index: 9; }

.TukendiIco span { display: inline-block; color: #000; font-size: 15px; background: #E8E7E7; padding: 0 40px; height: 40px; line-height: 40px; }

.ozelFirsat { position: absolute; left: 0; top: 50%; background-color: #f0f0f0; display: inline-block; z-index: 99; padding: 5px; font-size: 12px; font-weight: 500; }

.ozelAlan1 { position: absolute; left: 0; top: 55%; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; }

.ozelAlan2 { position: absolute; left: 0; top: 60%; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; }

/* ================================================ */
/* ! MARKA SLİDER                                   */
/* ================================================ */


/* ================================================ */
/* ! KASA ONU FIRSATLAR                             */
/* ================================================ */
.KasaOnuFirsatlarContent ul li a { margin-bottom: 10px !important; max-height: auto !important; }

.KasaOnuFirsatlarContent ul li a img { max-height: auto !important; }

.KasaOnuFirsatlarContent ul li span { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.KasaOnuFirsatlarContent ul li span + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* ================================================ */
/* ! KATEGORİ SAYFASI                               */
/* ================================================ */
#divSayfalamaUst { float: left; width: 100%; margin-top: 0 !important; }

#divSayfalamaUst .pageNumber { display: none !important; }

.categorydesign { float: left; width: 100%; margin-bottom: 0px; }

.categorydesign img { width: 100%; display: block; }

.ProductList.pr_3 { float: left; width: 100%; border-bottom: 1px solid #ededed; }

.ProductList.pr_3 .productItem { float: left; width: 32%; margin-bottom: 30px; margin-right: 2%; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_3 .productItem:nth-child(4n) { margin-right: 2%; }

.ProductList.pr_3 .productItem:nth-child(5n) { margin-right: 2%; }

.ProductList.pr_3 .productItem:nth-child(3n) { margin-right: 0; }

.ProductList.pr_4 { float: left; width: 100%; border-bottom: 1px solid #ededed; }

.ProductList.pr_4 .productItem { float: left; width: 24%; margin-bottom: 30px; margin-right: 1.333%; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_4 .productItem:nth-child(3n) { margin-right: 1.333%; }

.ProductList.pr_4 .productItem:nth-child(5n) { margin-right: 1.333%; }

.ProductList.pr_4 .productItem:nth-child(4n) { margin-right: 0; }

.ProductList.pr_hrz { float: left; width: 100%; }

.ProductList.pr_hrz .productItem { float: left; width: 100%; margin-bottom: 30px; position: relative; overflow: hidden; text-align: center; }

.ProductList.pr_hrz .productItem .productImage { height: 0; position: relative; background: #fff; padding-bottom: 7%; overflow: hidden; width: 7%; border-bottom: 0; float: left; margin-right: 20px; }

.ProductList.pr_hrz .productItem .productDetail { float: left; }

.ProductList.pr_hrz .productItem .cargoIcon { display: none; }

.ProductList.pr_hrz .productItem .discountIcon { display: none; }



.ProductList.pr_hrz .productItem:nth-child(3n) { margin-right: 0; }

.ProductList.pr_hrz .productItem:nth-child(5n) { margin-right: 0; }

.ProductList.pr_hrz .productItem:nth-child(4n) { margin-right: 0; }

.ProductList.pr_hrz .productItem .examineIcon { left: 0; }

/*kategori navigasyonu*/
.categoryTitle { float: left; text-align: center; text-transform: uppercase; margin: 0; color: #2b2b2b; font-size: 18px; padding-bottom: 10px !important; font-weight: 600; }

.categoryTitle .bold { display: block; border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; }

.categoryTitle .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #fff; padding: 0 100px; }


.leftBlock .categoryTitle .bold { overflow: hidden; height: auto; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; }

.leftBlock .categoryTitle .bold .satir1 { float: left; padding: 0; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; }

.categoryTitleText { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 13px 0; }

.categoryTitleText * { display: inline-block; font-family: 'Roboto', serif !important; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400; letter-spacing: 0.5px; }

ul.breadcrumb li *, ul.breadcrumb li, a#linkOncekiSayfa { display: inline-block; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: normal; margin-right: 5px !important; }

ul.breadcrumb a { display: inline-block; }

/*kategori gizlenenler*/
.KategoriFilitrelemeContent .Block_Title { display: none; }

#mainHolder_divUstMarkaListesi { display: none; }

/*kategori filtrelemeler*/
.brandlistselectionBottom { display: none !important; }

.categoryTitle { float: left; width: 100%; }

.categoryTitle .brandlistselection { float: left; width: 100%; }

.categoryTitle .brandlistselection #divUstFiltreKategori { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection #divUstFiltreMarka { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection .selectBox { float: left; margin-right: 10px; }

.categoryTitle .brandlistselection .brandSelectbox { height: 30px; line-height: 28px; border: 1px solid #ddd; color: #777; }

.blockSelect { float: right; margin-right: 0 !important; }

.brandlistselection > label { display: inline-block; color: #222121; font-size: 13px; cursor: pointer; }

.brandlistselection > label > input[type="checkbox"] { display: none !important; }

.brandlistselection > label > label { line-height: 30px; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; }

.brandlistselection > label > label:hover { color: #252259; background: url("images/checkbox2.png") left center no-repeat; }

.brandlistselection > label > input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; }

.brandlistselection > label > input[type="checkbox"][checked] + label { display: block; background: url("images/checkbox2.png") left center no-repeat; }

#mainHolder_linkFiltreKaldir { line-height: 30px; background: url("images/checkbox2.png") left center no-repeat; margin-left: 10px; display: inline-block; padding-left: 18px; cursor: pointer; color: #000; font-size: 13px; }

.sortingContent { background-color: transparent !important; border-bottom: 1px solid #e1e1e1; border-radius: 0 !important;  }

.sortingContent:after { clear: both; display: table; content: ""; }

.appliedFilter { background-color: transparent !important; }

.sortingContent li { padding: 10px 0 15px 0 !important; margin-right: 20px !important; float: left !important; }

.sortingContent li a.selected { background-color: transparent !important; text-decoration: underline !important; }

.sortingContent .blockSelect a.Active i { color: #ffffff !important; background-color: #5f5f5f !important; }

.sortingContent li a { background-color: transparent !important; padding: 0 !important; line-height: normal !important; }

.sortingContent .blockSelect a i { line-height: normal !important; font-size: 13px !important; padding: 6px 10px !important; background-color: #efefef; color: #a6a6a6 !important; }

.sortingContent li a:hover { background-color: transparent !important; }

.sortingContent span { color: #5f5f5f !important; font-family: 'Roboto', sans-serif !important; font-size: 12px !important; letter-spacing: 0.5px; line-height: normal !important; text-transform: capitalize; }

.appliedFilter.FiltrelemeUrunAdet { padding: 0 !important; margin-right: 0 !important; float: right !important; margin-top: 5px !important; }

.appliedFilter.FiltrelemeUrunAdet span { line-height: 25px !important; }

.appliedFilter a { margin-left: 5px !important; }

.blockSelect a { float: left; display: inline-block; margin-left: 8px; color: #000; font-size: 20px; }

.blockSelect .sort_hrz.sort_hrzActive { color: #252259; }

.blockSelect .sort_3.sort_3Active { color: #252259; }

.blockSelect .sort_4.sort_4Active { color: #252259; }

.pageNumber { float: left; width: 100%; padding-top: 20px; margin-bottom: 20px; text-align: right; }

.pageNumber .pageBorder { display: inline-block; }

.pageNumber a { display: inline-block; float: left; margin-right: 5px; border-radius: 0px; width: 40px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; color: #5f5f5f; border: 1px solid #e1e1e1; }

.pageNumber a:hover { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; }

.pageNumber a.SelectedSayfa { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; }


.KategoriFilitreleme { margin-bottom: 20px; width: 100%; float: left; }

.KategoriFilitreTittle { height: 40px; line-height: 40px; margin-bottom: 20px; color: #000; font-size: 14px; font-weight: bold; border-bottom: 1px solid #bbb7b7; }

/*Kategori Ozel Blok*/
.kategoriOzelBlok { min-height: 285px; margin-bottom: 22px; float: left; width: 100%; border: 1px solid #e8e8e8; padding: 32px; border-radius: 5px; }

.kategoriOzelBlok .kategoriOzelBlokYazi { float: left; width: 75%; padding-right: 15px; }

.kategoriOzelBlok .kategoriOzelBlokYazi h2 { color: #46696b; font-size: 18px; margin-bottom: 15px; }

.kategoriOzelBlok .kategoriOzelBlokYazi p { font-size: 14px; line-height: 18px; color: #46696b; }

.kategoriOzelBlok .kategoriOzelBlokResim { float: left; width: 25%; }

.kategoriOzelBlok .kategoriOzelBlokResim img { width: 100%; display: block; }

/*Menu*/
.FilitreMaxHeight { width: 100%; }

.KategoriFilitreLine > ul > li { position: relative; }

.KategoriFilitreLine > ul > li > a { font-size: 13px; color: #000000; margin-bottom: 12px; display: inline-block; }

.KategoriFilitreLine > ul > li > a:hover { text-decoration: underline; }

.KategoriFilitreLine > ul > li:last-child a { margin-bottom: 0; }

.KategoriFilitreLine > ul > li > ul { width: 100%; }

.KategoriFilitreLine > ul > li > ul > li { margin-bottom: 12px; padding-left: 20px; }

.KategoriFilitreLine > ul > li > ul > li > a { color: #666666; font-size: 13px; display: inline-block; }

.KategoriFilitreLine > ul > li > ul > li > a:hover { text-decoration: underline; }

/*Checkbox Filtrelemer*/
.FilitreMaxHeight table tr td { width: 100%; padding: 0; padding-bottom: 15px; padding-bottom: 10px; }

.FilitreMaxHeight table tr:last-child td { padding-bottom: 0; }

.FilitreMaxHeight table tr td input[type="checkbox"] { display: none !important; }

.KategoriFilitreLine { padding: 0; }

.fiyatFilitreContent .KategoriFilitreLine { padding: 0; }

.KategoriFilitreLine table tr td label { line-height: 13px; display: inline-block; padding-left: 23px; height: 13px; cursor: pointer; color: #000000; font-size: 13px; }

.KategoriFilitreLine table tr td input[type=checkbox] + label { background: url("images/checkbox1.png") left center no-repeat; }

.KategoriFilitreLine table tr td input[type=checkbox] + label:hover { background: url("images/checkbox2.png") left center no-repeat; }

.KategoriFilitreLine table tr td input[type="checkbox"][checked] + label { background: url("images/checkbox2.png") left center no-repeat; }

 

.KategoriFilitreLine p input[type="text"] { width: 100%; padding: 0; font-family: "Roboto", sans-serif !important; color: #000000 !important; font-size: 13px; font-weight: bold; margin-bottom: 15px; }


#slider-range { width: 100%; padding: 0; margin-bottom: 30px; background: #8d8c8c; height: 8px !important; border: none; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.ui-widget-header { background: #454444 !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { width: 10px !important; height: 8px !important; background: #000000 !important; border: none !important; border-radius: 0px !important; }

.ui-slider-horizontal .ui-slider-handle { top: -3px !important; }

/*.FilitreMaxHeight {max-height: 160px; overflow-y: scroll;}*/
/*.FilitreMaxHeight::-webkit-scrollbar {width: 3px;}*/
/*.FilitreMaxHeight::-webkit-scrollbar-thumb {background: #000000;}*/
/*.FilitreMaxHeight::-webkit-scrollbar-track {background: #cccccc;}*/

/* ================================================ */
/* ! İÇERİK DETAY SAYFASI                           */
/* ================================================ */
#back-to-top { position: fixed; right: 10%; top: 80%; z-index: 9999999; }

#back-to-top a { font-size: 35px; color: #a1d5e2; display: inline-block; }

#back-to-top a:hover { color: #252259; }

a#linkOncekiSayfa { display: none !important; cursor: pointer; }

.cloudzoom-blank > div:last-child { display: none !important; }


.productDetailContainer .centerCount { padding: 0; }

.ProductDetailMain { float: left; width: 100%; }

.ProductDetailMain .ProductDetailMainRow { margin: 0 -10px; }

.ProductDetailMain .leftImage { width: 390px; float: left; margin-bottom: 20px; padding: 0 20px 0 0; }

.ProductDetailMain .RightDetail { width: 860px; float: left; margin-bottom: 20px; padding: 0 0 0 20px; position: relative; }

.ProductDetailMain .Images { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain .Images img { max-width: 100%; margin: 0 auto; display: block; }

.ProductDetailMain .SmallImages { float: left; width: 100%; max-height:400px; overflow-y:auto;}

.ProductDetailMain .SmallImages > div { float: left; width: 23.8%; margin-right: 1.2%; cursor: pointer; margin-bottom:5px; }

.ProductDetailMain .SmallImages > div:nth-child(4n+1) { clear: both; }

.ProductDetailMain .SmallImages > div img { width: 100%; display: block; }

.ProductDetailMain .ProductName { float: left; width: 100%; margin-top: 15px; }

.ProductDetailMain .ProductName * { font-size: 22px; letter-spacing: 0; margin-bottom: 0; font-weight: 500; }

.ProductDetailMain .ProductName h1 { margin: 0; color: #444; }

.ProductDetailMain .ProductName h1 > span:first-child { width: 100%; float: left; }


#divUrunKodu { font-size: 14px !important; }

.ProductDetailMain .PriceList { float: left; width: 100%; position: relative; }

.Formline { float: left; width: 100%; margin-top: 15px; line-height: 14px; }

.Formline .left_line { display: inline-block; vertical-align: top; width: auto; color: #000; font-size: 14px; font-weight: 500; line-height: 14px; }

.Formline .center_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }

.Formline .right_line { display: inline-block; vertical-align: top; width: auto; color: #444; font-size: 14px; font-weight: normal; line-height: 14px; }

#divOzelAlan1, #divOzelAlan2 { float: left; width: 100%; margin-top: 10px; }

#divFiyatAlanlari { position: relative; float: left; width: 100%; }

#divFiyatAlanlari:After { clear: both; display: table; content: ""; }

.ProductDetailMain #divIndirimOrani .left_line { display: none; }

.ProductDetailMain #divIndirimOrani .center_line { display: none; }

.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani * { font-weight: 600; font-size: 15px; line-height: 30px; color: #fff; text-transform: uppercase; }

.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani { background-color: #252259; font-weight: 600; font-size: 15px; color: #fff; line-height: 30px; padding: 0 15px; border-radius: 0; text-transform: uppercase; }

.ProductDetailMain #pnlFiyatlar { border-bottom: 1px solid #e1e1e1; margin-bottom: 22px; position: relative; padding-bottom: 20px; float: left; width: 100%; }

.ProductDetailMain #pnlFiyatlar .Formline { margin-bottom: 0; }

.ProductDetailMain #pnlFiyatlar:After { clear: both; display: table; content: ""; }

.ProductDetailMain #pnlFiyatlar * { line-height: normal; }

.ProductDetailMain #pnlFiyatlar .left_line { display: none; }

.ProductDetailMain #pnlFiyatlar .center_line { display: none; }


.ProductDetailMain #divTurkLirasiFiyat { float: left; width: 100%; margin-top: 10px; }

.ProductDetailMain #divTurkLirasiFiyat * { font-size: 30px !important; color: #a1d5e2 !important; font-weight: 600; }

.ProductDetailMain #divTurkLirasiFiyat .spanKdv { font-size: 12px !important; margin-top: 17px; }



.ProductDetailMain .PiyasafiyatiContent { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain .IndirimliFiyatContent { float: left; width: 100%; }

.ProductDetailMain #divOnyazi { float: left; width: 100%; margin: 10px 0; }

.ProductDetailMain #divOnyazi * { color: #777777; font-size: 12px; line-height: 20px; }

.ProductDetailMain .indirimliFiyat * { font-size: 30px !important; color: #a1d5e2 !important; font-weight: 600; }

.ProductDetailMain .indirimliFiyat .spanKdv { font-size: 12px !important; margin-top: 17px; }


#divKDVDahilFiyat * { line-height: 25px; }

#kdvliFiyat * { font-size: 18px !important; color: #a1d5e2 !important; line-height: 25px; font-weight: 600; }

.ProductDetailMain .IndirimliFiyatContent * { }

.ProductDetailMain .PiyasafiyatiContent .spanKdv { color: #808080 !important; }

.ProductDetailMain .PiyasafiyatiContent .spanFiyat { color: #808080 !important; text-decoration: line-through; }

.ProductDetailMain #divIndirimsizFiyat { width: 100%; margin-bottom: 10px; }

.ProductDetailMain #divKDVDahilFiyat { width: 100%; }

.ProductDetailMain #divUrunEkSecenek { float: left; width: 100%; margin-bottom: 15px; }

.ProductDetailMain #divUrunEkSecenek .left_line { color: #666666; font-size: 12px; font-weight: normal; /* margin-bottom: 5px; */ display: inline-block; float: left; width: 60px; line-height: 40px; }

.ProductDetailMain #divUrunEkSecenek .center_line { color: #666; font-size: 15px; font-weight: normal; margin-bottom: 5px; display: inline-block; float: left; width: 10px; line-height: 40px; }

.ProductDetailMain #divUrunEkSecenek .right_line { float: left; }

.ProductDetailMain #divUrunEkSecenek .right_line select { }
.RightDetail .PriceList .Formline#divUrunEkSecenek .right_line select { border-radius: 0; box-shadow: none; appearance: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; -moz-appearance: none; -webkit-appearance: none; color: #666666; display: block; margin: 0 0 0 0; font-size: 12px; float: left; height: 40px; width: 272px; border-radius: 0; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }



.ProductDetailMain .eksecenekLine { float: left; width: 100%; margin-bottom: 7px !important; }

.ProductDetailMain .size_box { min-width: 50px; height: 40px; line-height: 40px; border-radius: 0; padding: 0; cursor: pointer; position: relative; float: left; margin-right: 5px; margin-bottom: 5px; text-align: center; color: #000; font-size: 13px; border: 1px solid #e0e0e0; display: block; }

.ProductDetailMain .size_box img { width: 100%; height: 38px; display: block; }

.ProductDetailMain .size_box:hover { background: #a1d5e2; color: #fff; }

.ProductDetailMain .size_box.selected { background: #252259; color: #fff; }

.ProductDetailMain .size_box.nostok { background: #f1f1f1; color: #000; }

.ProductDetailMain .size_box.nostok:before { content: ''; top: 50%; left: 0; background: red; height: 1px; width: 100%; position: absolute; rotate: 45deg; }

.ProductDetailMain #divEkstraBilgiler { float: left; width: 100%; margin-bottom: 10px; }

.ProductDetailMain #divEkstraBilgiler img { max-width: 100%; display: block; }

.ProductDetailMain #divUrunSiparisDosya, .ProductDetailMain #divUrunKisiselNot { float: left; width: 100%; margin-bottom: 10px; }

/*İçerik Detay Butonlar*/
.ProductIcon { float: left; width: 100%; margin-bottom: 20px; }

.ProductIcon .UTelefonlaSiparis,.ProductIcon .UKarsilastirma,.ProductIcon #divKritikStok, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { float: left; margin: 0; /* margin-left: -1px; */ width: 12%; }

.ProductIcon .box1 { padding: 0; /* margin: 0 0 -1px 0; */ /* width: 20%; */ /* line-height: 50px; */ /* height: 50px; */ overflow: hidden; cursor: pointer; box-shadow: none; min-width: auto; background: none; font-size: 12px; font-weight: normal; /* border: 1px solid #e6e6e6; */ display: block; text-align: center; color: #666666; }

.ProductIcon .box1 i { font-size: 28px; margin-left: 0; line-height: 50px; width: 100%; color: rgba(102, 102, 102, 0.63); }

.ProductIcon .box1 i:before { line-height: 50px; }

.ProductIcon .box1:hover { color: #a6d5db; /* background: #7e7e7e; */ }

.ProductIcon .box1:hover i:before { color: #a6d5db; /* background: #7e7e7e; */ }


.ProductDetail .product-social-icon-wrapper { display: block !important; position: absolute; right: 0; width: auto !important; bottom: 30px; margin-right: 0 !important; }


.ProductDetail .product-social-icon-wrapper { float: left; width: 100%; }

.ProductDetail .product-social-icon-wrapper .PaylasTit { float: left; font-size: 12px; color: #a6a6a6; font-weight: 500; margin-right: 20px; line-height: 19px; }

.ProductDetail .product-social-icon-wrapper ul { float: left; margin-right: 0 !important; }

.ProductDetail .product-social-icon-wrapper li { float: left; margin-left: 12px; margin-right: 0 !important; }

.ProductDetail .product-social-icon-wrapper li:last-child { margin-right: 0; }

.ProductDetail .product-social-icon-wrapper li a { display: inline-block !important; font-size: 0 !important; color: #a6a6a6; }

.ProductDetail .product-social-icon-wrapper li a i { font-size: 18px; line-height: 18px; margin-right: 0 !important; }

/*Sepet ve Satın Al Butonları*/

#divAdetCombo { width: 279px; float: left; margin: 15px 0px; display: block; }

#divSatinAl { float: left; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; padding-bottom: 22px; }

#divSatinAl .buyfast { float: left; width: 33.33%; }

#divSatinAl .buyfast input { height: 46px; width: 100%; text-align: center; letter-spacing: 0.5px; padding: 0; text-align: center; color: #fff; font-size: 16px; background: #a1d5e2; border: none; font-weight: 600; }

#divSatinAl .buyfast input:hover { background: #7e7e7e; }

#divSatinAl .BasketBtn { float: left; width: 100%; }

#divSatinAl .BasketBtn .Basketinp { float: left; width: 23%; margin-right: 1.3%; }

#divSatinAl .BasketBtn .Basketinp p { display: none; }

#divSatinAl .BasketBtn .Basketinp .riSingle { width: 100%; position: relative; }

#divSatinAl .BasketBtn .Basketinp #txtbxurunSiparisAdedi_wrapper { width: 100% !important; float: left; padding: 0 !important; position: absolute; }

#divSatinAl .BasketBtn .Basketinp #txtbxurunSiparisAdedi { width: 50%; text-align: center; height: 46px !important; padding: 0 !important; border-color: #e0e0e0; border-radius: 0; box-shadow: none; margin-left: 25%; }

#divSatinAl .BasketBtn .Basketinp .riUp { position: absolute; background: #fefefe !important; cursor: pointer; margin: 0 !important; top: auto; left: auto; right: 0; bottom: auto; width: 25%; height: 46px; float: right; border: 1px solid #e0e0e0; border-left: none; text-indent: 0 !important; }

#divSatinAl .BasketBtn .Basketinp .riUp .fa { line-height: 51px; }

#divSatinAl .BasketBtn .Basketinp .riDown { position: absolute; background: #fefefe !important; cursor: pointer; margin: 0 !important; top: auto; left: 0; right: auto; bottom: auto; width: 25%; height: 46px; float: left; border: 1px solid #e0e0e0; border-right: none; text-indent: 0 !important; }

#divSatinAl .BasketBtn .Basketinp .riDown .fa { line-height: 46px; }

#divSatinAl .BasketBtn .basketBtn { float: left; width: 33.33%; margin-right: 1.3%; }

#divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input { height: 46px; width: 100%; text-align: center; padding: 0 !important; letter-spacing: 0.5px; font-weight: 600; text-align: center; color: #fff; font-size: 16px; background: #252259; border: none; }

#divSatinAl .BasketBtn .basketBtn .Addtobasket:hover, #divSatinAl .BasketBtn .basketBtn input:hover { background: #747474; }

#divSatinAl .BasketBtn .basketBtn .Addtobasket { display: block; line-height: 46px; }

#divKombinSatinAl { float: left; width: 100%; margin-bottom: 10px; text-align: center; }

#divKombinSatinAl a { height: 40px; margin: 0 !important; float: none !important; display: inline-block; line-height: 40px; letter-spacing: 0.5px; padding: 0 20px; text-align: center; color: #fff; font-size: 20px; background: #252259 !important; border: none; }

#divKombinSatinAl a:hover { background: #747474 !important; }

.kombinright_line a { padding: 0 3px; }

#divKombinUrunEkSecenek .divKombinEksecenekTipi { float: left; clear: left; width: 100%; }

#divAdetCombo .left_line { display: none; }

#divAdetCombo .center_line { display: none; }

#divAdetCombo select { height: 46px !important; padding: 0; margin: 0; cursor: pointer; }

/*Yazdır, Tavsiye Et, Yorum Yaz Butonları*/
.ProductIcon2 { float: left; width: 100%; }

.ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 .hidden-phone, .ProductIcon2 .YorumYazbtnContent { float: left; margin: 0 8px 0 0; width: 16%; }

.ProductIcon2 .TavsiyeEtBtnContent > a, .ProductIcon2 .hidden-phone > a, .ProductIcon2 .YorumYazbtnContent > a { width: 100%; color: #666666 !important; text-shadow: none !important; background: none; display: inline-block; border-bottom: 2px solid #efefef; padding: 13px 0 12px 0; background-color: #efefef; font-size: 11px; font-weight: 300; font-family: "Roboto", sans-serif !important; text-align: center; margin: 0 0 0 0; }

.ProductIcon2 .TavsiyeEtBtnContent > a:hover, .ProductIcon2 .hidden-phone > a:hover, .ProductIcon2 .YorumYazbtnContent > a:hover { color: #252259 !important; border-color: #252259 !important; background-color: #fff; }

/*Detay Sosyal Medya Paylaş Butonları*/
.socialButons { float: left; width: 100%; }

.socialButons > div { float: left; margin-right: 5px; }

/*Ürün Özellik Bölümü*/
.urunOzellik { width: 100%; float: left; margin-bottom: 20px; padding: 0 10px; margin-top: 30px; }

.urunTab { float: left; width: 100%; border-bottom: 1px solid #ebebeb; }

.urunTab ul { float: left; width: 100%; text-align: center; }

.urunTab ul li { display: inline-block; padding: 10px 15px; border-bottom: 2px solid transparent; }

.urunTab ul li a { display: block; text-transform: uppercase; text-align: center; font-size: 16px; color: #707070; border-right: 1px solid #989898; padding-right: 30px; }

.urunTab ul li:last-child a { border-right: 0; }


.urunTab ul li a:hover { color: #252259; border-color: #252259; }

.urunTab ul li.active { border-color: #252259 !important; }

.urunDetayPanel { float: left; width: 100%; padding: 0; font-size: 13px; line-height: 1.3; color: #666666; }

.urunDetayPanel .yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; }

.urunDetayPanel .yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }

.urunDetayPanel .button { color: #fff; }

#btnYorumKaydet { float: left; }

.urunTabAlt { width: 100%; overflow: auto; background: #fff; padding: 20px 0; }

.urunTabAlt ul li { margin-bottom: 10px; clear: both; }

.oneriValidate .validate { top: 0; padding: 5px; }

.urunTabAlt ul li input { float: left; margin-right: 5px; }

.urunTabAlt ul li .captchaImageBox { float: left; }

.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }

.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }

.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }


.taksitBlok { width: 25%; }

/*Benzer Ürünler Cerceve*/
.benzerUrunlerWrapper { background: #efefef; clear: left; }

.benzerUrunlerWrapper:before, .benzerUrunlerWrapper:after { content: ""; display: table; }

.benzerUrunlerWrapper:after { clear: both; }

#divBenzerUrun, #divIlgiliUrunler { float: left; width: 100%; margin-bottom: 20px; }

.productModule2 { float: left; width: 100%; }

.categoryTitle { margin: 0 0; padding: 0; }

#divBenzerUrun .categoryTitle, #divIlgiliUrunler .categoryTitle { background: #fff; }

#divBenzerUrun .categoryTitle *, #divIlgiliUrunler .categoryTitle * { color: #a1d5e2; font-weight: bold; font-size: 20px; }

.productModule2 ul { float: left; width: 100%; }

.productModule2 ul li { float: left; width: 19%; margin-right: 1.2%; }

.productModule2 ul li:nth-child(5n) { margin-right: 0; }

.productModule2 ul li:last-child { display: none; }

#divIlgiliUrunler .productModuleItem { float: left; text-align: center; width: 19%; margin-right: 1.2%; display: inline-block; margin-bottom: 20px !important; }

#divIlgiliUrunler .productModuleItem:nth-child(5n+1) { margin-right: 0; }

/* ------------------------------------Blok Modüller--------------------------------------------*/
.Block_item { margin: 0 0 20px 0; clear: both; border-top: none; float: left; width: 100%; }

.Block_item.OzelBlokIcerik { border: 0; }

.Block_item.OzelBlokIcerik .Block_Text { padding: 0; }

.Block_item.UrunGuruplari .Block_Text { padding: 0; }

.Block_item .Block_Text { padding: 0px; float: left; width: 100%; border-top: none; }

.Block_item .Block_Text ul li a { display: block; font-weight: 400; color: #2b2b2b; font-size: 14px; }

.Block_item .Block_Text input[type=submit], .Block_item .Block_Text input[type=button] { margin-top: 10px; }

.Block_item .Block_Title { overflow: hidden; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; }

.Block_item .Block_Title span { float: left; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; }

.Block_item .Block_Title .fa { float: right; }

#ulInviteMember { padding: 0px; }

#divmarkaarama { padding: 0px; }

.sideuserlogin { padding: 0px; }

.sideuserlogin .spanTittle { display: none; }

.Block_item.Arama .Block_Text { padding: 0px; }

.Block_item.Anket .Block_Text { padding: 0px; }

.Block_item.SepetBlock .Block_Text { padding: 0px; }

.Block_item.EmailListesi .Block_Text { padding: 0px; }

.Block_item.DovizKurlari .Block_Text { padding: 0 0px; }

.Block_item.YanUyeGirisi ul li { border-bottom: 1px solid #eee; }

.Block_item.YanUyeGirisi ul li a { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi a { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi .userPassBtn { padding: 0; }

.Block_item.YanUyeGirisi .userSignUp { padding: 0; }

.Block_item.YanUyeGirisi .Hosgeldiniz { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item.YanUyeGirisi .ParaPuaniniz { color: #666; font-size: 14px; display: block; padding: 0 10px; line-height: 30px; }

.Block_item .textbox { margin: 0; }

.UrunGuruplari .Block_Text { display: block; }

.KategoriFilitrelemeContent .Block_Text { display: block; }

.FirsatSlideItem .Block_Text { display: block; }

/*Özel Blok İçerik*/
.OzelBlokIcerik { display: block !important; margin: 0; }

.OzelBlokIcerik .Block_Text { display: block !important; }

.OzelBlokIcerik .Block_Text img { width: 100%; display: block; }

.Block_item.Anket .Block_Text { text-align: center; }

.Block_item.Anket .Block_Text input[type=submit], .Block_item.Anket .Block_Text a { margin-top: 10px; }

.Block_item.Anket .Block_Text table tr td { text-align: left; }

.Block_item.Anket .Block_Text table tr td input { margin-right: 5px; }

.Block_item.ArkadasiniDavetet input[type=submit], .Block_item.ArkadasiniDavetet input[type=button], .Block_item.Arama input[type=submit], .Block_item.Arama input[type=button], .Block_item.EmailListesi input[type=submit], .Block_item.EmailListesi input[type=button] { margin-top: 10px; float: right; }

.Block_item.YanUyeGirisi .sideuserlogin ul li label { line-height: 34px; }


/* ================================================ */
/* ! ANASAYFA BLOKLAR                               */
/* ================================================ */
.anasayfaBloklar { float: left; width: 100%; }

.anasayfaBloklar .blokRow { margin: 0 -10px; }

.anasayfaBloklar .ucluBlok, .anasayfaBloklar .ortaBlok { float: left; width: 33.333%; padding: 0 10px; margin-bottom: 20px; }

.anasayfaBloklar .solBlok, .anasayfaBloklar .sagBlok { float: left; width: 33.333%; padding: 0 10px; }

.anasayfaBloklar .solBlok .blok, .anasayfaBloklar .sagBlok .blok { float: left; width: 100%; margin-bottom: 20px; }

.anasayfaBloklar a { display: block; }

.anasayfaBloklar a img { display: block; max-width: 100%; margin: 0 auto; }

.anasayfaBanner a { display: block; width: 100%; height: 100%; position: relative; }

.anasayfaBanner .btnincele { background-color: #fff; position: absolute; padding: 10px 50px; bottom: 30px; left: 10%; right: 10%; text-align: center; font-size: 13px; color: #3d3d3d; border: 1px solid #e1e1e1; font-weight: 600; }

.anasayfaBanner .btnincele:hover { background-color: #252259; border: 1px solid #252259; color: #fff; }

/*------------------------------------Blok Sepet--------------------------------------------*/
.SepetBlockInfo { text-align: left; }

.SepetBlockInfo table { border-collapse: collapse; margin-bottom: 5px; width: 100%; }

.SepetBlockInfo td { border-bottom: 1px solid #EEEEEE; padding: 5px 2px; vertical-align: top; }

.SepetBlockInfo .SepetBlockImg img { border: 1px solid #EEEEEE; text-align: left; }

.SepetBlockInfo .SepetBlockName a { color: #666666; font-size: 11px; }

.SepetBlockInfo .SepetBlockAdet { text-align: right; font-size: 11px; }

.SepetBlockInfo td.SepetBlockTotal { text-align: right; }

.SepetBlockInfo .SepetBlockRemove a { text-align: right; cursor: pointer; width: 10px; height: 20px; font-size: 0; display: block; background: url(/App_Themes/Default/images/remove-small.png) center 4px no-repeat; }

.SepetBlockGenelTotal { text-align: right; }

.SepetBlockGenelTotal table { border-collapse: collapse; margin-bottom: 5px; }

.SepetBlockGenelTotal td { padding: 4px; font-size: 14px; }

.SepetBlockGenelTotal td b { font-weight: 700; }

.SepetBlockCheck { clear: both; float: left; text-align: center; width: 100%; }

.SepetBlockCheck a { line-height: 30px; }
/*------------------------------------Blok Sepet--------------------------------------------*/


.SonEklenenUrunler .Block_Text { padding: 0px; }



/* ================================================ */
/* ! HEADER                                         */
/* ================================================ */


#header { clear: both; text-align: center; background-color: #fff; }

#header:before, #header:after { content: " "; display: table; }

#header:after { clear: both; }

#lang_flag_container { left: auto !important; right: 0 !important; top: -2px !important; }

#langHover { padding-right: 0 !important; }

#lang-detail { left: auto !important; right: 0 !important; }

.mobileNav { display: none; }


#logo { text-align: center; display: inline-table; height: 100px; }
#logo a { display: table-cell; vertical-align: middle; }
#logo a img { max-width: 300px; display: block; }

.uyeGirisUyeAdi { display: none; }

.welcome { float: right; position: absolute; right: 37px; top: 0; }

.welcome .uyeGirisWelcome { display: none; }

.welcome ul li { float: left; }

.welcome a { float: left; color: #000; font-style: normal; font-weight: 500; font-size: 18px; }

.welcome a:hover { color: #252259; }

.welcome .headerUyeGiris a { font-size: 13px; margin-left: 20px; }

.welcome .headerUyeOl a { font-size: 13px; margin-left: 20px; }

.welcome .headerHesabim { font-size: 13px; margin-left: 20px; }

.welcome .headerCikis { font-size: 13px; margin-left: 20px; }

.welcome .headerHesabim:after { display: block; content: "\e82a"; font-size: 17px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; line-height: 97px; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.welcome .headerCikis:after { content: "\e820"; display: block; font-size: 18px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; line-height: 97px; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.welcome .headerUyeGiris a:after { content: '\f007'; font-size: 18px !important; line-height: 100px; }

.welcome .headerUyeOl a:after { content: '\f234'; font-size: 18px !important; line-height: 100px; }

.hakkimizdaBolumu { float: left; }

.hakkimizdaBolumu a { float: left; color: #000; font-weight: 600; font-size: 12px; line-height: 35px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, 0.3); border-left: none; border-top: none; border-bottom: none; }

.hakkimizdaBolumu a:hover { background: #fff; }

.headerSosyalMedya { float: left; margin-top: 6px; margin-left: 10px; }

.headerSosyalMedya a { float: left; display: inline-block; color: #000; font-size: 14px; margin-left: 7px; width: 27px; text-align: center; }

.headerSosyalMedya a .fa { line-height: 27px; }

.headerSosyalMedya a:hover { color: #252259; }

.usernav { display: none; }

.favicon { position: absolute; right: -6px; top: 39px; }
.favicon a { color: #fff; font-size: 0; font-weight: 500; line-height: 25px; }
.favicon a i { color: #a1a3a1; font-size: 20px; margin-right: 9px; float: left; }





/*Header Menu*/
.navigation { float: right; width: 100%; border-top: 1px solid #e1e1e1; text-align: center; }

.navigation .HeaderMenu2 > li { position: relative; display: inline-block; }

.navigation .HeaderMenu2 > li > a { padding: 0px 23px; line-height: 49px; color: #2b2b2b; font-size: 13px; display: block; font-weight: 600; letter-spacing: 0.4px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

.navigation .HeaderMenu2 > li > a .fa { margin-left: 7px; }


.navigation .HeaderMenu2 > li .altMenu { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fcfcfc; width: 200px; }

.navigation .HeaderMenu2 > li .altMenu h4 { display: none; }

.navigation .HeaderMenu2 > li .altMenu ul li { border-bottom: 1px solid #f5f5f5; }

.navigation .HeaderMenu2 > li .altMenu ul li a { display: block; color: #2b2b2b; font-weight: 700; font-size: 13px; line-height: normal; text-align: left; padding: 11px 25px; }

.navigation .HeaderMenu2 > li .altMenu ul li a:hover { color: #252259; }

.navigation .HeaderMenu2 > li:hover .altMenu { display: block; }

.navigation .HeaderMenu2 > li ul { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fff; width: 240px; padding: 25px 0; box-shadow: 0 1px 1px rgba(0,0,0,.15) !important; border: 1px solid rgba(0,0,0,.05); }

.navigation .HeaderMenu2 > li > ul li { position: relative; }

.navigation .HeaderMenu2 > li ul li:hover > ul { display: block; left: 100%; top: 0; position: absolute; }

.navigation .HeaderMenu2 > li > ul > li > a { display: block; color: #2b2b2b; font-weight: normal; font-size: 13px; line-height: normal; text-align: left; padding: 15px 25px; position: relative; }

.navigation .HeaderMenu2 > li > ul li > a:after { display: inline-block; font: normal normal normal 7px/1 FontAwesome; font-size: 7px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; left: 15px; top: 21px; }

.navigation .HeaderMenu2 > li > ul > li > a .fa { display: none; }

.navigation .HeaderMenu2 > li > ul > li > a:hover { color: #252259; }

.navigation .HeaderMenu2 > li > ul > li ul li a { display: block; color: #2b2b2b; font-weight: normal; font-size: 13px; line-height: normal; text-align: left; padding: 15px 25px; }

.navigation .HeaderMenu2 > li > ul > li ul li a:hover { color: #252259; }

.navigation .HeaderMenu2 li:hover > ul { display: block; }

.navigation .HeaderMenu2 > li:hover > a { color: #000; }

.navigation .HeaderMenu2 > li:hover > a:before { height: 100%; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }


.hText { position: absolute; left: 0; top: 40px; }
.hText a { float: left; margin-right: 9px; padding-right: 9px; border-right: 1px solid #2b2b2b; color: #2b2b2b; font-size: 12px; line-height: 14px; }
.hText a:last-child { border-right: none; }


/*Sepet*/
.mycart { float: right; position: absolute; right: 110px; top: 0; }

.mycart > a { display: block; color: #686868; line-height: 96px; margin-left: 25px; }

.mycart > a:after { display: block; content: "\e82e"; font-size: 18px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.mycart .sepetTecxt { display: none; }

.mycart .sepetTecxt .fa { display: none; }

.mycart .sepetUrun { display: none; }

.mycart .sepetUrunSayisi { display: none; text-align: center; color: #666; font-size: 20px; font-weight: 600; padding: 0 0 3px 0; }

.mycart > a:hover:after { color: #252259; }

.CartProduct { width: 318px; float: left; background: #fff; z-index: 99999; border: 1px solid #d6d6d6; border-top: 5px solid #fff; padding: 20px; position: absolute; top: 100%; margin-top: 0; left: 50%; margin-left: -150px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); }


.spanustSepetteUrunYok:before { width: 40px; height: 40px; content: ""; background: url(images/divustSepetteUrunYok.png) no-repeat center center; margin: 0 auto 10px; display: block; }


.CartProduct .SPrice { height: 30px; background: #252259; width: 100%; text-align: center; color: #fff; font-size: 12px; font-weight: bold; margin-top: 15px; }

.CartProduct .SPrice * { color: #fff; font-size: 12px; line-height: 30px; font-weight: bold; }

.CartProduct .SPrice .sepetToplamTutar { color: #fff; margin-left: 5px; }

.CartProduct .SProduct { display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000000; max-height: 300px; overflow-y: auto; }

.CartProduct .SProduct::-webkit-scrollbar { width: 5px; }

.CartProduct .SProduct::-webkit-scrollbar-track { background: #e9e9e9; }

.CartProduct .SProduct::-webkit-scrollbar-thumb { background: #d9d9d9 !important; width: 5px; height: 100px; border-radius: 0; border: none !important; }

.CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; }

.CartProduct .SProduct li:After { clear: both; display: table; content: ""; }

.CartProduct .SProduct li a { float: left; display: table; width: 100%; }

.CartProduct .SProduct li a + a { position: absolute; right: 0; top: 0; width: auto !important; }



.CartProduct .SProduct li a:last-child * { color: #bfbfbf; }


.CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 11px; line-height: 14.4px; padding: 0 2px; text-align: left; }

.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; }

.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }

.CartProduct .SProduct li a img { }

.mycart:hover .CartProduct { display: block !important; }

.headerCartBtn { display: block !important; margin-top: 10px !important; float: left; width: 45%; background-color: #a1d5e2; font-size: 11px !important; }

.headerOrderBtn { display: block !important; margin-top: 10px !important; float: right; width: 50%; background-color: #a1d5e2; font-size: 11px !important; }

/*Arama*/
.aramaButonu { cursor: pointer;float: right; margin-left: 25px; display: inline-block; color: #2b2b2b; font-style: normal; font-weight: 300; font-size: 18px !important; line-height: 90px; }

.aramaButonu .lnr { line-height: 97px; font-size: 17px; }

#divArama { position: relative; float: left; width: 100%; }

.searchContent { display: none; position: absolute; right: 0; top: 100%; background: #fff; z-index: 9999; padding: 30px; }

.searchContent .ButtonMic { display: none !important; }

.searchContent #txtbxArama { -webkit-appearance: none; float: left; width: 100%; font-weight: 300; height: 40px; color: #2b2b2b; font-size: 12px; border: none; padding: 0 70px 0 20px; background: transparent; border: 1px solid #e1e1e1; }

.searchContent #btnKelimeAra { -webkit-appearance: none; cursor: pointer; position: absolute; border: none; right: 0px; top: 1px; padding: 0 15px; height: 40px; background: #e1e1e1; color: #fff; font-size: 12px; }


/* ================================================ */
/* ! FOOTER                                         */
/* ================================================ */
.ebultenBolumu { float: left; width: 100%; margin-top: 25px; background: url('https://static.ticimax.cloud/33431/Uploads/EditorUploads/ccc.jpg') center center; background-size: cover; height: 500px; margin-bottom: 0px; }

.ebultenBolumu .ebultenBaslik { float: left; width: 100%; margin-top: 145px; margin-bottom: 25px; display: block; color: #2b2b2b; font-family: 'Roboto', sans-serif; font-size: 13px; }

.ebultenBolumu .ebultenBaslik strong { font-size: 24px; font-weight: 500; display: block; margin-bottom: 30px; }

#divNewsLetter { width: 100%; display: inline-block; position: relative; }

#divNewsLetter label { display: none; }

#divNewsLetter #txtbxNewsletterMail { border: 1px solid #fff; height: 40px; color: #000; background: #fff; font-size: 13px; width: 100%; padding-right: 80px; }

#divNewsLetter #btnMailKaydet { position: absolute; background: #252259; right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; }

#divNewsLetter .newsbutton { position: absolute; background: #252259; right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; }


.footerTopTutucu { background-color: #fff; border-top: 1px solid #efefef; padding: 35px 0 35px 0; margin-top: 20px; }

.footerGenelTutucu { float: left; width: 100%; background: #efefef; }

.footerGenelTutucu:after { clear: both; display: table; content: ""; }

.footerBankaTutucu { float: left; width: 100%; background: #efefef; border-top: 1px solid #d7d7d7; padding: 25px 0; }

.footerBankaTutucu:after { clear: both; display: table; content: ""; }

.bankaSol { float: left; }

.bankaSag { float: right; font-size: 12px; color: #d7d7d7; line-height: 23px; }

.footerTopTutucu .footerLogoTutucu { float: left; width: 100%; text-align: center; margin: 0 0 0 0; }

.footerTopTutucu .footerLogoTutucu .footerLogo { display: inline-block; margin-bottom: 20px; }

.footerTopTutucu .footerSosyalMedya { float: left; width: 100%; text-align: center; }

.footerTopTutucu .footerSosyalMedya a { display: inline-block; margin: 0 10px; color: #5f5f5f; font-size: 18px; }

.footerGenelTutucu .dortluBlok { float: left; width: 25%; margin: 30px 0; padding: 0 10px; }

.footerGenelTutucu .dortluBlokIcerik { float: left; width: 100%; background: #fff; padding: 25px; text-align: center; }

.footerGenelTutucu .dortluBlokIcerik .fa { font-size: 18px; color: #2b2b2b; }

.footerGenelTutucu .dortluBlokIcerik span { display: block; text-align: center; font-size: 13px; margin-top: 17px; color: #2b2b2b; font-weight: 400; }

.footerGenelTutucu .dortluBlokIcerik span strong { display: inline-block; color: #8c8c8c; font-weight: 400; }

.footerGenelTutucu .dortluAltBlok { float: left; width: 25%; margin: 45px 0; }

.footerGenelTutucu .dortluAltBlok h5 { color: #2f2f2f; font-size: 14px; font-weight: 600; margin-bottom: 15px; display: block; }

.footerGenelTutucu .dortluAltBlok ul { }

.footerGenelTutucu .dortluAltBlok ul li { margin-bottom: 10px; }

.footerGenelTutucu .dortluAltBlok ul li a { display: inline-block; color: #8c8c8c; font-size: 12px; font-weight: 300; }

.footerGenelTutucu .dortluAltBlok ul li a:hover { text-decoration: underline; }

.footerGenelTutucu .dortluAltBlok span { display: inline-block; color: #8c8c8c; font-size: 14px; margin-bottom: 10px; }

#ticimaxCopyright { display: inline-block; margin: 0 !important; line-height: 45px !important; }

#ticimaxCopyright a { color: #252259 !important; }

.userLoginBtn, .userSignBtn { border: 0 !important; }


@media (min-width: 1199px) and (max-width:1260px) {

    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }

    .ProductDetailMain .ProductDetailMainRow { margin: 0; }

    .ProductDetailMain .leftImage { width: 390px; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 790px; padding-left: 10px; }
}

@media (max-width:1260px) {

    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }

    .ProductDetailMain .ProductDetailMainRow { margin: 0; }

    .ProductDetailMain .leftImage { width: 390px; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 790px; padding-left: 10px; }
}

@media (max-width: 1199px) {
    .ticiContainer, .headerContent { width: 970px; margin: 0 auto; }

    .navigation { width: 100%; }

    .ProductDetailMain .RightDetail { width: 580px; }

    .ProductIcon .UTelefonlaSiparis,.ProductIcon .UKarsilastirma,.ProductIcon #divKritikStok, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { width: 16%; }
}

@media (max-width: 991px) {

    .ticiContainer, .headerContent { width: 750px; margin: 0 auto; }

    .FiltrelemeUrunAdet { display: none !important; }

    .ProductDetailMain .leftImage { width: 300px; }

    .ProductDetailMain .RightDetail { width: 450px; }

    .ProductDetailMain #divIndirimOrani { position: absolute; right: 0; left: auto; bottom: 70px; width: auto; }

    .leftBlock { display: none; }
}

@media (max-width: 767px) {

    .ticiContainer, .headerContent { width: 97%; margin: 0 auto; }

    .slides { overflow: hidden; }

    .slides li a { display: block; }

    .slides li a img { display: block; width: 100%; height: auto; }

    .leftBlock { display: none; }

    .ProductDetailMain .leftImage { width: 40%; text-align: center; padding-right: 10px; }

    .ProductDetailMain .RightDetail { width: 60%; padding-left: 10px; }

    .footerBankaTutucu { display: none; }

    .footerGenelTutucu .dortluAltBlok { text-align: center; width: 100%; margin: 10px 0; }

    .anasayfaBanner > div { margin-bottom: 10px; }

    .ProductList .ItemOrj.col-xs-6 { padding-left: 2px; padding-right: 2px; }

    .ProductDetail .product-social-icon-wrapper { display: none !important; }

    .ProductIcon .UTelefonlaSiparis,.ProductIcon .UKarsilastirma,.ProductIcon #divKritikStok, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UIstekListemeEkle, .ProductIcon .UFavorilerimeEkle, .ProductIcon .UindirimliUrun, .ProductIcon .FiyatHaberVer, .ProductIcon .UrunKargoBedava, .ProductIcon .UGelinceHaberVer { width: 30%; }

    .ProductIcon .box1 { margin-right: 0; }

    .categoryTitleText * { display: inline; }

    .breadcrumb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .urunOzellik { margin-top: 10px; padding: 0; }

    .urunOzellik .mobilTab { margin-left: -5px; margin-right: -5px; }

    .urunOzellik > .mobilTab > ul > li { position: relative; background-color: #efefef; border-bottom: 1px solid #e9e9e9; }

    .urunOzellik .mobilTab ul li.active { background-color: #fff; }

    .urunOzellik .mobilTab ul li a:after { content: "\f107"; font-family: FontAwesome; font-size: 20px; line-height: normal; position: absolute; right: 8px; top: 10px; }

    .urunOzellik .mobilTab ul li.active a:after { content: "\f106"; }

    .urunOzellik .mobilTab ul li a { display: block; padding: 13px 5px; color: #000; font-size: 13px; }

    .urunOzellik .mobilTab ul li.active .urunDetayPanel { display: block !important; }

    .urunOzellik .urunDetayPanel { background-color: #fff; padding: 5px; float: none; }

    .urunOzellik .urunDetayPanel * { max-width: 100%; }

    .urunDetayPanel #yorumYaz { width: 100% !important; }

    .taksitBlok { width: 100%; }
    .urunDetayPanel .urunYorumYok { text-align: center; display: block; padding: 8px 0; }

    .urunDetayPanel .divYorumYazGiris { text-align: center; display: block; padding: 8px 0; }
}

@media (max-width: 580px) {

    .ProductDetailMain .leftImage { width: 100%; text-align: center; padding: 0; }

    .ProductDetailMain .RightDetail { width: 100%; padding-left: 0; }

    .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 .hidden-phone, .ProductIcon2 .YorumYazbtnContent { width: 30%; }
}

@media(min-width: 768px) {
    .bottomHead { display: none; }
    .mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
}
@media (min-width:1042px) {
    .mobilMenu { display: none; }
    }
    @media screen and (max-width: 1041px) {
    .navigation { display: none; }
    .mobilMenuAcButton { display: block; }
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; background: #cacc34; }
    .menuUstBolum .CloseBtnMenu { float: right; line-height: 50px; color: #fff; font-size: 30px; width: 50px; text-align: center; margin: 0; cursor: pointer; }
    .menuUstBolum .CloseBtnMenu i { font-weight: 300; }
    .menuUstBolum .menuBack { float: left; line-height: 50px; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; }
    .menuUstBolum .menuBack i { font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; }
    .mobilaf { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1001; display: none; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .mobilaf.acik { display: block; }
    .mobilMenu { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; left:-110%; transition: left .3s ease-in-out; }
    .mobilMenu ul { list-style: none; padding: 0; margin: 0; }
    .mobilMenu.acik { left:0; }
    .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0; left: 0; }
    .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a { color: #000; font-size: 16px; font-weight: normal; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; width: 100%; }
    .mobilMenu .navUl .ulVar > a { width: auto; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i, .mobilMenu .navUl > li .ResimsizDown i,
    .mobilMenu .navUl > li .ResimliDown i { line-height: 50px; font-size: 25px; float: right; font-weight: 300; }
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
    .mobilMenu .altMenu .altMenuSag { display: none; }
    .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
    /**/
    .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 360px; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active { left: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span,
    .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i,
    .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 16px; font-weight: 500; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
}

@media (min-width: 768px) and (max-width: 1041px) {
    .mobilMenuAcButton { float: left; margin-top: 30px; margin-right: 20px; color: #000; font-size: 30px; }
    .mobilMenuAcButton span { display: block; font-size: 11px; }
    }
@media(max-width:767px) {

    #lang_flag_container { display: none !important; }

    .aramaButonu { display: none; }

    #header { background-color: #fff; position: relative; height: 65px; border-bottom: 1px solid #d9d9d9; width: 100%; }

    #header #logo { width: 40%; margin: 0 auto !important; display: table !important; text-align: center; float: none; height: 45px; }

    #header #logo a { display: table-cell; vertical-align: middle; text-align: center !important; height: 65px; margin: 0 auto; }

    #header #logo img { max-width: 100%; max-height: 60px; display: inline; }

    .mycart { top: 10px; right: 5px; width: 15px; height: 15px; z-index: auto; }
    .mycart .sepetUrunSayisi { background: #cacc34;  width: 15px; height: 15px; line-height: 15px; }
    .mobilMenuAcButton { display: block; position: absolute; top: 0; left: 10px; font-size: 22px; color: #000; }
    .searchClick { display: block; position: absolute; top: 0; left: 50px; font-size: 22px; color: #000; }
    .welcomeOpen { display: block; position: absolute; top: 0; right: 50px; font-size: 22px; color: #000; }
    .mycartClick { display: block; position: absolute; top: 0; right: 10px; font-size: 22px; color: #000; }
    .mobilMenuAcButton span { font-size: 9px; display: block; line-height: 9px; display: none; }
    .mobilMenuAcButton i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .searchClick i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .welcomeOpen i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .mycartClick i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    /*mobilmenu*/
    .mobilMenu { width: 85%; bottom: 50px; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu{width: 85%;}
    .menuUstBolum { margin-top: 0; }
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; background: #cacc34; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px; font-size: 22px; position: absolute; left: 0; }
    .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; font-weight: 300; }
    .CartProduct { left: auto;background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; text-align: center; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; text-align: center; }

    .mycart { background: none !important; padding: 0; margin: 0; border: none; position: absolute; left: auto; bottom: auto; }
    .mycart:before { display: none; }
    .mycart:after { display: none; }
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important; }
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi { display: block !important; border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0; }
    .mycart .sepetUrunSayisi:before { display: none; }
    .mycart .sepetUrunSayisi:after { display: none; }
    .mycart > a { display: block; width: auto; height: auto; padding: 0; border: none; margin: 0; background: transparent; }
    .mycart > a:before { display: none; }
    .mycart > a:after { display: none; }
    /*Sabit sayfalar icerik*/

    /*Arama*/
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0; padding: 0; border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; z-index: 991; }
    .searchContent.active { height: 40px; padding: 0; overflow: visible; width: 100%; left: 0; right: 0; display: block; }
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
    .searchContent #txtbxArama { height: 40px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0; margin: 0; border: 0 !important; }
    .searchContent.active #txtbxArama { padding: 0 50px 0 10px; }
    body .searchContent #btnKelimeAra { width: 50px; height: 100%; right: 0; top: 0; line-height: 40px; text-indent: 0; padding: 0; left: auto; background-position: center center; background-image: none; border: none; border-radius: 0; font-size: 15px; text-align: center; background: #cacc34; color: #fff; transition: ease .3s all; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; display: block; border: 0; }
    .ButtonMic { right: 40px; height: 40px; }
    /*hosgeldin div*/
    .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: #cacc34; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 40px; }
    .welcome > div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome > ul { margin: 0; }
    .welcome > div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
    .welcome li { float: none !important; display: inline-block !important; width: auto; vertical-align: top; }
    .headerSocialConnect { margin-left: 0; }
    .headerSocialConnect .baglanButton { margin-left: 10px; background: transparent !important; margin-top: 0; }
    .headerSocialConnect .baglanButton a { line-height: 40px; font-size: 13px; color: #fff; padding: 0; }
    .headerSocialConnect .baglanButton a:before { line-height: 40px; }
    .welcome .headerHesabim, .welcome .headerCikis, .welcome .headerUyeOl a, .welcome .headerUyeGiris a { float: none; display: inline-block !important; font-size: 13px !important; line-height: 40px; color: #fff !important; border: none; padding: 0; width: auto; height: auto; margin: 0 5px; font-weight: 500; height: auto; text-transform: none; }
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none !important; }

    .sepetimBody .bottomHead { display: none !important; }
    .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; display: block; }
    .bottomHead ul { margin: 0; list-style: none; padding: 0; }
    .bottomHead ul li { float: left; width: 25%; }
    .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 8px 0; color: #000; position: relative; height: 49px; }
    .bottomHead ul li a i { display: block; margin: 0 auto 3px; font-size: 18px; font-weight: 300; }
    .hText { display: none; }

    .categoryTitle .bold .satir1 { padding: 0 45px; }

    .iletisimContent { padding: 0px; }
    .iletisimContent .row { width: 100%; padding: 3px; margin-bottom: 10px; min-height: 1px; }
    .iletisimContent .row .span { line-height: 20px !important; bottom: 0 !important; height: auto; }
    .iletisimContent .row .span .Left { font-size: 11px !important; width: 30% !important; }
    .iletisimContent .row .span .Right { width: 68% !important; font-size: 11px !important; }
    .iletisimContent .row .span > .line1 > div { text-align: left; width: 100% !important; min-height: 20px; border-bottom: 1px solid #eee; margin: 0; }
    .iletisimContent .row .span > .line1 > div > span { width: 50% !important; float: left; text-align: left; min-height: 1px; }
    .iletisimContent .row .span > .line1 { border: none !important; margin: 0 !important; float: left; }
    .iletisimContent .row .span > .line2 { border: none !important; margin: 0 !important; float: left; }
    .iletisimContent .row .span > .line3 { border: none !important; margin: 0 0 20px 0 !important; float: left; }
    .iletisimContent .row .span > .line2 > .line1 { width: 100% !important; min-height: 1px; border-bottom: 1px solid #eee; margin: 0; line-height: 20px; }
    .iletisimContent .row .span > .line2 > .line1 > span:nth-child(2) { display: none; }
    .iletisimContent .row .span > .line2 > .line1 > span { width: 50% !important; float: left; text-align: left; }
    .iletisimContent .row .span > .line2 > .line2 { width: 100% !important; min-height: 1px; border-bottom: 1px solid #eee; }
    .iletisimContent .row .span > .line2 > .line2 > span:nth-child(2) { display: none; }
    .iletisimContent .row .span > .line2 > .line2 > span { width: 50% !important; float: left; text-align: left; }
    .iletisimContent .row .span > .line3 > .line1 { margin: 0; }
    .iletisimContent .row .span > .line3 > .line1 > span:nth-child(2) { display: none !important; }
    .iletisimContent .row .span > .line3 > .line1 > span { width: 50% !important; float: left; text-align: left; }
}

@media (min-width:768px) {
    .MobilUserBtn, .mobilNavigation { display: none; }

    .MobilCartBtn { display: none; }

    .MobilSearchBtn { display: none; }

    .MobilMenuBtn { display: none; }
}
/*Fiyat Aralığı*/
.slider-range { width: 85%; margin: 10px 10px 0 17px !important; border-radius: 0; height: 3px !important; background-color: #000 !important; border: 0 !important; }
.slider-range .ui-slider-range { background: #e3e3e3 !important; height: 3px !important; margin-top: 0 !important; }
.slider-range .ui-slider-handle { background: #000 !important; border-radius: 100% !important; width: 10px !important; height: 10px !important; border: none !important; margin-top: 0 !important; margin-right: -4px !important; top: -4px; }
.amount { color: #000000; font-size: 11px; font-weight: 600; left: 0; padding: 10px 0 10px 10px; width: 100%; text-align: left; margin-bottom: 0; }
/*Fiyat Aralığı*/
.AnasayfaTasarim { margin-left: -5px; margin-right: -5px;  }

.AnasayfaTasarim:after { clear: both; display: table; content: ""; }

.AnasayfaTasarimLine { overflow: hidden; float: none; width: 100%; position: relative; margin-bottom: 10px; overflow: hidden; padding-left: 5px; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.AnasayfaTasarimLine.Kucuk { width: 50%; overflow: hidden; float: left; padding-left: 5px; padding-right: 5px; }

.AnasayfaTasarimLine a { display: block; }

.AnasayfaTasarimLine a img { margin: 0 auto; max-width: 100%; display: block; }

.AnasayfaTasarimLine .TasarimTime { float: right; position: relative; font-size: 11px; }

.AnasayfaTasarimLine .AnasayfaTasarimAdi { position: absolute; z-index: 9; background-color: rgba(0, 0, 0, 0.40); left: 5px; right: 5px; bottom: 0; color: #ffF; padding: 5px; font-size: 12px; }

.AnasayfaTasarimLine:hover .AnasayfaTasarimAdi { background-color: #000; }

@media(max-width:425px) {
    .AnasayfaTasarimLine.Kucuk { width: 100%; }
}

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: linearicons-free; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #ff0000; }

.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }
/*Galeri Modülü*/

@media(min-width:992px) {
    .ProductList.sort_4 .ItemOrj.col-lg-3:nth-child(4n+1) { clear: left; }

    .ProductList.sort_3 .ItemOrj.col-lg-4:nth-child(3n+1) { clear: left; }
}

@media(max-width:991px) {
    .ProductList.sort_3 .ItemOrj.col-sm-6:nth-child(2n+1) { clear: left; }
}

@media(max-width:767px) {
    .ProductList.sort_4 .ItemOrj.col-xs-6:nth-child(2n+1) { clear: left; }
}



/*YUSUF*/
#header {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    border-top: 50px solid #24272d;
    border-bottom: 1px solid #e7e7e7;
}


#logo {
    
    display: table !important;
      padding-bottom: 21px;
    padding-top: 15px;
}


.navigation .navUl > li:hover > a:after {
    content: '';
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #24272d;
}


.navigation .HeaderMenu2 > li > a {
    padding: 0px 18px;
    line-height: 49px;
    color: #2b2b2b;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    font-weight: 600;
    letter-spacing: 0.4px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}


.searchContent {
    display: inline-block;
    position: absolute;
    left: 30% !important;
    top: 20px;
    z-index: 9;
    width: 43%;
    padding: 30px;

}
#divArama {
    position: relative;
    float: left;
    width: 100%;
}

.searchContent #txtbxArama {
    -webkit-appearance: none;
    float: left;
    width: 100%;
    font-weight: 300;
    height: 40px;
    color: #2b2b2b;
    font-size: 12px;
    border: none;
    padding: 0 70px 0 20px;
    background: transparent;
    border: 2px solid #e1e1e1;
}


.searchContent #btnKelimeAra {
    -webkit-appearance: none;
    cursor: pointer;
    position: absolute;
    border: none;
    right: 0px;
    top: 1px;
    padding: 0 15px;
    height: 39px;
    background: #24272d;
    color: #fff;
    font-size: 12px;
}






/*sepet*/
.mycart .sepetUrunSayisi {
    font-size: 10px;
}

.mycart .sepetUrunSayisi {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #24272d;
    border-radius: 100%;
    line-height: 15px;
    color: #fff;
    left: 10px;
    top: -7px;
    font-size: 11px;
    font-weight: 600;
}

.mycart .sepetTecxt {
    display: none;
}

.sepetTopTutar {
    display: block !important;
    float: left;
    color: #171717;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    margin-left: 20px;
}

.mycart .sepetUrun {
    display: none;
}

.mycart > a {
    display: block;
    color: #000;
    font-size: 12px;
}

    .mycart > a:before {
        content: "";
        width: 16px;
        height: 21px;
        background: url(https://static.ticimax.cloud/33431/Uploads/EditorUploads/mycart.png);
        display: block;
        float: left;
    }

.headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: block;
}

.mycart > a:after {
    display: none;
}

.mycart {
    float: right;
    position: absolute;
    right: 0px;
    top: 55px;
}


.welcome {
    float: right;
    z-index: 99;
    margin-top: 46px;
    /*border: 1px solid #cacaca;*/
    padding: 9px 10px;
    margin-right: 1%;
}

    .welcome:before {
        content: "";
        width: 16px;
        height: 21px;
        background: url(https://static.ticimax.cloud/33431/Uploads/EditorUploads/user.png);
        float: left;
    }



.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {
    display: flex;
    color: #060100;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    margin-left: 36px;
}


.welcome .uyeGirisWelcome {
    display: none;
}

.mycart > a {
    display: block;
    float: left;
    position: relative;
    padding-left: 19px;
    border-left: 1px solid #979797;
}


.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {
    display: flex;
    color: #060100;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    margin-left: 36px;
}



.aramaButonu {
  display:none;
}


.welcome .headerHesabim:after {
display:none;
}

.welcome .headerCikis:after {
display:none;
}


.welcome .headerUyeGiris a:after {
display:none;
}
.welcome .headerUyeOl a:after {
display:none;
}



.ProductDetailMain .leftImage {
    width: 50%;
}
.ProductDetailMain .RightDetail {
    width: 50%;
}

@media (max-width: 580px) {
.ProductDetailMain .RightDetail {
    width: 100% !important;
}
}
@media (max-width: 580px) {
.ProductDetailMain .leftImage {
    width: 100%;
}
}


.productModuleItem2 .moduleimage2 a, .productModuleItem2 .moduleimage a, .productModuleItem2 .productImage a, .productModuleItem .moduleimage2 a, .productModuleItem .moduleimage a, .productModuleItem .productImage a, .productItem .moduleimage2 a, .productItem .moduleimage a, .productItem .productImage a {
    display: block;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 100%;
}


.productModuleItem2 .moduleimage2, .productModuleItem2 .moduleimage, .productModuleItem2 .productImage, .productModuleItem .moduleimage2, .productModuleItem .moduleimage, .productModuleItem .productImage, .productItem .moduleimage2, .productItem .moduleimage, .productItem .productImage {
    height: 0;
    position: relative;
    background: #fff;
    padding-bottom: 100%;
    overflow: hidden;
    width: 100%;
    border-bottom: 0;
}


.ProductListContent .productItem {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
	border: 3px solid #e1e1e15c;
    padding: 19px;
}



.discountIcon {
    position: absolute;
    text-align: center;
    left: 13px;
    top: 7px;
    background: #24272d;
    color: #fff;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    height: 59px;
    padding-top: 11px;
    font-size: 16px;
    z-index: 33;
    width: 59px;
    background-color: #24272d;
    border-radius: 100%;
}

.discountIconDetail {
  
  display:none !important;
}

.navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 -3px 13px 0 #000;
}




#back-to-top {
right: 2%;
}
#back-to-top a {
    transition: ease-in-out all .3s;
    width: 55px;
    height: 30px;
    background: rgba(0, 82, 151, 1) url(https://static.ticimax.cloud/33431/Uploads/Images/up.png) no-repeat center center;
    text-indent: -9999px;
    display: block;
}

.newIcon {
   
    background: #252259;
}


.cargoIcon {

    background: #0303039e;
}

.productItem:hover {
transform: scale(1.02);  
}

@media (max-width: 767px) {

#header {
       border-top: 0px solid rgba(0, 82, 151, 1)
}
  }





.category-vertical-filters {
    padding: 0px 0px 0 !important;
    border: 0px solid #e5e5e5 !important;
}



.CategoryBody .categoryTitleText {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #ebebeb !important;
    margin-bottom: 30px !important;
}

.categoryTitleText {
    float: left !important;
    width: 100% !important;
}

ul.breadcrumb li *, ul.breadcrumb li, a#linkOncekiSayfa {
    font-size: 14px !important;
}



.leftBlock .category-vertical-filters > div {
    padding: 13px 20px !important;
}

.leftBlock .category-vertical-filters > div {
    width: 100%;
    padding: 0 20px;
    margin: 0 0 20px;
    float: left;
    display: inline-block;
    background: #fff;
    border: 1px solid #edeff1;
    border-radius: 5px;
}




.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
    border-color: #cbcbcb!important;
    background: #fff;
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #252259;
    font-size: 12px;
    font-weight: 600;
}

.leftBlock .panel-heading a {
    display: block;
    line-height: 48px;
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 500;
    padding: 0;
}


.Block_item .Block_Title {
  display:none;
}




body #divSayfalamaUst {
    float: right;
    margin: 0 0 20px;
    padding: 6px 10px;
    text-align: center;
    border: 1px solid #eeefef;
    border-radius: 5px;
    background:#FFF;
}

#divSayfalamaUst {
    clear: both;
    margin-top: 10px;
}

.urunListRel {
    width: 100%;
    float: left;
    position: relative;
}



body #divSayfalamaUst .brandlistselection .sortingContent {
    float: left;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
}

ul.sortingContent {
    list-style-type: none;
}

.sortingContent {
    display: flex;
    background-color: #ddd;
}

@media screen and (min-width: 1042px) {
    .sortingContent {
        display: block !important;
    }
}






body #divSayfalamaUst .brandlistselection .blockSelect a {
    background: transparent;
    color: #999999;
    padding: 0;
    float: left;
    margin-left: 20px;
    width: 30px;
    height: 14px;
    background: url(https://static.ticimax.cloud/33431/Uploads/Images/bloksecenek.png)no-repeat 0 0;
    transition: none;
}



    body #divSayfalamaUst .brandlistselection .blockSelect a i {
        display: none;
    }

.sortingContent .blockSelect a i {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 27px;
}


body #divSayfalamaUst .brandlistselection .blockSelect a.sort_4.Active {
    background-position: -35px -16px;
}


body #divSayfalamaUst .brandlistselection .blockSelect a.sort_3.Active {
    background-position: 0 -16px;
}

body #divSayfalamaUst .brandlistselection .blockSelect a.sort_3 {
    margin-left: 0;
}

body #divSayfalamaUst .brandlistselection .blockSelect a.Active {
}

body #divSayfalamaUst .brandlistselection .blockSelect a.sort_4 {
    background-position: -35px 0;
    width: 21px;
}


body #divSayfalamaUst .brandlistselection .blockSelect {
    float: right;
    margin: 9px 9px 0 0;
    background: transparent;
}


body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span {
    float: left;
    font-size: 14px !important;
    color: #252259 !important;
    font-weight: bold;
    line-height: 30px;
    padding: 0;
    margin: 4px 40px 0 0;
}


    body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span:after {
        content: 'Bulundu.';
        color: #000000;
        font-weight: normal;
        margin-left: 4px;
    }


select {
    height: 29px;
    padding: 2px 20px 0 11px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #777;
}

.sortingContent span {
    line-height: 30px !important;
}

body #divSayfalamaUst .brandlistselection .sortingContent li:nth-child(2) a:after {
    content: '';
    float: right;
    width: 12px;
    height: 12px;
    background: #e8e8e8;
    margin-left: 8px;
    margin-top: 9px;
}

body #divSayfalamaUst .brandlistselection .sortingContent li:nth-child(2) a.selected:after {
    background: #252259;
}

.sort_hrz {
  
  display:none !important;
}



@media (max-width: 767px) {
#header #logo img {
    max-width: 41%;
    max-height: 55px;
    display: inline;
    position: absolute;
    top: 4px;
}
  }


#divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input {
background: #252259;
}

#divSatinAl .buyfast input {

    background: #072a48 !important;
}


.ProductIcon .box1 i {
    color: rgb(0, 82, 151);
}



.ProductDetailMain .indirimliFiyat * {
    color: #252259 !important;
}
.productModuleItem2 .modulediscount span, .productModuleItem2 .discountPrice span, .productModuleItem .modulediscount span, .productModuleItem .discountPrice span, .productItem .modulediscount span, .productItem .discountPrice span {
font-size:20px !important;
}

@media screen and (max-width: 767px) {
#logo {
    float: none;
    position: static;
}
  }


@media screen and (max-width: 767px) {

.productModuleItem2 .modulediscount span, .productModuleItem2 .discountPrice span, .productModuleItem .modulediscount span, .productModuleItem .discountPrice span, .productItem .modulediscount span, .productItem .discountPrice span {
    font-size: 14px !important;
}
  }

@media (max-width: 1260px)  {
.ProductDetailMain .ProductDetailMainRow {
    margin: 20px;
}
}

.ProductIcon2 .TavsiyeEtBtnContent > a, .ProductIcon2 .hidden-phone > a, .ProductIcon2 .YorumYazbtnContent > a {
font-size: 14px;
}



@media screen and (max-width: 767px) {
#divSatinAl .buyfast {
    float: left !important;
    width: 101.33% !important;
}
}

@media screen and (max-width: 767px) {
#divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input {
    width: 181% !important;
}
}


@media screen and (max-width: 767px) {
#divSatinAl .BasketBtn .Basketinp {
    float: left !important;
    width: 36% !important;
    margin-right: 5.3% !important;
}
}

#logo {
  padding-top: 47px !important;
}

.navigation {

    background: #f4f4f4;
}

#mainHolder_divDesign #ticimaxTabContent .productItem {
    
    background: #FFF !important;
}


.jCarouselLite .productItem, .jCarouselLite2 .productItem {
  background: #FFF !important;
}


.searchContent #btnKelimeAra {
    cursor: pointer;
    position: absolute;
    border: none;
    right: 1px;
    top: 1px;
    width: 44px;
    line-height: 30px;
    background: url(https://static.ticimax.cloud/33431/Uploads/Images/searchicon.png) no-repeat center center #24272d;
    color: #2b2b2b;
    font-size: 0;

    -webkit-appearance: none;
}


.jCarouselLite .productItem, .jCarouselLite2 .productItem {

    padding: 23px !important;
}


#mainHolder_divDesign #ticimaxTabContent {
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
    float: left !important;
    width: 100% !important;
    position: relative !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    margin: 36px 0 !important;
    padding: 21px!important;
}


#mainHolder_divDesign .ProductListprev, #mainHolder_divDesign .ProductListnext {
     background-color: #ffffff40 !important; 
}


#mainHolder_divDesign .ProductListnext:hover {
    background-color: #00000063!important; 
}

#mainHolder_divDesign .ProductListprev:hover { 
      background-color: #00000063!important; 

}


#mainHolder_divDesign #ticimaxTabContent {
    box-shadow: 0px 0px 4px #0000001a !important;
}
  


#mainHolder_divDesign .ticimaxTabHead li a {
     border-radius: 27px !important;
    font-weight: 600!important;
}

#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a {
    background-color: #1c1952 !important;
    color: #fff !important;
  
}

#mainHolder_divDesign .ticimaxTabHead li a {
    color: #fff !important; 
    background-color: #b1b2b3 !important;
}


.ProductListContent .productItem {
  
background:#FFF !important;
}


@media (max-width: 767px) {
#divArama {
    position: absolute !important;
    float: left !important;
    width: 96% !important;
    left: 1% !important;
    top: 27% !important;
}
}
@media (max-width: 767px) {
body.topOverlay .searchContent {
    opacity: 1 !important;
    top: 0 !important;
    height: auto !important;
 }
}
@media (max-width: 767px) {
.searchContent {
    display: block !important;
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    top: -50px!important;
    background: #fff!important;
    padding: 10px!important;
    opacity: 0!important;
  width: 100% !important;
    height: 0!important;
    transition: all .2s ease !important;
}
}



@media (max-width: 767px) {
.searchContent #btnKelimeAra {
    -webkit-appearance: none !important;
    cursor: pointer !important;
    position: absolute !important;
    border: none !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 15px !important;
    height: 40px !important;
    background: #005297  !important;
    color: #fff !important;
    font-size: 12px !important;
    display: initial!important;
}
  }


@media (max-width: 767px) {
#header #logo img {
    max-width: 40% !important;
    max-height: 35px !important;
    display: inline !important;
    position: absolute !important;
    top: 10px !important;
}
}



.welcome {
     margin-right: 4% !important; 
}


.CartProduct .SPrice {
	float: left;
background: #000000!important;
}
.headerCartBtn {

    background-color: #252259 !important;
}
.headerOrderBtn {
       background-color: #252259 !important;
}


.sepetTopTutar  {
     margin-left: 35px; 
}


.ProductDetailMain .SmallImages > div img {
    width: 100%;
    border: 1px solid #98989873;
    padding: 10px;
    display: block;
}
.ProductDetailMain .Images {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cdcdcd;
    padding: 13px;
}



.welcome .headerUyeOl a {
padding-top: 9px;
}


.welcome .headerCikis {
padding-top: 9px;
}

#logo {
    padding-top: 38px!important;
}


#logo {
    padding-top: 32px!important;
}

#logo a img {
    max-width: 340px !important;
   
}
.searchContent {
        background: #fff0 !important;
}

/* ==========================================================================
   KOCAŞABAN — KURUMSAL TEMA KATMANI
   Klon tema 10045 · 2026-09-07
   --------------------------------------------------------------------------
   NE YAPAR: Mağazayı kocasaban.com'un görsel kimliğine bağlar.
   Renkler, tipografi ve ölçüler kurumsal sitenin globals.css dosyasından
   alınmıştır; bu dosyada icat edilmiş bir değer yoktur.

   NASIL UYGULANIR: Bu blok mevcut style.css'in EN SONUNA eklenir.
   Üstteki 3.599 satır olduğu gibi kalır; buradaki kurallar onları geçersiz
   kılar. Beğenilmezse bu blok silinir, tema eski hâline döner.

   ⚠ TEK İSTİSNA: Aşağıdaki @import satırı dosyanın EN BAŞINA gitmeli.
   CSS kuralı gereği @import, ilk kuraldan önce gelmezse tarayıcı onu
   yok sayar. Mevcut 7. satırdaki Roboto import'unun YERİNE yazılır:

       @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

   Roboto import'unu kaldırmak GÜVENLİ — ama ancak §1'deki kurallarla birlikte.
   Kanıt: temada Roboto'yu açıkça isteyen 8 kural var (satır 20, 56, 58, 1300,
   1360, 1444, 1706, 2143). §1 bunların hepsini Inter'e çeviriyor. Çevirmeden
   import'u kaldırırsak o alanlar sistem fontuna düşer ve gövdeyle uyumsuz görünür.

   İKON FONTLARINA DOKUNULMAZ: FontAwesome ve Linearicons-Free import'ları
   yerinde kalır. Sekiz pseudo-element kuralı (satır 154, 162, 1197, 1974, 1976,
   2063, 2300, 3103) bu ailelerle gerçek glif çiziyor — sepet, hesabım, çıkış ve
   ok ikonları dahil. Gövde tipografisi değişikliği bunları etkilemez, çünkü her
   biri kendi font-family'sini beyan ediyor ve beyan, kalıtımı yener.

   Not: Mevcut Roboto import'u 300,400,500,700,900 ağırlıklarını çekiyor ama
   temada font-weight:600 27 yerde kullanılıyor ve 600 YÜKLENMİYOR — tarayıcı
   sahte kalınlaştırma yapıyor, yazılar bulanık çıkıyor. Yeni import 600'ü
   içerdiği için bu hata da kapanır.
   ========================================================================== */

:root {
  /* Kurumsal palet — kocasaban.com globals.css */
  --ks-navy:        #0a0e2a;   /* ana renk, beyaz üstünde 18,93:1 */
  --ks-navy-mid:    #1b1f4a;   /* hover ve ara yüzeyler */
  --ks-navy-soft:   #2a3262;   /* kenarlık vurgusu */
  --ks-gold:        #ca8a04;   /* YALNIZ lacivert üstünde (6,44:1) veya süsleme */
  --ks-gold-deep:   #b45309;   /* eylem rengi, beyaz üstünde 5,02:1 */
  --ks-body:        #475569;   /* gövde metni, beyaz üstünde 7,58:1 */
  --ks-muted:       #64748b;   /* ikincil metin */
  --ks-line:        #e2e8f0;   /* kenarlık */
  --ks-line-soft:   #eef2f7;   /* iç ayraç */
  --ks-surface:     #ffffff;
  --ks-surface-2:   #f6f8fb;   /* soğuk yanlı nötr, laciverte doğru */

  --ks-r-sm: 8px;
  --ks-r-md: 12px;
  --ks-r-lg: 16px;
  --ks-shadow-sm: 0 1px 2px rgba(10,14,42,.06), 0 4px 12px rgba(10,14,42,.05);
  --ks-shadow-md: 0 2px 4px rgba(10,14,42,.06), 0 12px 28px rgba(10,14,42,.10);
  --ks-ease: cubic-bezier(.4,0,.2,1);
}

/* ==========================================================================
   1) TİPOGRAFİ
   Mevcut kural `font-family: 'Roboto', sans-serif !important` olduğu için
   burada da !important gerekiyor — aksi halde geçersiz kılınamaz.
   ========================================================================== */

body {
  font-family: Inter, -apple-system, "Segoe UI", system-ui, sans-serif !important;
  color: var(--ks-body);
  background: var(--ks-surface-2);
  -webkit-font-smoothing: antialiased;
}

/* Roboto'yu ACIKÇA isteyen kurallar. Hepsi kaynakta !important taşıdığı için
   burada da gerekiyor. Bu blok olmadan Roboto import'u kaldırılamaz. */
.textarea,
.textbox,
.categoryTitleText *,
.sortingContent span,
.ProductIcon2 .TavsiyeEtBtnContent > a,
.ProductIcon2 .hidden-phone > a,
.ProductIcon2 .YorumYazbtnContent > a,
/* Su ikisini once 'canli sayfalarda yok' diye temizlemistim. Yanlisti: taban
   CSS'te Roboto'yu !important ile istiyorlar ve Roboto artik yuklenmiyor.
   Ornekledigim bes sayfada gorunmuyorlar ama temada varlar; filtreli kategori
   veya bulten bolumu render oldugunda sistem fontuna duserlerdi. Kapsama
   geri aliyorum -- kullanilmasalar bile zarari yok. */
.KategoriFilitreLine p input[type="text"],
.ebultenBolumu .ebultenBaslik {
  font-family: Inter, -apple-system, "Segoe UI", system-ui, sans-serif !important;
}

/* Playfair YALNIZ üst düzey başlıklarda.
   Codex'in notu (m2139): mağaza taranabilirliği için ürün adı, fiyat, filtre,
   menü ve form alanları Inter kalmalı. Serif bir yüz, 14px'lik bir ürün
   adında okumayı yavaşlatır; sayfa başlığında karakter katar. */
h1,
h2,
.categoryName,
.landing-block h2,
.landing-block h3 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: var(--ks-navy);
  letter-spacing: -.01em;
  text-wrap: balance;
}

/* Ürün adı ve fiyat kesinlikle Inter — bir başlık etiketi içine alınmış
   olsalar bile. Ürün DETAY sayfasında ad gerçekten <h1> içinde:
   .RightDetail > .ProductName > h1 > span. Yukarıdaki global h1 kuralı onu
   Playfair yapardı; burada geri alıyoruz. (Codex bulgusu m2150/4.) */
.productItem .productName,
.productItem .productName *,
.productItem .productPrice,
.productItem .discountPrice,
.productItem .discountPrice *,
.productItem .regularPrice,
.productItem .regularPrice *,
.ProductName h1,
.ProductName h1 span,
.RightDetail .ProductName h1,
.RightDetail .ProductName h1 span {
  font-family: Inter, -apple-system, "Segoe UI", system-ui, sans-serif;
}

/* ==========================================================================
   2) ÜRÜN KARTI
   Mevcut yapı float tabanlı; DOM'a dokunamıyoruz, davranışı CSS ile
   düzeltiyoruz.
   ========================================================================== */

/* Kartın kendisi: yüzey, kenarlık, yumuşak köşe, gerçek gölge. */
.ProductListContent .productItem,
.productItem {
  background: var(--ks-surface);
  border: 1px solid var(--ks-line);
  border-radius: var(--ks-r-md);
  overflow: hidden;
  box-shadow: var(--ks-shadow-sm);
  transition: box-shadow .22s var(--ks-ease), border-color .22s var(--ks-ease);
}

.productItem:hover {
  box-shadow: var(--ks-shadow-md);
  border-color: var(--ks-navy-soft);
}

/* KARUSEL ICINDE KENARLIK KIRPILMASI.
   Kaynak style.css:139 `.jCarouselLite { overflow: hidden }` ve :141
   `.jCarouselLite .productItem { width:100% !important; margin:0 !important }`.
   Yani karusel tasan her seyi kesiyor ve kartlar slot kenarina BIREBIR
   yapisiyor. Kartin 1px kenarligi ve golgesi icin yer yok; hover'da lacivert
   kenarlik belirince ustu, alti ve bazen yanlari kirpiliyor.
   Karta ic bosluk veriyoruz. Kaynak margin'i !important ile sifirladigi icin
   burada da !important gerekiyor. */
.jCarouselLite .productItem,
.jCarouselLite2 .productItem {
  width: calc(100% - 18px) !important;
  margin: 9px !important;
}

/* KADRAJ — DÜZELTME DEĞİL, AÇIK BEYAN.
   İlk sürümde "kadraj 2:3 dikey, kareye çeviriyoruz" yazmıştım. YANLIŞTI.
   style.css:1149 gerçekten 150% veriyor, AMA style.css:2961 aynı seçici
   listesiyle sonradan 100% veriyor ve bir medya sorgusunun içinde değil —
   dolayısıyla etkin değer ZATEN KARE. İlk kuralı etkin değer sanmışım.
   (Codex bulgusu m2164/P2.)
   Aşağıdaki 100% bir düzeltme değil; niyeti açıkça yazan, kaynaktaki sırayla
   uyumlu bir beyan. Kaldırılsa da davranış değişmez. */
.productItem .productImage {
  padding-bottom: 100%;
  background: #fff;          /* siyah zemin hatasını görsel düzelene dek sınırlar */
}
.productItem .productImage a {
  padding-bottom: 100%;
}
.productItem .productImage a img {
  padding: 12px;             /* ürün kutuya yapışmasın */
  box-sizing: border-box;
}

/* ÜRÜN ADI — İKİ SATIR.
   Mevcut kural `height:16px; overflow:hidden` ile adı TEK satırda kesiyor;
   "Bosch Professional GBH 36 V-LI Plus 4 Ah Çift Akülü Kırıcı/Delici" gibi
   adlar okunamaz hâle geliyor. İki satıra çıkarıyoruz ve yükseklik sabit
   kalıyor ki ızgarada kartlar hizasını korusun. */
.productItem .productName * {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
  min-height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;          /* 1px harf aralığı 13px'te okumayı zorlaştırıyordu */
  font-weight: 500;
  color: var(--ks-navy);
  white-space: normal;
}
.productItem .productName {
  padding-right: 12px;
}
.productItem:hover .productName * {
  color: var(--ks-gold-deep);
}

/* MARKA ADI — GÖRÜNÜR.
   Mevcut kural `display:none !important` ile markayı gizliyor. Bosch yetkili
   bayisi olmak bu mağazanın en güçlü güven sinyali; saklanacak bir şey değil. */
.productItem .productMarka {
  display: block !important;
  float: none;
  width: auto;
  padding: 0;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ks-gold-deep);
  text-align: left;
}

/* FİYAT */
.productItem .discountPrice span {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--ks-navy);
  font-variant-numeric: tabular-nums;
}
.productItem:hover .discountPrice * {
  color: var(--ks-navy);       /* fiyat hover'da renk değiştirmesin, sabit kalsın */
}

/* KDV BİLGİSİ — GÖRÜNÜR, AMA FİYATLA AYNI SATIRDA.
   r2'de bu kural kartı BOZDU ve kullanıcının ekran görüntüsünde göründü:
   "KDV Dâhil" 20 piksel çıkıp fiyatın altına düştü ve kartın altından taşarak
   kesildi. SEBEP: kaynak style.css:3320 `.productItem .discountPrice span
   { font-size:20px !important }` KDV span'ini de kapsıyor; benim 11px'lik
   NORMAL bildirimim onu geçemiyordu. Mobilde de :3334 aynı şeyi 14px!important
   ile yapıyor. Bu yüzden burada !important zorunlu.
   Ayrıca fiyat kutusunun kaynakta `height:16px` sabit yüksekliği var; KDV ikinci
   satır olunca taşıyordu. Yüksekliği serbest bırakıyoruz. (Codex bulgusu m2179.) */
.productItem .discountPrice .discountKdv {
  display: inline !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--ks-muted);
  letter-spacing: 0;
  line-height: 1.2;
  margin-left: 4px;
  vertical-align: baseline;
}
/* Fiyat satırı artık iki parça taşıyor: rakam + KDV notu. Sabit yükseklik
   kalkıyor, yoksa ikinci parça kartın dışına taşar. */
.productItem .productPrice,
.productItem .discountPrice {
  height: auto;
  line-height: 1.3;
}

/* FİYAT BLOKLARININ HİZASI.
   Kaynak float kullanıyor: .discountPrice sağa, .regularPrice sola. İndirimli
   üründe bu, yeni fiyatı sağa eski fiyatı sola atıp kartı düzensiz gösteriyor —
   kullanıcının ikinci ekran görüntüsünde Magmaweld satırında net görülüyor.
   DOM sırası zaten doğru: önce yeni fiyat, sonra eski fiyat. Float'ları
   kaldırınca doğal sıra sola hizalı iki satır olarak oturuyor. */
.productItem .productPrice,
.productItem .discountPrice,
.productItem .regularPrice {
  float: none !important;
  display: block !important;
  width: 100%;
  text-align: left;
  margin: 0;
}

/* ÜSTÜ ÇİZİLİ ESKİ FİYAT */
.productItem .regularPrice span {
  display: block !important;
  font-size: 12px;
  color: var(--ks-muted);
  font-variant-numeric: tabular-nums;
  margin-right: 0 !important;   /* kaynakta 15px vardı, sola hizada gereksiz */
  margin-top: 2px;
}

/* ==========================================================================
   3) BUTONLAR VE ETKİLEŞİM
   ========================================================================== */

.btnAddToCart,
.urunListeSpanSepeteEkle,
.SepeteEkle,
input[type="submit"],
button.btn {
  background: var(--ks-navy);
  color: #fff;
  border: 0;
  border-radius: var(--ks-r-sm);
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;        /* BÜYÜK HARF bağırmak yerine okunur dursun */
  cursor: pointer;
  transition: background .18s var(--ks-ease);
}
.btnAddToCart:hover,
.urunListeSpanSepeteEkle:hover,
.SepeteEkle:hover,
input[type="submit"]:hover,
button.btn:hover {
  background: var(--ks-navy-mid);
}

/* Klavye erişilebilirliği — mevcut temada görünür odak yok. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btnAddToCart:focus-visible,
.urunListeSpanSepeteEkle:focus-visible {
  outline: 2px solid var(--ks-gold-deep);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Tıklanabilir olduğu belli olsun. */
.productItem,
.productItem a,
.productIcon,
.favoriteslist,
.examineIcon,
.qtyPlus,
.qtyMinus {
  cursor: pointer;
}

/* İndirim ve tükendi rozetleri — süs değil, bilgi. */
.discountIcon,
.discountIcon_s1,
.discountIcon_s2 {
  background: var(--ks-gold-deep);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .04em;
}
.TukendiIco {
  background: var(--ks-muted);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
}

/* ==========================================================================
   4) HEADER
   --------------------------------------------------------------------------
   SEÇİCİLER CANLI DOM'DAN ÇIKARILDI, tema CSS'inden değil.
   İlk sürümde .menuUstBolum ve .KatMenu1 hedeflenmişti; ikisinin de canlı
   HTML'de eşleşmesi SIFIR — eski bir Ticimax şablonundan kalma ölü kurallar.
   (Codex bulgusu m2150/1.) Gerçek yapı:
       #header.homeHeader > .headerContent
         .welcome#divMemberPanel        → üye paneli, üst şerit DEĞİL
         .usernav > ul > li > a         → gerçek üst gezinme
         #divHeaderCart.mycart
         #divTopProductSearch.searchContent > input#txtbxArama
         .navigation > ul#HeaderMenu2.HeaderMenu2.navUl > li > a
   ========================================================================== */

.headerContent {
  background: var(--ks-surface);
  border-bottom: 1px solid var(--ks-line);
}

/* ÜST KOYU ŞERİT — ARKA PLAN DEĞİL, KENARLIK.
   r3-r5'te bunu `.usernav { background }` ile boyamaya çalıştım ve HİÇ
   tutmadı. Sebebini Codex DevTools ile buldu (m2224): şerit
   `#header.homeHeader { border-top: 50px solid rgb(36,39,45) }` kuralından
   geliyor — 50 piksellik bir KENARLIK. `.usernav` gerçekte 0x0 boyutunda,
   ona arka plan vermek hiçbir şeyi boyamıyor.
   Yalnızca RENGİ değiştiriyoruz; 50px kalınlık ve mobildeki border-top:0
   kuralı olduğu gibi kalsın diye border-top-color kullanıyoruz. */
#header.homeHeader {
  border-top-color: var(--ks-navy) !important;
}

/* .usernav görünmez olsa da içindeki bağlantılar şeridin üstünde duruyor. */
.usernav {
  background: transparent;
}
.usernav a {
  color: #c9d2e8;              /* lacivert üstünde 12,50:1 */
  transition: color .18s var(--ks-ease);
}
.usernav a:hover {
  color: var(--ks-gold);       /* lacivert üstünde 6,44:1 */
}

/* Üye paneli AYRI: BEYAZ zemin üstünde duruyor, açık metin okunmaz.
   İlk sürümde buraya da #c9d2e8 vermiştim — beyaz üstünde 1,51:1, yani
   görünmez. Tam olarak eski temada eleştirdiğim hatanın (#a1d5e2, 1,60:1)
   aynısını kendim yapmışım. Kaynak style.css:2851 .welcome'a zemin vermiyor,
   :1962 metni #000 yapıyor. (Codex bulgusu m2164/P1.) */
.welcome#divMemberPanel a,
.memberWelcomeContent a {
  color: var(--ks-navy);       /* beyaz üstünde 18,93:1 */
  transition: color .18s var(--ks-ease);
}
.welcome#divMemberPanel a:hover,
.memberWelcomeContent a:hover {
  color: var(--ks-gold-deep);  /* beyaz üstünde 5,02:1 */
}

/* Ana gezinme.
   ÖZGÜLLÜK NOTU: kaynak style.css:2011 `.navigation .HeaderMenu2 > li > a`
   kullanıyor (0,3,1). `.navUl > li > a` (0,2,1) bunu geçemez. ID ile
   yazıyoruz: `.navigation #HeaderMenu2 > li > a` = (1,1,1), kesin kazanır. */
/* Menü bandı. Kaynak style.css:3377 `.navigation { background:#f4f4f4 }`
   veriyor ve o kural bizim bloğumuzdan SONRA gelirse kazanır. Bloğun dosyada
   nereye yapıştırıldığından bağımsız çalışsın diye !important yazıyoruz. */
.navigation {
  background: var(--ks-surface) !important;
}
.navigation #HeaderMenu2 > li > a {
  font-family: Inter, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--ks-navy);
  letter-spacing: 0;
  text-transform: none;
  transition: color .18s var(--ks-ease);
}
.navigation #HeaderMenu2 > li > a:hover {
  color: var(--ks-gold-deep);
}
/* Hover'da ince altın çizgi — konum belirtir. */
.navigation #HeaderMenu2 > li {
  position: relative;
}
.navigation #HeaderMenu2 > li::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: var(--ks-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s var(--ks-ease);
}
.navigation #HeaderMenu2 > li:hover::after {
  transform: scaleX(1);
}

/* Arama alanı.
   Kaynak `.searchContent #txtbxArama` (1,1,0) kullanıyor; aynı özgüllükte
   yazıyoruz ki geçersiz kılabilelim. */
.searchContent #txtbxArama {
  border: 1px solid var(--ks-line);
  border-radius: var(--ks-r-sm);
  font-family: Inter, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  color: var(--ks-navy);
  transition: border-color .18s var(--ks-ease);
}
/* Odak halkası KORUNUR. İlk sürümde burada `outline:none` vardı ve daha özgül
   olduğu için global focus-visible halkasını siliyordu — kendi eklediğim
   erişilebilirlik kuralını kendim bozuyordum. (Codex bulgusu m2150/3.) */
.searchContent #txtbxArama:focus {
  border-color: var(--ks-navy-soft);
}
.searchContent #txtbxArama:focus-visible {
  outline: 2px solid var(--ks-gold-deep);
  outline-offset: 2px;
}

/* Sepet */
.mycart > a {
  color: var(--ks-navy);
  transition: color .18s var(--ks-ease);
}
.mycart > a:hover {
  color: var(--ks-gold-deep);
}

/* ==========================================================================
   5) FOOTER
   --------------------------------------------------------------------------
   İlk sürümde .footerGenelTutucu / .footerTopTutucu / .footerBankaTutucu
   hedeflenmişti; ÜÇÜNÜN DE canlı HTML'de eşleşmesi SIFIR. O bölüm hiçbir işe
   yaramıyordu. (Codex bulgusu m2150/1.) Gerçek yapı:
       #footer.homeFooter
         .footerTop      → #divNewsLetter.newaslater, #btnMailKaydet
         .footerCenter   → .ticiFooterCenter, .ticiFooterContent,
                           .ticiFooterMenu.footerRow, .footerCol, .FooterSocial
         .ticiFooterBottom

   ⚠ SATIR İÇİ STİL UYARISI: .ticiFooterCenter üzerinde
   `style="background:#1c1952;"` ve .ticiFooterBottom üzerinde
   `style="background: #000;"` var. Satır içi stil, sınıf kurallarını yener;
   bu ikisini geçersiz kılmak için `!important` ZORUNLU. Ayrıca .footerCenter
   içinde panelden gelen bir <style> bloğu var (.FooterSocial kuralları).
   KALICI ÇÖZÜM CSS DEĞİL: bu renkler panelin Sabit Site İçerikleri tarafından
   yazılıyor; asıl düzeltme orada yapılmalı. Buradaki override görsel
   bütünlüğü sağlar ama kaynağı düzeltmez.
   ========================================================================== */

#footer.homeFooter {
  border-top: 3px solid var(--ks-gold);
}
/* Bülten şeridi. `.footerTop` doğru kapsayıcı GİBİ görünüyor ama panel
   içeriğindeki bir script çalışma anında #divNewsLetter'ı .ticiBultenContent
   içine TAŞIYOR; o yüzden .footerTop'a verilen zemin görünmüyordu. Gerçek
   hedef .ticiBultenContent. (Kullanıcı ekranında ölçülen #f1f1f1.) */
.footerTop,
.ticiBultenContent {
  background: var(--ks-surface-2);
}
.footerTop {
  border-bottom: 1px solid var(--ks-line);
}
.ticiFooterCenter {
  background: var(--ks-navy) !important;   /* satır içi #1c1952'yi geçer */
  color: #a9b4cd;
}
.ticiFooterBottom {
  background: var(--ks-navy-mid) !important; /* satır içi #000'i geçer */
  color: #8b96ad;
  border-top: 1px solid rgba(255,255,255,.08);
}
.ticiFooterContent,
.ticiFooterMenu,
.footerCol {
  color: #a9b4cd;
}
.ticiFooterContent a,
.ticiFooterMenu a,
.footerCol a,
.ticiFooterBottom a {
  color: #a9b4cd;
  transition: color .18s var(--ks-ease);
}
.ticiFooterContent a:hover,
.ticiFooterMenu a:hover,
.footerCol a:hover,
.ticiFooterBottom a:hover {
  color: var(--ks-gold);
}
.footerCol h3,
.footerCol h4,
.ticiFooterMenu h3,
.ticiFooterMenu h4 {
  font-family: "Playfair Display", Georgia, serif;
  color: #fff;
  font-weight: 600;
}
.FooterSocial ul li a {
  transition: opacity .18s var(--ks-ease);
}
.FooterSocial ul li a:hover {
  opacity: .75;
}
/* Bülten kaydı butonu — footer'daki tek eylem. */
#btnMailKaydet.newsbutton {
  background: var(--ks-gold-deep);
  color: #fff;
  border: 0;
  border-radius: var(--ks-r-sm);
  font-weight: 600;
  transition: background .18s var(--ks-ease);
}
#btnMailKaydet.newsbutton:hover {
  background: var(--ks-navy);
}

/* ==========================================================================
   6) MOBİL
   Mevcut temada 3.599 satırda yalnız ~28 medya sorgusu bloğu var ve neredeyse
   tamamı tek kırılma noktasında (767px). Aşağısı o boşluğu doldurur.
   ========================================================================== */

@media (max-width: 991px) {
  .productItem .productName * {
    font-size: 13px;
    line-height: 18px;
    min-height: 36px;
  }
  .productItem .discountPrice span {
    font-size: 17px;
  }
}

/* Mobilde kaynak :3334 KDV span'ine de 14px !important veriyor; burada da
   açıkça küçültüyoruz ki fiyatla aynı satırda kalsın. */
@media screen and (max-width: 767px) {
  .productItem .discountPrice .discountKdv {
    font-size: 10.5px !important;
  }
}

@media (max-width: 767px) {
  /* Dokunma hedefi 44px — BU PROJENİN HEDEFİ. WCAG 2.2 AA zorunluluğu 24x24;
     44x44 AAA seviyesidir. İlk sürümde "WCAG eşiği" diye yazmıştım, fazla
     iddialıydı. (Codex düzeltmesi m2150.) */
  .btnAddToCart,
  .urunListeSpanSepeteEkle,
  .qtyPlus,
  .qtyMinus,
  .productIcon a,
  .favoriteslist {
    min-height: 44px;
    min-width: 44px;
  }
  .btnAddToCart,
  .urunListeSpanSepeteEkle {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Gövde metni 16px altına düşmesin — mobilde okunmuyor ve iOS sayfayı
     otomatik yakınlaştırıyor.
     ARAMA ALANI AYRI YAZILIYOR: yukarıdaki .searchContent #txtbxArama kuralı
     (1,1,0) 14px veriyor; aşağıdaki input[type="text"] (0,0,1) onu geçemez.
     İlk sürümde bu yüzden mobilde arama 14px kalıyordu, iddia gerçekleşmiyordu.
     (Codex bulgusu m2164/P2.) */
  .searchContent #txtbxArama {
    font-size: 16px;
  }
  body,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select,
  textarea {
    font-size: 16px;
  }

  .productItem {
    border-radius: var(--ks-r-sm);
  }
  .productItem .productImage a img {
    padding: 8px;
  }
  /* Marka 11px'in altına inmiyor. İlk sürümde 10px yazmıştım; okunurluğu
     artırmak için başladığımız işte metni küçültmek kendi hedefimize ters
     düşüyordu. (Codex düzeltmesi m2150.) */
  .productItem .productMarka {
    font-size: 11px;
    letter-spacing: .08em;
  }

  /* MOBİLDEKİ SARI-YEŞİL ŞERİT.
     Kaynak style.css:2463 mobil bloğunda `.welcome { background:#cacc34 }`
     var — hesap paneli açılır kapanır bir katman ve kapalıyken bile hero'nun
     üstünde ~18px'lik sarı-yeşil bir bant bırakıyor. Kullanıcının mobil ekran
     görüntüsünde ölçüldü: tam olarak #cacc34.
     r6'da header bölümünü yeniden yazarken `.welcome` kuralımı düşürmüşüm;
     geri koyuyorum. Panel açıldığında da üstündeki lacivert şeritle uyumlu
     dursun diye zemin lacivert, metin açık. */
  .welcome {
    background: var(--ks-navy);
    /* ASIL DUZELTME BURASI.
       Kaynak mobil kurali (:2463) `height:0` ve `overflow:hidden` veriyor,
       yani panel kapaliyken hic gorunmemeli. Ama satir 2851'deki
       `.welcome { padding: 9px 10px }` kurali MEDYA SORGUSUNUN DISINDA,
       yani mobilde de uygulaniyor. Yukseklik sifir olsa da 9+9=18 piksellik
       dolgu kaliyor ve zemin o dolguyu boyuyor -- hero'nun ustunu kesen serit
       bu. Kullanicinin olctugu serit yuksekligi tam 18 piksel.
       Once rengi degistirip sariyi laciverte cevirmistim; o sorunu GIZLEDI,
       cozmedi. Dolguyu sifirlayinca panel kapaliyken gercekten gorunmez oluyor,
       acildiginda (.active, height:40px) normal calismaya devam ediyor. */
    padding: 0;
  }
  .welcome.active {
    padding: 9px 10px;
  }
  .welcome a,
  .welcome .headerHesabim,
  .welcome .headerCikis,
  .welcome .headerUyeGiris a,
  .welcome .headerUyeOl a {
    color: #c9d2e8;
  }
  .welcome a:hover {
    color: var(--ks-gold);
  }

  /* GÜVEN KARTLARI (500TL ve Üzeri / İptal ve Değişim / Güvenli Alışveriş /
     Kredi Kartına Taksit).
     Bunlar tema CSS'inde değil, SAYFA İÇİ <style> bloğunda tanımlı; o blok
     harici stil dosyasından SONRA geldiği için eşit özgüllükte kazanıyor.
     Bu yüzden burada !important gerekiyor.
     Mobilde her kart ~120 piksel: ikonun line-height:80px'i, 20+20 dikey
     dolgu ve 17px başlık. Dördü alt alta ~480 piksel, yani telefon ekranının
     yarısından fazlası güven rozetlerine gidiyor. Bunlar ikincil bilgi;
     iki sütuna alıp sıkıştırıyoruz. */
  .Glist ul li {
    width: 50% !important;
    padding: 0 4px !important;
    margin-bottom: 8px !important;
  }
  .Glist ul li .Gblok {
    padding: 14px 12px !important;
    background: var(--ks-surface) !important;
    border: 1px solid var(--ks-line) !important;
    border-radius: var(--ks-r-sm);
    box-shadow: var(--ks-shadow-sm) !important;
    height: 100%;
  }
  .Glist ul li .Gblok .Gicon {
    float: none !important;
    min-width: 0 !important;
    display: block;
  }
  .Glist ul li .Gblok .Gicon i {
    font-size: 22px !important;
    line-height: 1.2 !important;
    color: var(--ks-navy) !important;
  }
  .Glist ul li .Gblok .Gtext {
    float: none !important;
    width: 100% !important;
  }
  /* Kaynak #7d7d7d kullaniyor; #f8f8f8 uzerinde 3,5:1 ile AA'yi gecmiyor.
     Kurumsal govde rengi beyaz uzerinde 7,58:1. */
  .Glist ul li .Gblok .Gtext strong {
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding-top: 8px !important;
    color: var(--ks-navy) !important;
  }
  .Glist ul li .Gblok .Gtext p {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: var(--ks-body) !important;
  }
}

@media (max-width: 480px) {
  /* Dar ekranda ürün adı 14px kalıyor, satır sayısı 3'e çıkıyor.
     Küçültmek yerine yer açıyoruz — model kodu okunabilir kalmalı
     ("GWS 7-115 E" ile "GWS 750" arasındaki fark satın alma kararı). */
  .productItem .productName * {
    font-size: 14px;
    line-height: 19px;
    -webkit-line-clamp: 3;
    min-height: 57px;
  }
}

/* Hareket azaltma tercihi olan kullanıcıya geçiş uygulanmaz. */
@media (prefers-reduced-motion: reduce) {
  .productItem,
  .navigation #HeaderMenu2 > li::after,
  .btnAddToCart,
  .urunListeSpanSepeteEkle {
    transition: none !important;
  }
}


/* ==========================================================================
   §7 MOBIL DUZELTME TURU (r11)
   Kaynak: Codex m2345 taslagi, gercek klon 10046 onizlemesinde 375px olcumu
   (m2336/m2337). Consult m2404 approve.
   KAPSAM DISI (bilerek): bulten formu stilleri. Sahibi footer HTML'i olarak
   belirlendi (m2404 karari (b)) - ayni kurali iki katmanda tutmuyoruz.
   KAPSAM DISI (bilerek): 768-1023px tablet duzeni. Ayri bir tur.
   ========================================================================== */

/* Ust bant rengi yalniz ana sayfada kurumsal lacivertti; diger sayfalarda
   temanin #24272d grisi kaliyordu. Kapsam genisletiliyor, kalinliga
   dokunulmuyor - mobilde tema zaten 0px'e indiriyor. */
#header {
  border-top-color: var(--ks-navy) !important;
}

@media (max-width: 767px) {
  /* --- HESAP PANELI ---
     Kapaliyken sifir yukseklikte olmali; style.css:2464 height:40 +
     :3581 padding-top:9 + :3537 margin-right:4%!important birlesince
     panel hem sola kayiyor hem kapaliyken serit birakiyordu. */
  #header #divMemberPanel.welcome {
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    height: 0;
    min-height: 0;
    box-sizing: border-box;
  }
  #header #divMemberPanel.welcome.active {
    height: auto;
    min-height: 44px;
    padding: 0 10px;
  }
  /* Gorunmeyen giris alanlari display ile ACILMIYOR; yalnizca gorunur
     baglantilarin dokunma hedefi 44px'e cikariliyor. */
  #header #divMemberPanel.welcome .headerHesabim,
  #header #divMemberPanel.welcome .headerCikis,
  #header #divMemberPanel.welcome .headerUyeGiris a,
  #header #divMemberPanel.welcome .headerUyeOl a {
    padding: 0;
    min-height: 44px;
    line-height: 44px;
    vertical-align: top;
  }

  /* --- SEPET IKONU ---
     :2444 mobil kuralini :2822/:2885 masaustu ikon+padding eziyor,
     :2843 top:55 de mobile siziyor. .mycartClick davranisina ve
     checkout baglantisina/JS'e DOKUNULMUYOR. */
  #header .mycart {
    top: 10px;
    right: 5px;
  }
  #header .mycart > a {
    padding: 0;
    border: 0;
    margin: 0;
  }
  #header .mycart > a::before,
  #header .mycart > a::after {
    display: none;
  }
  #header .mycart .sepetUrunSayisi {
    position: static;
  }

  /* --- BOLUM BASLIGI / "Tumunu goruntule" ---
     Satir ici absolute + bottom:10 baslik uzerine biniyordu; normal akisa
     aliniyor. Yanlis href="/" bir ICERIK sorunudur, CSS ile duzelmez. */
  .html-context .tumunu-goruntule {
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 36px;
    margin: 0 10px 10px;
  }
}

/* ==========================================================================
   SON — kurumsal tema katmanı
   ========================================================================== */