@charset "UTF-8";
@import url(bootstrap.css);
@import 'normalize.css';
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext');
:root {--theme-color: #616c70; }
.afterClear, .gridLeft:after, .listAdd:after, .gender:after { clear: both; display: table; content: ""; }
* { margin: 0; outline: 0; padding: 0; font-weight: normal; }
body { background: #fff; color: #000; font-family: 'Roboto', sans-serif !important; font-weight: normal; margin: 0; padding: 100px 0 0 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; }
#yorumYaz .frmUrunDetayYorumYaz #selectCity{height:auto;}
*, *: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%; }
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: var(--theme-color); 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; }
.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; }
.headerContent #store_region_container { position: absolute; top: 5px; }
.headerContent #store_region_container a { color: #fff; }
.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; }
/* ============ ol,ul reset ============ */
.ProductList ul{margin: 0;padding: 0;list-style: none;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul, .blogCenter ol{padding: revert; margin: revert;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .store ul{padding: 0;margin: 0;list-style: none;}
#footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 0;}
.bottomHead ul{margin: 0;list-style: none;padding: 0;}
.breadList ul{list-style: none;padding: 0;margin: 0;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.CartProduct ul {list-style: none; padding: 0; margin: 0; }
.welcome ul {margin: 0;list-style:none;padding: 0;}
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;}
.urunOzellik .urunTab ul {padding: 0;margin: 0;list-style: none;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
.mBread ul {list-style: none;padding: 0;margin: 0;}
.categorydesign ul,.categorydesign ol{padding: revert;margin: revert;}
.GuvenList ul{list-style: none;}
/* ============ */
.homeContainer .centerCount .jCarouselLite { padding: 0; }
.homeContainer .leftBlock { display: none !important; }
.homeContainer .rightBlock { display: none !important; }
.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: 20px; }
.jCarouselLite .productItem, .jCarouselLite2 .productItem { float: left; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.JKatAdi { margin: 13px 0 0 !important; float: left; width: 100%; }
.detaySliderContainer .bold { float: left; width: 100%; text-align: left; }
.detaySliderContainer .bold .satir1 { font-size: 22px; color: var(--theme-color); line-height: 75px; font-weight: bold; text-transform: uppercase; }
.jCarouselLite .owl-carousel { padding: 40px 20px 35px; background: #fff; border: 1px solid #e1e1e1; }
.owl-nav { position: absolute; left: 10px; right: 10px; top: 42%; }
.ProductListprev { float: left; font-size: 0; width: 35px; height: 35px; background: #fff; border-radius: 100%; border: 1px solid #e3e3e3; text-align: center; cursor: pointer; position: absolute; left: 0; }
.ProductListnext { float: right; font-size: 0; width: 35px; height: 35px; background: #fff; border-radius: 100%; border: 1px solid #e3e3e3; text-align: center; cursor: pointer; position: absolute; right: 0; }
.ProductListprev:after { content: '\f053'; font-family: 'FontAwesome'; font-size: 9px; color: #acacac; line-height: 35px; }
.ProductListnext:after { content: '\f054'; font-family: 'FontAwesome'; font-size: 9px; color: #acacac; line-height: 35px; }
.ProductListprev:hover { background: var(--theme-color); border-color: var(--theme-color); }
.ProductListprev:hover:after { color: #fff; }
.ProductListnext:hover { background: var(--theme-color); border-color: var(--theme-color); }
.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: var(--theme-color); }
/* ================================================== */ /* Ü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; }
.iletisimForm .row .span.iletisimBtn { width: auto; }

@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İ */ /* ================================================== */
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; overflow: hidden; }
.taksitMain { margin: 0 -5px; }
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; padding: 0 5px; margin-bottom: 10px; }
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img { vertical-align: top; }
.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: 19%; }
/* ================================================== */ /* 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: var(--theme-color); }
.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: var(--theme-color); }
.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; }
/* ================================================== */ /* 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: 10px; font-size: 12px !important; color: #5f5f5f; transition: 0.3s; background-color: #fff; }
ul.KatMenu1 > li:hover > a { color: var(--theme-color) !important; transition: 0.3s; }
ul.KatMenu1 > li > ul > li > a { text-indent: 10px; }
ul.KatMenu1 > li > ul > li:hover > a { color: #fff !important; background-color: var(--theme-color); 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: var(--theme-color); 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: var(--theme-color) !important; }
.body.sepetimBody .basketCompletebtn,.basketCompletebtn { background: var(--theme-color) !important; }
.OdemeMenu ul li.activeMenu { border-color: var(--theme-color) !important; }
.OdemeMenu ul li:hover { border-color: var(--theme-color) !important; }
.baglanButton { background: var(--theme-color); border-color: var(--theme-color); }
.baglanButton:hover { background: transparent; color: var(--theme-color); }
.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 { max-width: 100%; clear: both; position: relative; text-align: center; height: 100px; margin: 0 20px; }
.headerContent:before, .headerContent:after { content: " "; display: table; }
.headerContent:after { clear: both; }
.ticiContainer { width: 1240px; max-width: 1240px !important; clear: both; margin: 0 auto; }
.ticiContainer:before, .ticiContainer:after { content: " "; display: table; }
.ticiContainer:after { clear: both; }
.centerCount { padding: 0; }
.centerCount .OzelBlokIcerik { margin-bottom: 0 !important; }
.categoryContainer .leftBlock { padding-left: 0; margin-top: 30px; min-width: 25%; float: left; padding-right: 20px; }
.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 .flex-direction-nav .flex-prev:before, #pnlSlider .flex-direction-nav .flex-next:before { font-size: 0; }
#pnlSlider { float: left; width: 925px; position: relative; margin-right: 19px; }
#pnlSlider img { display: block; width: 100%; margin: 0 auto; }
#pnlSlider .flex-control-nav { left: 0; bottom: 20px; width: 100%; display: none; }
#pnlSlider .flex-direction-nav { position: absolute; left: 0; width: 100%; top: 50%; }
#pnlSlider .flex-direction-nav .flex-prev { left: 40px; border-radius: 100%; background: #fff; width: 60px; height: 60px; float: left; opacity: 1; font-size: 0; text-align: center; }
#pnlSlider .flex-direction-nav .flex-next { right: 40px; border-radius: 100%; background: #fff; width: 60px; height: 60px; float: left; opacity: 1; font-size: 0; text-align: center; }
#pnlSlider .flex-direction-nav .flex-next:before { content: '\f054'; font-family: 'FontAwesome'; font-size: 14px; line-height: 60px; color: #acacac; }
#pnlSlider .flex-direction-nav .flex-prev:before { content: '\f053'; font-family: 'FontAwesome'; font-size: 14px; line-height: 60px; color: #acacac; }
#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 */ /* ================================================ */ /* ================================================ */ /* ! VITRIN URUNLERI */ /* ================================================ */
.ProductListContent { margin-left: -10px; margin-right: -10px; }
.ProductList { }
.ProductListContent .productItem { margin-bottom: 40px; 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: 0; clear: both; margin: 8px 0; text-align: center; }
.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: normal; color: var(--theme-color); font-weight: 500; text-align: left; 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: var(--theme-color); font-weight: 600; text-align: left; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; }
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;}
.productItem .productImage a { display: block; position: relative; height: 100%; top: 0; left: 0; text-align: center; align-items: center; width: 100%; padding-bottom: 150%; }
.productItem .productIconWrap { overflow: hidden; width: 100%; padding: 0; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 150%; }
.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; margin: 0 auto; float: left; position: relative; }
.productModuleItem2 .modulediscount, .productModuleItem2 .discountPrice, .productModuleItem .modulediscount, .productModuleItem .discountPrice, .productItem .modulediscount, .productItem .discountPrice { display: inline-block; }
.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: 600; color: var(--theme-color); font-size: 20px; }
.productModuleItem2 .moduleregular, .productModuleItem2 .regularPrice, .productModuleItem .moduleregular, .productModuleItem .regularPrice, .productItem .moduleregular, .productItem .regularPrice { display: inline-block !important; float: left; margin-top: 7px; }
.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: normal; color: #666; font-size: 12px; text-decoration: line-through; margin-right: 12px; }
.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; }
/* ================================================ */ /* ! URUN ICONLARI */ /* ================================================ */
.productStokKodu, .productSatisBirimi { text-align: left; margin: 5px 0; float: left; width: 100%; }
.urunListStokUyari, .urunListSonUrun { position: absolute; top: 109px; background: #000; left: 0; right: 0; text-align: center; color: #fff; height: 30px; line-height: 30px; margin: auto; width: max-content; max-width: max-content; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 10px; top: 0; bottom: 0; margin: auto; z-index: 8; }
.productItem:hover .urunListStokUyari, .productItem:hover .urunListSonUrun { display: none; }
.productOnYazi { text-align: left; max-height: 32px; overflow: hidden; float: left; width: 100%; margin: 5px 0; }
.productPoints { text-align: left; }
div.productOnYazi * { font-size: 13px; color: #a1a1a1; line-height: 16px; font-weight: normal; background-color: transparent; }
.newIcon { position: absolute; text-align: center; left: 0; top: 0; background: var(--theme-color); color: #fff; font-size: 12px; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; z-index: 8; }
.discountIcon { position: absolute; text-align: center; right: 0; top: 0; background: var(--theme-color); color: #fff; font-size: 13px; font-weight: 500; width: 45px; height: 25px; line-height: 25px; overflow: hidden; z-index: 8; }
.cargoIcon { position: absolute; text-align: center; right: 0; top: 0; background: var(--theme-color); color: #fff; font-size: 12px; font-weight: 500; padding: 0 7px; overflow: hidden; line-height: 30px; z-index: 8; }
.IndirimliUrun .cargoIcon { top: 35px; }
.cargoIcon .fa { line-height: 30px; font-size: 15px; }
.StokYok .cargoIcon { top: 0; }
.StokYok.IndirimliUrun .cargoIcon { top: 35px; }
.itemCategory { display: none !important; }
.favori { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; margin: auto; height: 35px; width: 35px; }
.mycartIcon { opacity: 0; position: absolute; left: 20%; top: 40%; z-index: 8; height: 35px; top: 0; bottom: 0; margin: auto; display: none; }
.examineIcon { opacity: 0; position: absolute; right: 20%; top: 0; z-index: 8; bottom: 0; height: 35px; margin: auto; }
.favori a { display: inline-block; font-size: 0; width: 35px; height: 35px; border-radius: 100%; background: var(--theme-color); float: left; }
.mycartIcon a { display: inline-block; font-size: 0; width: 35px; height: 35px; border-radius: 100%; background: var(--theme-color); float: left; }
.examineIcon a { display: inline-block; font-size: 0; width: 35px; height: 35px; border-radius: 100%; background: var(--theme-color); float: left; }
.examineIcon a:hover, .mycartIcon a:hover, .favori a:hover { background: #000; }
.StokYok .examineIcon a, .StokYok .mycartIcon a, .StokYok .favori a { display: none !important; }
.mycartIcon a:after { content: "\f217"; font-family: FontAwesome; font-size: 16px; color: #fff; line-height: 35px; }
.favori a:after { content: "\f004"; font-family: FontAwesome; font-size: 16px; color: #fff; line-height: 35px; }
.examineIcon a:after { content: "\f002"; font-family: FontAwesome; font-size: 16px; color: #fff; line-height: 35px; }
.mycartIcon a span { display: none; }
.TukendiIco { position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 9; padding-bottom: 150%; height: 0; }
.TukendiIco span { display: inline-block; color: #000; font-size: 15px; background: #E8E7E7; padding: 0 30px; line-height: 40px; border-radius: 0; top: 0; bottom: 0; margin: auto; position: absolute; left: 0; right: 0; max-width: max-content; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-height: max-content; height: max-content; width: max-content; height:40px;}
.productItem:hover .productPrice { opacity: 1; }
.productItem:hover .favori { opacity: 1; }
.productItem:hover .mycartIcon { opacity: 1; display: block; }
.productItem:hover .examineIcon { opacity: 1; }
.ozelFirsat { position: absolute; left: 0; top: 50%; background-color: #f0f0f0; display: inline-block; z-index: 99; padding: 5px; font-size: 12px; font-weight: 500; z-index: 8; }
.ozelAlan1 { position: absolute; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; bottom: 0; top: auto; left: 0; right: 0; z-index: 8; }
.ozelAlan2 { position: absolute; left: 0; top: 60%; background-color: #f0f0f0; display: inline-block; padding: 5px; font-size: 12px; font-weight: 500; z-index: 8; }
.firsatIcon { display: block !important; position: absolute; text-align: center; left: 0; top: 10px; background: #3fc327; color: #fff; font-size: 12px; z-index: 2; font-weight: 500; padding: 0 7px; height: 30px; line-height: 30px; overflow: hidden; border-radius: 0; z-index: 8; }
.YeniUrun .firsatIcon { top: 35px; }
.StokYok .favori { display: none !important; }
body .quickViewIco { top: calc(50% + 80px); z-index: 8; }
.quickViewIco a { padding: 0; line-height: 30px; display: block; width: max-content; max-width: max-content; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 10px; border-radius: 5px; margin: 0 auto; }
/* ================================================ */ /* ! 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,.KasaOnuFirsatlarContent ul li p { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.KasaOnuFirsatlarContent ul li span + span,.KasaOnuFirsatlarContent ul li p + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* ================================================ */ /* ! KATEGORİ SAYFASI */ /* ================================================ */
#divSayfalamaUst { float: left; width: 100%; margin-top: 0 !important; margin-bottom: 12px; }
#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: auto; position: relative; background: #fff; padding-bottom: initial; overflow: hidden; width: 15%; border-bottom: 0; float: left; margin-right: 20px; }
.ProductList.pr_hrz .productItem .productDetail { float: left; background: transparent; height: auto; width: auto; max-width: 80%; }
.ProductList.pr_hrz .productItem .cargoIcon { display: none; }
.ProductList.pr_hrz .productItem .discountIcon { display: none; }
.ProductList.pr_hrz .productItem .newIcon { display: none; }
.ProductList.pr_hrz .productItem .productName { margin: 10px 0; }
.ProductList.pr_hrz .productItem .productImage a:after { display: none; }
.ProductList.pr_hrz .productItem .productPrice { display: block; }
.ProductList.pr_hrz .productItem .examineIcon { display: none !important; }
.ProductList.pr_hrz .productItem .mycartIcon { display: none !important; }
.ProductList.pr_hrz .productItem .favori { display: none !important; }
.ProductList.pr_hrz .productItem .firsatIcon { display: none !important; }
.ProductList.pr_hrz .productItem .ozelAlan1 { display: none !important; }
.ProductList.pr_hrz .productItem .ozelAlan2 { display: none !important; }
.ProductList.pr_hrz .productItem .urunListStokUyari, .ProductList.pr_hrz .productItem .urunListSonUrun { display: none !important; }
body .ProductList.pr_hrz .productItem .quickViewIco { display: none !important; }
.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; display: none; }
/*kategori navigasyonu*/
.categoryTitle { float: left; width: 100%; }
.categoryTitle .bold { float: left; width: 100%; text-align: left; }
.categoryTitle .bold .satir1 { font-size: 22px; color: var(--theme-color); line-height: 75px; font-weight: bold; text-transform: uppercase; }
.leftBlock .JKatAdi { margin: 29px 0 !important; }
.leftBlock .categoryTitle .bold { overflow: hidden; height: auto; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: var(--theme-color); 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: var(--theme-color); }
.categoryTitleText { display: inline-block; float: left; width: 100%; border: 1px solid #e1e1e1; padding: 0; padding: 0 20px; }
.breadList.breadActive { display: none !important; }
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto; display: block !important; padding: 0; border-radius: 0; float: none; list-style: none; }
body ul.breadcrumb * { color: #000; font-size: 12px !important; line-height: 50px !important; float: left; font-weight: normal; }
body ul.breadcrumb li { font-size: 0 !important; float: none !important; vertical-align: middle; }
body ul.breadcrumb li:after { content: '/'; display: inline-block; margin: 0 5px; color: #000; font-size: 12px; line-height: 50px; float: left; font-weight: normal; }
body ul.breadcrumb li:nth-child(1) a:before { content: '\f041'; font-family: 'FontAwesome'; float: left; font-size: 15px; line-height: 50px; float: left; margin-right: 10px; font-weight: 300; }
body ul.breadcrumb li:nth-last-of-type(1):after { display: none; }
/*kategori gizlenenler*/
.KategoriFilitrelemeContent .Block_Title { display: none; }
#mainHolder_divUstMarkaListesi { display: none; }
/*kategori filtrelemeler*/
.brandlistselectionBottom { display: none !important; }
.categoryTitle { float: left; width: 100%; }
.pageNumber { float: left; width: 100%; text-align: center; margin: 30px 0; }
.pageNumber .pageBorder { display: inline-block; }
.pageNumber a { display: inline-block; float: left; border-radius: 0px; width: 30px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; color: #5f5f5f; border: 1px solid #e1e1e1; border-radius: 0; margin: 0 5px; }
.pageNumber a:hover { background-color: #5f5f5f; color: #ffffff; border: 1px solid #5f5f5f; }
.pageNumber a.SelectedSayfa { background-color: var(--theme-color); color: #ffffff; border: 1px solid var(--theme-color); }
.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; }
/*.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: 20px; top: auto; z-index: 9999999; bottom: 60px; }
#back-to-top a { font-size: 35px; color: var(--theme-color); display: inline-block; }
#back-to-top a:hover { color: #888; }

.cloudzoom-blank > div:last-child { display: none !important; }
.productDetailContainer .centerCount { padding: 0; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMain .ProductDetailMainRow { margin: 40px 0 0; }
.ProductDetailMain .leftImage { width: 390px; float: left; margin-bottom: 20px; padding: 0 20px 0 0; }
.ProductDetailMain .RightDetail { width: 850px; float: left; margin-bottom: 20px; padding: 0 0 0 20px; position: relative; }
.markaresmi { }
.markaresmi img { max-height: 50px; }
.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%; }
.ProductDetailMain .SmallImages > div { float: left; width: 23.8%; margin-right: 1.2%; cursor: pointer; margin-bottom: 1.2%; }
.ProductDetailMain .SmallImages > div:nth-child(4n+1) { clear: both; }
.ProductDetailMain .SmallImages > div img { width: 100%; display: block; }
.ProductDetailMain .ProductName { float: left; width: 100%; margin: 10px 0 0; }
.ProductDetailMain .ProductName * { font-size: 18px; line-height: 1.2; color: #000; letter-spacing: 0; margin-bottom: 0; font-weight: 500; margin: 0; }
.ProductDetailMain .ProductName h1 > span:first-child { width: 100%; float: left; }
#divUrunKodu { font-size: 14px !important; margin: 10px 0 0; float: left; clear: both; }
#divUrunKodu:before { content: 'Stok Kodu :'; font-size: 14px !important; margin-right: 5px; font-weight: 600; color: #666; }
.ProductDetailMain .PriceList { float: left; width: 100%; margin: 10px 0 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; position: relative; }
.ProductDetailMain #divTedarikci, .ProductDetailMain .puanVer { float: left; width: 100%; margin: 10px 0 0; }
.PuanVerSag { float: left; line-height: 19px; margin-left: 10px; font-weight: 700; }
#PuanVer { float: left; font-size: 0; }
ul.rating li i.starItem { font-size: 14px !important; }
#divFiyatAlanlari { position: relative; float: left; clear: both; }
#divFiyatAlanlari:after { clear: both; display: table; content: ""; }
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi, #divIndirimOrani { float: left; clear: left; margin-top: 10px; line-height: 14px; }
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line, #divIndirimOrani .left_line { display: inline-block; vertical-align: top; color: #666; font-size: 14px; font-weight: 600; line-height: 14px; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line { display: inline-block; vertical-align: top; color: #666; font-size: 14px; font-weight: 600; line-height: 14px; }
#divMarka .right_line, #divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line, #divIndirimOrani .indirimliOrani, #divIndirimOrani .indirimliOrani * { display: inline-block; vertical-align: top; color: #666; font-size: 14px; font-weight: 400; line-height: 14px; width: auto; }
#divMarka .left_line, #divMarka .center_line { display: none; }
#divTaksitAciklama { float: left; clear: both; color: #000; font-size: 14px; font-weight: 400; line-height: 14px; margin: 10px 0 0; }
.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: 40px; color: #fff; text-transform: uppercase; }
.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani { background-color: var(--theme-color); font-weight: 600; font-size: 15px; color: #fff; line-height: 40px; padding: 0 15px; border-radius: 0; text-transform: uppercase; }
.ProductDetailMain #pnlFiyatlar { float: left; clear: both; width: 100%; margin: 20px 0 0; }
.ProductDetailMain #pnlFiyatlar * { }
.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: #959595 !important; font-weight: 700; }
.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 0; }
.ProductDetailMain #divOnyazi * {}
#divMinMaksAlim { margin: 10px 0 0; float: left; clear: both; }
.ProductDetailMain .indirimliFiyat * { font-size: 30px !important; color: var(--theme-color) !important; font-weight: 700; float: left; line-height: 1; }
.ProductDetailMain .indirimliFiyat .spanKdv { font-size: 12px !important; margin-top: 14px; margin-left: 9px; }
#divKDVDahilFiyat * { line-height: 25px; }
#kdvliFiyat * { font-size: 30px !important; color: #959595 !important; font-weight: 700; }
.ProductDetailMain .IndirimliFiyatContent * { }
.ProductDetailMain .PiyasafiyatiContent .spanKdv { color: #959595 !important; margin-left: 10px; font-size: 12px; line-height: 1; }
.ProductDetailMain .PiyasafiyatiContent .spanFiyat { color: #959595 !important; text-decoration: line-through; font-size: 20px; line-height: 1; }
.ProductDetailMain #divIndirimsizFiyat { width: 100%; margin-bottom: 10px; float: left; }
.ProductDetailMain #divKDVDahilFiyat { width: 100%; }
.ProductDetailMain #divUrunEkSecenek { float: left; width: 100%; margin: 20px 0 0; }
.ProductDetailMain #divUrunEkSecenek .left_line { color: #000; font-size: 13px; width: 100%; font-weight: 600; display: inline-block; float: left; line-height: 13px; text-transform: uppercase; margin-bottom: 15px; }
.ProductDetailMain #divUrunEkSecenek .center_line { display: none; }
.ProductDetailMain #divUrunEkSecenek .right_line { float: left; }
.ProductDetailMain #divUrunEkSecenek .right_line select { float: left; height: 40px; width: 272px; }
.ProductDetailMain .eksecenekLine { float: left; width: 100%; margin: 10px 0; }
.ProductDetailMain .size_box { min-width: 50px; height: 40px; line-height: 40px; border-radius: 0; padding: 0 5px; cursor: pointer; position: relative; float: left; margin-right: 10px; margin-bottom: 10px; text-align: center; color: #000; font-size: 13px; border: 1px solid #e0e0e0; display: block; border-radius: 0; }
.resimlivaryasyon .size_box { padding: 0; }
.ProductDetailMain .size_box img { width: 100%; height: 38px; display: block; }
.ProductDetailMain .size_box:hover { background: var(--theme-color); color: #fff; border-color: var(--theme-color); }
.ProductDetailMain .size_box.selected { background: var(--theme-color); color: #fff; border-color: var(--theme-color); }
.ProductDetailMain .size_box.nostok { background: #f1f1f1; color: #000; }
.ProductDetailMain .size_box.nostok:before { content: ''; top: 50%; left: 0; background: var(--theme-color); height: 1px; width: 100%; position: absolute; transform: 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; }
.ProductIcon { float: left; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e1e1e1; }
.ProductIcon div { float: left; margin: 0; width: 33.3333333%; text-align: left; padding: 10px 0; }
.ProductIcon div:last-child { margin: 0; }
.ProductIcon .box1 { padding: 0; overflow: hidden; cursor: pointer; box-shadow: none; min-width: auto; background: 0 0; font-size: 12px; font-weight: 400; display: block; text-align: left; color: #666; line-height: 35px; }
.ProductIcon .box1 i { font-size: 15px; margin-left: 0; line-height: 33px; color: #b2b2b2; width: 35px; height: 35px; margin: 0; border: 1px solid #eee; border-radius: 0; text-align: center; display: inline-block; vertical-align: top; margin-right: 10px; }
.ProductIcon .box1 i:before { line-height: 33px; }
.ProductIcon .box1:hover { color: var(--theme-color); }
.ProductIcon .box1:hover i:before { color: var(--theme-color); }
.ProductDetail .product-social-icon-wrapper { display: block !important; width: auto !important;float:right; margin-right: 0 !important; margin-top:20px;}
.ProductDetail .product-social-icon-wrapper { }
.ProductDetail .product-social-icon-wrapper .PaylasTit { float: left; font-size: 12px !important; color: #666 !important; 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 !important; }
.ProductDetail .product-social-icon-wrapper li a i { font-size: 14px !important; line-height: 18px; margin-right: 0 !important; color: #a6a6a6 !important; }
#divAdetCombo { float: left; width: 140px; margin-right: 0; }
#divSatinAl { float: left; width: 100%; margin-bottom: 30px; margin: 20px 0 0; }
#divSatinAl .buyfast { float: left; width: calc(50% - 85px); margin-left: 10px; }
#divSatinAl .buyfast input { height: 46px; width: 100%; text-align: center; letter-spacing: .5px; padding: 0; text-align: center; color: #fff; font-size: 16px; background: var(--theme-color); border: none; font-weight: 600; text-transform: uppercase; border-radius: 0; }
#divSatinAl .buyfast input:hover { background: #7e7e7e; }
#divSatinAl .BasketBtn { float: left; width: 100%; }
#divSatinAl .BasketBtn .Basketinp { float: left; width: 150px; margin-right: 0; }
.pSatisBirimi { font-weight: 700; margin-bottom: 10px; float: left; width: 100%; font-size: 14px; color: var(--theme-color); }
#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; margin-left: 25%; }
#divSatinAl .BasketBtn .Basketinp .riUp { z-index: 1; 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: 44px; }
#divSatinAl .BasketBtn .Basketinp .riDown { z-index: 1; 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: calc(50% - 85px); margin-left: 10px; }
#divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input { height: 46px; width: 100%; text-align: center; padding: 0 !important; letter-spacing: .5px; font-weight: 600; text-align: center; color: #fff; font-size: 16px; background: var(--theme-color); border: none; text-transform: uppercase; border-radius: 0; }
#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: .5px; padding: 0 20px; text-align: center; color: #fff; font-size: 20px; background: var(--theme-color) !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; margin: 0; cursor: pointer; text-align: center; text-align-last: center; padding: 0; text-indent: 0; font-size: 16px; font-weight: 700; }
.ProductIcon2 { float: left; width: 100%; margin: 20px 0 0; }
.ProductIcon2 .clear { clear: none; }
.ProductIcon2 > div { float: left; }
.ProductIcon2 > div > a { float: left; font-size: 12px; text-transform: uppercase; margin-right: 10px; padding: 0 18px; line-height: 31px; background: #f5f5f5; color: #000; width: 100%; }
.ProductIcon2 > div > a:before { font-family: fontawesome; font-size: 16px; line-height: 31px; margin-right: 7px; vertical-align: top; font-weight: 300; }
.ProductIcon2 > div.YorumYazbtnContent > a:before { content: '\f040'; }
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before { content: '\f164'; }
.ProductIcon2 > div.hidden-phone > a:before { content: '\f02f'; }
.ProductIcon2 > div > a:hover { color: #fff; }
.socialButons { float: left; width: 100%; }
.socialButons > div { float: left; margin-right: 5px; }
.urunOzellik { width: 100%; float: left; margin-bottom: 40px; padding: 0; margin-top: 30px; }
.urunTab { float: left; width: 100%; }
.urunTab ul { float: left; width: 100%; text-align: center; background: #f5f5f5; }
.urunTab ul li { display: inline-block; padding: 0; border-bottom: 2px solid transparent; margin: 0 10px; }
.urunTab ul li a { display: block; text-transform: uppercase; text-align: center; font-size: 15px; color: #707070; font-weight: 600; line-height: 50px; }
.urunTab ul li a span { font-weight: 600; }
.urunTab ul li:last-child a { border-right: 0; }
.urunTab ul li:last-child { margin-right: 0; }
.urunTab ul li a:hover { color: var(--theme-color); border-color: var(--theme-color); }
.urunTab ul li.active { border-color: var(--theme-color) !important; }
.urunDetayPanel { float: left; width: 100%; padding: 0; font-size: 13px; line-height: 1.3; color: #666; }
.urunDetayPanel .yorumlarItem { background-color: #eee; border-bottom: 3px solid #a09b98; padding: 16px; line-height: 26px; 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; border-bottom: 1px solid #e1e1e1; }
.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; }
/*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: var(--theme-color); 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: #000000; }
.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: inline-block!important; width: auto; clear: initial;}
.OzelBlokIcerik .Block_Text { display: inline-block!important; width: auto; }
.OzelBlokIcerik .Block_Text img { width: 100%; display: block; }
.OzelBlokIcerik .Block_Text .ban { margin-bottom: 20px; }
.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; }
#ulMarkaSliderTemplateData { float: left; width: 100%; padding: 30px 5px !important; }
#ulMarkaSliderTemplateData .owl-nav { left: auto; right: 0; top: -55px; }
#ulMarkaSliderTemplateData .ProductListprev { position: static; margin-right: 15px; }
#ulMarkaSliderTemplateData .ProductListnext { position: static; }
/* ================================================ */ /* ! 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: var(--theme-color); border: 1px solid var(--theme-color); 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: #fff; opacity: 0; transition: ease .3s all; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; }
#header.active { opacity: 1; }
#header:before, #header:after { content: " "; display: table; }
#header:after { clear: both; }
.homeHeader { margin-bottom: 19px; }
#lang_flag_container { left: auto !important; position: relative !important; top: auto !important; right: auto !important; float: right; margin: 0 10px 0 0px; border-left: 1px solid #959595; }
#langHover { padding: 6px 9px !important; }
#lang-detail { left: auto !important; right: 0 !important; top: 100% !important; }
#langHover.white { background: transparent !important; }
#lang { padding: 0 0 0 25px !important; }
#lang span { font-weight: normal; color: #000; font-size: 14px; white-space: nowrap; }
#logo { text-align: center; display: inline-table; }
#logo a { display: table-cell; vertical-align: middle; }
#logo a img { max-width: 100%; display: block; max-height: 90px; }
.uyeGirisUyeAdi { display: none; }
.welcome { position: relative; float: right; }
.welcome .uyeGirisWelcome { display: none; }
.welcome ul li { float: left; }
.welcome .headerUyeGiris a, .welcome .headerUyeOl a, .welcome .headerHesabim, .welcome .headerCikis { font-size: 14px; display: inline-block; color: #000; font-weight: normal; line-height: 26px; position: relative; float: left; border-right: 1px solid #959595; padding: 0 10px; }
.welcome .headerHesabim:before { content: '\f007'; font-family: 'FontAwesome'; font-size: 18px; color: var(--theme-color); float: left; line-height: 24px; margin-right: 8px; font-weight: 300; }
.welcome .headerUyeGiris a:before { content: '\f007'; font-family: 'FontAwesome'; font-size: 18px; color: var(--theme-color); float: left; line-height: 24px; margin-right: 8px; font-weight: 300; }
.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: var(--theme-color); }
.usernav { display: none; }
.favicon { position: relative; float: right; padding: 0 10px; }
.favicon a { color: #000; font-size: 14px; font-weight: normal; line-height: 26px; }
.favicon a i { color: var(--theme-color); font-size: 20px; margin-right: 9px; font-weight: 300; display: inline-block; vertical-align: middle; }
.SliderYan { float: left; width: 293px; margin: 0; }
.SliderYan > div { margin-bottom: 20px; float: left; }
.SliderYan > div:last-child { margin-bottom: 0; }
#divIcerik.margin { }
.Instagram { float: left; width: 100%; margin-bottom: 40px; }
.Instagram .instagramtext { float: left; width: 100%; }
.Instagram .instagramtext .titleText { font-size: 22px; color: #2b2b2b; line-height: 75px; font-weight: bold; text-transform: uppercase; float: left; }
.Instagram .instagramtext .itakip { float: right; line-height: 75px; }
.Instagram .instagramtext .itakip a { background: #fff; line-height: 40px; padding: 0 20px; border-radius: 20px; border: 1px solid #e1e1e1; display: inline-block; color: #acacac; font-size: 13px; font-weight: 600; }
.Instagram .instagramBolumu { float: left; width: 100%; }
.Instagram .instagramBolumu .blokRow { float: left; width: 100%; }
.Instagram .instagramBolumu .blokRow .dortluBlok { float: left; width: 12.5%; }
/*Header Menu*/
.navigation { }
.navigation .HeaderMenu2 { float: left; position: relative; }
.navigation .HeaderMenu2 > li { display: none; }
.navigation .HeaderMenu2 > li:nth-child(1) { display: block; margin-right: 20px; float: left; }
.navigation .HeaderMenu2 > li:nth-child(2) { float: left; position: relative; display: block; }
.navigation .HeaderMenu2 > li:nth-child(2) > a { width: 150px; padding: 0; line-height: 48px; color: #000; font-size: 18px; display: block; font-weight: bold; -webkit-font-smoothing: antialiased; text-transform: uppercase; border-radius: 0; border: 1px solid #959595; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.navigation .HeaderMenu2 > li:nth-child(2) > a:before { content: '\f0c9'; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px; display: inline-block; vertical-align: top; line-height: 48px; }
.navigation .HeaderMenu2 > li ul { position: absolute; display: none; left: 0; top: 100%; width: 250px; z-index: 99; background: #fff; padding: 0; }
.navigation .HeaderMenu2 li:hover > ul { display: block; }
.navigation .HeaderMenu2 > li > ul { padding: 25px 0 0 0; }
.navigation .HeaderMenu2 > li > ul:before { content: '\f0d8'; position: absolute; left: 20px; top: 8px; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 25px; float: left; line-height: 1; font-weight: 700; }
.navigation .HeaderMenu2 > li > ul li { position: relative; border-bottom: 1px solid #ebebeb; background: #fff; }
.navigation .HeaderMenu2 > li > ul li:hover > ul { display: block; left: 100%; top: 0; position: absolute; padding-left: 10px; background: transparent; }
.navigation .HeaderMenu2 > li > ul li a { display: block; color: #5f5f5f; font-weight: normal; font-size: 12px; line-height: normal; text-align: left; padding: 0 25px; line-height: 40px; position: relative; }
.navigation .HeaderMenu2 > li > ul li.ulVar > a:after { display: inline-block; font-family: 'FontAwesome'; font-size: 7px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; right: 15px; top: 0; }
.navigation .HeaderMenu2 > li > ul > li:hover { background: var(--theme-color); }
.navigation .HeaderMenu2 > li > ul > li:hover > a { color: #fff; }
.navigation .HeaderMenu2 > li > ul li ul { width: 250px; }
.navigation .HeaderMenu2 > li > ul li ul:before { content: '\f0d9'; font-family: 'FontAwesome'; color: var(--theme-color); font-size: 25px; position: absolute; left: 2px; top: 10px; font-weight: 700; }
.navigation .HeaderMenu2 > li > ul li ul li { border: none; }
.navigation .HeaderMenu2 > li > ul li ul li a { display: block; color: #2b2b2b; font-weight: normal; font-size: 12px; line-height: normal; text-align: left; padding: 0 30px; line-height: 40px; position: relative; }
.navigation .HeaderMenu2 > li > ul li ul > li:hover > a { color: var(--theme-color); }
.navigation .HeaderMenu2 > li:nth-child(1) > a { font-size: 0; background: transparent; border: 1px solid #959595; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; }
.navigation .HeaderMenu2 > li:nth-child(1) > a:before { content: '\f015'; font-family: 'FontAwesome'; font-size: 18px; color: #000; margin-right: 0; }
/*Sepet*/
.mycart { float: right; position: relative; margin-left: 10px; }
.mycart > a { display: block; color: #000; text-align: center; padding-left: 24px; width: 130px; height: 50px; border: 1px solid #959595; }
.mycart > a:before { float: left; display: inline-block; content: "\f290"; width: 23px; height: 48px; margin-right: 10px; font-family: 'FontAwesome'; font-weight: 300; line-height: 48px; font-size: 25px; }
.mycart .sepetTecxt { display: inline-block; font-size: 14px; margin-top: 0; font-weight: 500; line-height: 48px; float: left; }
.mycart .sepetTecxt .fa { display: none; }
.mycart .sepetUrun { display: none; }
.mycart .sepetUrunSayisi { display: inline-block; text-align: center; color: #fff; font-size: 12px; font-weight: 500; line-height: 23px; width: 20px; height: 20px; position: absolute; left: -10px; top: 15px; border-radius: 100%; background: var(--theme-color); }
.mycart .sepetTopTutar { display: none !important; }
.mycart > a:hover:after { color: var(--theme-color); }
@media(min-width: 768px){
    .mycart:hover .CartProduct { visibility: visible; opacity: 1; top: 130%; }
}
.sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; }
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { display: block !important; width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
.CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
.CartProduct ul { padding: 0; margin: 0; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
.CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .SepetTopAdet { }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 400; }
.CartProduct .SProduct li a .fa-times:before { content: '\f1f8'; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
.CartProduct .SPrice li { font-size: 0; }
.CartProduct .SPrice li span { float: left; color: #444; font-size: 14px; text-transform: uppercase; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
.CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #434343; }
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; background: var(--theme-color); border-color: var(--theme-color); }
.CartProduct.more .SPrice { display: block; }
.CartProduct.more .Title { display: block; }
.CartProduct.more .cart-footer { display: block; }
.CartProduct.more .headerCartBtn { display: block !important; }
.CartProduct.more .headerOrderBtn { display: block !important; }
.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }
.sepetimBody .searchContent { }
/*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: inline-block; z-index: 9999; width: 42.2%; margin-left: 20px; }
.searchContent .ButtonMic { display: none !important; }
.searchContent #txtbxArama { float: left; width: 100%; font-weight: 300; height: 50px; color: #959595; font-size: 13px; border: 1px solid #959595; padding: 0 60px 0 10px; background: #fff; border-radius: 0; -webkit-appearance: none; }
.searchContent #btnKelimeAra { cursor: pointer; position: absolute; border: none; right: 0; top: 0; width: 55px; line-height: 50px; background: url(images/searchicon.png) no-repeat center center transparent; color: #000; font-size: 0; border-radius: 0; -webkit-appearance: none; }
.searchContent #txtbxArama::-webkit-input-placeholder { color: #959595; }
.searchContent #txtbxArama:-moz-placeholder { color: #959595; }
.searchContent #txtbxArama::-moz-placeholder { color: #959595; }
.searchContent #txtbxArama:-ms-input-placeholder { color: #959595; }
.searchContent #txtbxArama:focus { color: #959595; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
/* ================================================ */ /* ! FOOTER */ /* ================================================ */
.ebultenBolumu { float: left; width: 100%; margin-top: 25px; background: url('/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; border-radius: 5px; }
#divNewsLetter #btnMailKaydet { position: absolute; background: var(--theme-color); right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; border-radius: 0 5px 5px 0; }
#divNewsLetter .newsbutton { position: absolute; background: var(--theme-color); right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; }
.footerTopTutucu { background-color: #fff; padding: 35px 0 35px 0; margin-top: 20px; }
.footerGenelTutucu { float: left; width: 100%; background: #000; }
.footerGenelTutucu:after { clear: both; display: table; content: ""; }
.footerBankaTutucu { float: left; width: 100%; background: #000; border-top: 1px solid #3b3b3b; 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; }
.footerTopTutucu .footerSosyalMedya a:hover { color: var(--theme-color); }
.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: #fff; font-size: 14px; font-weight: 500; margin-bottom: 15px; display: block; }
.footerGenelTutucu .dortluAltBlok ul { }
.footerGenelTutucu .dortluAltBlok ul li { margin-bottom: 10px; }
.footerGenelTutucu .dortluAltBlok ul li a { display: inline-block; color: #c2c2c2; font-size: 12px; font-weight: 500; }
.footerGenelTutucu .dortluAltBlok ul li a:hover { text-decoration: underline; }
.footerGenelTutucu .dortluAltBlok span { display: inline-block; color: #c2c2c2; font-size: 12px; margin-bottom: 10px; }
#ticimaxCopyright { display: inline-block; margin: 0 !important; line-height: 45px !important; }
.userLoginBtn, .userSignBtn { border: 0 !important; }
.HeaderRight { float: right; display: flex; display: -webkit-flex; flex-direction: row-reverse; align-items: center; -webkit-flex-direction: row-reverse; -webkit-align-items: center; }

@media (max-width: 767px) {
    .ticiContainer, .headerContent { width: 100%; margin: 0 auto; height: auto; padding: 0 10px; }
    .slides { overflow: hidden; }
    .slides li a { margin-left: -35%; margin-right: -35%; 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: 5px; padding-right: 5px; }
    .ProductDetail .product-social-icon-wrapper { display: none !important; }
    .ProductIcon .UTelefonlaSiparis, .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 { }
    .urunOzellik > .mobilTab > ul > li { position: relative; background-color: transparent; border-bottom: 1px solid #e9e9e9; float: left; width: 100%; }
    .urunOzellik > .mobilTab > ul > li.active { background-color: #fff; }
    .urunOzellik > .mobilTab > ul > li > a:after { content: "\f107"; font-family: FontAwesome; font-size: 20px; position: absolute; right: 8px; top: 0; line-height: 50px; font-weight: 300; }
    .urunOzellik > .mobilTab > ul > li.active > a:after { content: "\f106"; }
    .urunOzellik > .mobilTab > ul > li > a { display: block; padding: 0; color: #000; font-size: 15px; line-height: 50px; font-weight: 700; text-transform: uppercase; position: relative; }
    .urunOzellik > .mobilTab > ul > li > a > span { font-weight: 700; }
    .urunOzellik > .mobilTab > ul > li.active > .urunDetayPanel { display: block !important; }
    .urunOzellik > .urunDetayPanel { background-color: #fff; float: none; border: 0; }
    .urunOzellik > .urunDetayPanel * { max-width: 100%; }
    .urunTabAlt { border: 0; }
    .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; }
    .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; height: auto; 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 !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 (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(max-width:767px) {
    #lang_flag_container { display: none !important; }
    body.topOverlay .searchContent { opacity: 1; top: 0; height: auto; }
    #txtbxArama { padding: 8px; border: 1px solid #efefef !important; width: 100%; border-radius: 0; box-shadow: none; -webkit-appearance: none; }
    #btnKelimeAra { display: none; }
    #header { background-color: #fff; position: relative; height: 65px; border-bottom: 1px solid #d9d9d9; width: 100%; border-top: none; margin: 0; }
    #header #logo { width: 40%; margin: 0 auto !important; display: table !important; text-align: center; float: none; padding: 0; 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; }
    .hText { display: none; }
    .favicon { display: none; }
    .SliderYan { width: 100%; }
    .SliderYan img { width: 100%; }
    .SliderYan > div { margin-bottom: 10px; padding: 0; }
    #pnlSlider { width: 100%; margin-right: 0; }
    #pnlSlider .flex-direction-nav .flex-next { width: 30px; height: 30px; right: 5px; }
    #pnlSlider .flex-direction-nav .flex-next:before { line-height: 30px; }
    #pnlSlider .flex-direction-nav .flex-prev { width: 30px; height: 30px; left: 5px; }
    #pnlSlider .flex-direction-nav .flex-prev:before { line-height: 30px; }
    #pnlSlider { margin-bottom: 10px; }
    .owl-carousel { padding: 0; border: 0; }
    .anasayfaBanner .col-sm-6 { padding: 0; }
    .anasayfaBanner .col-sm-4 { padding: 0; }
    .categoryTitle .bold .satir1 { font-size: 16px; }
    .owl-nav { right: 0; left: auto; }
    .Instagram .instagramtext .titleText { font-size: 16px; }
    .Instagram .instagramtext .itakip a { padding: 0 10px; font-size: 10px; }
    .Instagram .instagramBolumu .blokRow .dortluBlok { width: 50%; }
    .ProductListContent .productItem { margin-bottom: 5px; }
    .ProductListContent { margin-left: 0; margin-right: 0; }
    .row { margin: 0; }
    #divSatinAl .BasketBtn .Basketinp { width: 45%; }
    #divSatinAl .BasketBtn .basketBtn { width: 50%; }
    #divSatinAl .buyfast { width: 100%; }
    .ProductDetailMain .ProductDetailMainRow { margin-top: 0; }
    .ProductDetailMain #divIndirimOrani { position: static; margin-bottom: 10px; }
    .homeHeader { margin-bottom: 5px; }
}

@media(min-width: 768px) {
    .bottomHead { display: none; }
}
/*Fiyat Aralığı*/
body .leftBlock .slider-range { float: left; width: 100%; border: none; border-radius: 0; padding: 0; margin: 10px 0 20px 0; height: 5px; background: #eee; }
body .leftBlock .slider-range .ui-slider-range { height: 5px; background: #000; border-radius: 0; top: 0; margin: 0; }
body .leftBlock .slider-range .ui-slider-handle { width: 20px; height: 20px; border-radius: 100%; background: var(--theme-color); border: none; margin: 0; top: -8px; }
body .leftBlock .slider-range span:nth-child(2) { margin-left: 0; }
body .leftBlock .slider-range span:nth-child(3) { margin-left: -20px; }
body .leftBlock .amount { float: left; width: 100%; color: #000; font-size: 14px; text-align: left; margin-bottom: 20px; font-weight: 500; }
/*Fiyat Aralığı*/
.mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
body .productItem .divVideoPlayButton { position: absolute; margin: auto; overflow: hidden; height: 0; padding-bottom: 150%; top: 0; width: 100%; bottom: auto; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { color: #fff; float: left; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: 'FontAwesome'; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: 0; text-shadow: 0 0 4px #848484; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before { content: '\f28b'; }
.leftBlock .category-vertical-filters { float: left; width: 100%; border: none; border-radius: 0; overflow: hidden; margin: 0 0 20px; text-align: center; padding: 0; background: transparent; }
.leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0; width: 100%; text-align: left; border: none; margin: 0; background-color: transparent !important; }
.leftBlock .panel-heading a { display: block; line-height: 30px; font-size: 17px; color: #222222; font-weight: normal; padding: 0; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; }
.leftBlock .panel-search { float: left; width: 100%; margin-bottom: 15px; }
.leftBlock .panel-search input { padding: 0 10px !important; height: 40px; }
.leftBlock .category-vertical-filters > div { width: 100%; padding: 0; margin: 0; float: left; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; border: 1px solid #eee; padding: 20px 20px; }
.leftBlock .category-vertical-filters > div:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .panel.div-kategori { }
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading { }
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a:after { display: none; }
.leftBlock .category-vertical-filters .panel.div-kategori ul { }
.leftBlock .category-vertical-filters .panel.div-kategori ul li { margin-bottom: 0; width: 100%; }
.filterBlock .Block_Title { display: none !important; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li a { margin-bottom: 20px; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul { }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul a { }
.leftBlock .category-vertical-filters .panel.div-kategori ul a:hover { text-decoration: underline; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a { }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li { }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:last-child > a { margin: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding: 2px 0; margin: 0; width: 100%; top: 100%; display: block; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin: 0 0 15px; padding: 0; background-color: transparent; width: 100%; height: auto; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a { float: left; font-size: 14px; color: #000000; display: inline-block; line-height: 16px; font-weight: normal; white-space: nowrap; max-width: calc(100% - 26px); overflow: hidden; text-overflow: ellipsis; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover ul { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background-size: 16px 16px !important; background-position: 0 0 !important; background-repeat: no-repeat !important; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:nth-child(6n) { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a { padding-left: 26px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before { display: none !important; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected a:after { width: 16px; height: 16px; font-size: 12px; text-align: center; content: '\f00c'; font-family: 'FontAwesome'; color: #fff; display: inline-block; vertical-align: top; position: absolute; left: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-right: 10px; width: 16px; height: 16px; border: 1px solid #cbcbcb !important; border-radius: 0; background: #fff; display: inline-block !important; margin-top: 0; text-align: center; line-height: 11px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #cbcbcb !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: #000; font-size: 13px; font-weight: 400; line-height: 15px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #cbcbcb !important; background: #fff; content: '\f00c'; font-family: 'FontAwesome'; color: #000; font-size: 13px; font-weight: 400; line-height: 15px; }
.leftBlock .FiyatTextBox { float: left; width: 100%; margin-bottom: 20px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect { float: right; margin: 0 0 0 20px; background: 0 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a { background: 0 0; color: #999; padding: 0 5px; float: left; margin-left: 0; border: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i { font-size: 16px; float: left; line-height: 35px; font-family: fontawesome; font-weight: 600; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i { color: #000; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover { }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i { color: var(--theme-color); }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active { }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_3 { }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 { display: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 { display: none; }
.brandlistselection { float: left; width: 100%; margin-bottom: 10px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { float: left; width: 100%; z-index: 999; background-color: #fff; border: none; border-radius: 0; margin: 0; padding: 0; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: block; border: 0; padding: 10px; border: 1px solid #eee; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { float: left; font-weight: 400; border-radius: 0; padding: 0; border: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color: transparent; color: #000; font-size: 12px; border-radius: 0; padding: 0 15px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: 400; line-height: 35px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover { text-decoration: underline; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected { text-decoration: underline; color: var(--theme-color); background: #fff; }

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left; font-size: 12px; color: var(--theme-color); font-weight: 400; line-height: 35px; padding: 0; margin: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent; height: auto; padding: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }
body #divSayfalamaUst.Slct .blockSelect { float: right; margin: 0; display: block !important; padding: 0; }
body #divSayfalamaUst.Slct .blockSelect a { float: left; width: 40px; height: auto; margin: 0; padding: 0; text-align: center; border: none; background: #fff; display: block; margin-left: 10px; border: 1px solid #eee; }
body #divSayfalamaUst.Slct .blockSelect i { color: #c6c6c6; line-height: 40px; font-size: 18px; }
body #divSayfalamaUst.Slct .blockSelect a:hover { color: var(--theme-color); }
body #divSayfalamaUst.Slct .blockSelect a:hover i { color: var(--theme-color); }
body #divSayfalamaUst.Slct .blockSelect .sort_2 { display: none; }
body #divSayfalamaUst.Slct .blockSelect .sort_5 { display: none; }
body #divSayfalamaUst.Slct .blockSelect a.Active { color: var(--theme-color); }
body #divSayfalamaUst.Slct .blockSelect a.Active i { color: var(--theme-color); }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent { float: left; width: 100%; display: block; background: transparent; padding: 10px; border: 1px solid #eee; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { float: left; height: 40px; color: #252525; font-size: 14px; font-weight: normal; border: none; background: #fff; border-radius: 0; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 10px; border: 1px solid #eee; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { height: auto; padding: 0; border-radius: 0; background: transparent; float: left; margin-right: 20px; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet { margin: 0; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span { color: var(--theme-color); font-size: 12px; line-height: 40px; font-weight: normal; float: left; margin: 0; text-indent: 0; text-transform: capitalize; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { padding: 0; background: transparent; color: #252525; font-size: 14px; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span { line-height: 40px; font-weight: normal; display: inline-block; vertical-align: top; text-transform: capitalize; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before { content: ''; width: 15px; height: 15px; border: 1px solid #d1d1d1; border-radius: 3px; float: left; margin: 12px 10px 0 0; background: #fff; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before { background: var(--theme-color); border-color: var(--theme-color); }
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { display: none; }
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { display: none; }
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { display: none; }
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0 0 10px 0; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 10px 10px 0; height: auto; background: 0 0; border: 1px solid #ebecee; width: auto; border-radius: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet { display: none; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter:not(.FiltrelemeKaldir ) a { min-width: 32px; margin: 0; border: #ebecee; border-left: 1px solid #eee; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesome'; line-height: 32px; color: #252525; font-size: 12px; font-weight: 300; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a:hover i { color: var(--theme-color); }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #666; font-size: 12px; text-align: left; font-weight: 400; margin: 0; line-height: 32px; padding-left: 14px; padding-right: 21px; }
.filterColorBg { display: none !important; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: #666; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: 0 0; line-height: 1; margin: 0; padding: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 32px; font-weight: 400; font-size: 13px; text-align: center; margin: 0; width: 100%; color: #fff !important; background: var(--theme-color) !important; }
.AnasayfaTasarim { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.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: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%; }
.breadList { display: none !important; }
.logoArea { display: flex; display: -webkit-flex; padding: 0px; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; padding: 0; height: 100px; }
.logoArea .leftDiv { display: flex; width: calc(50% - 102.5px); flex: 0 0 calc(50% - 102.5px); justify-content: flex-start; -webkit-flex: 0 0 calc(50% - 102.5px); -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; }
.logoArea .centerDiv { display: flex; width: 205px; flex: 0 0 calc(205px); -webkit-flex: 0 0 calc(205px); justify-content: center; -webkit-flex: 0 0 calc(205px); -webkit-justify-content: center; }
.logoArea .rightDiv { display: flex; width: calc(50% - 102.5px); flex: 0 0 calc(50% - 102.5px); justify-content: flex-end; -webkit-flex: 0 0 calc(50% - 102.5px); -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; }
/*Galeri Modülü*/

.RightDetail .productItem .examineIcon, .RightDetail .productItem .favori, .RightDetail .productItem .mycartIcon, .RightDetail .productItem .ozelAlan1, .RightDetail .productItem .ozelAlan2 { display: none !important; }
#divOzelAlan1 { float: left; clear: both; font-size: 14px; line-height: 14px; margin: 10px 0 0 0; }
#divOzelAlan2 { float: left; clear: both; font-size: 14px; line-height: 14px; margin: 10px 0 0 0; }


@media (min-width:1042px) {
    .mobilMenu { display: none; }
    .breadList { display: none !important; }
    body #divSayfalamaUst .filterBlock { float: left; border: none; border-radius: 0; width: auto; }
    body #divSayfalamaUst .category-vertical-filters.top-filters { padding: 0; margin: 0; background: transparent; position: static; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel { margin: 0 19px 0 0; padding: 0; width: auto; position: relative; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter { min-width: 150px; margin-left: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; min-width: auto; border-right: none; background-color: transparent !important; border: 1px solid #eee; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after { }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 50px; padding-left: 15px; text-align: left; color: #000000; font-size: 13px; padding: 0 20px; font-weight: 500; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after { content: '\f107'; line-height: 48px; vertical-align: top; margin-left: 10px; position: static; color: #000000; font-size: 18px; font-family: 'FontAwesome'; font-weight: 300; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after { content: '\f106'; color: #000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li { float: left; text-align: left; margin: 0; width: 100%; padding: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a { line-height: 28px; font-size: 13px; color: #000000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover { text-decoration: underline; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul { display: block; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-top: 7px; display: inline-block; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { background: var(--theme-color); border-color: var(--theme-color); }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { background: var(--theme-color); border-color: var(--theme-color); }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a { color: #000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown { top: 100%; width: 250px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range { background: #dfdfdf; height: 5px; width: 100%; margin: 13px 0 5px 0px; border: none; float: left; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range { background: #262626; height: 4px; margin-top: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle { background: var(--theme-color); border-radius: 100%; width: 18px; height: 18px; border: none; margin-top: 0; margin-right: -4px; top: -7px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount { color: #262626; font-size: 14px; font-weight: 600; left: 0; padding: 5px 0 0; float: left; width: 100%; text-align: center; margin-bottom: 0; }
    .FiltreUst { display: none; }
    .tukgo { display: none; }
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */

@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol{width:100%;}
}
@media screen and (max-width: 1041px) {
    body.overflow { overflow: hidden; min-height: 100%; position: fixed; left: 0; right: 0; overflow: hidden; top: 0; }
    /******************************************************/
    .navigation { display: none; }
    .Linkmenu, .Linkmenu * { width: 100%; }
    #divSayfalamaUst .filterBlock { display: block !important; margin: 0; }
    .mobilMenuAcButton { display: block; }
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst { padding: 0; margin: 20px 0; width: 100%; border: none; background: transparent; position: relative; }
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button { padding: 0; margin: 0; color: #fff; width: calc(50% - 5px); line-height: 40px; background: var(--theme-color); display: inline-block; vertical-align: top; font-weight: 600; text-transform: capitalize; text-align: center; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn { float: left; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before { content: '\f15d'; font-family: FontAwesome; font-weight: 300; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 10px; }
    body .mobilFilterOpenBtn .button.mobilFilterBtn:before { content: '\f0b0'; font-family: FontAwesome; font-weight: 300; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 10px; }
    body .mobilFilterOpenBtn .button.mobilFilterBtn { float: right; }
    body .mobilFilterOpenBtn { margin: 0; padding: 0; display: block !important; }
    .categorydesign .uNo { float: right; color: #999a9d; font-size: 12px; }
    body #divSayfalamaUst .filterDeleteContent { display: none; }
    body #divSayfalamaUst.Slct .brandlistselection { position: absolute; left: 0; top: 0; width: calc(50% - 5px); background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent { width: 100%; display: block !important; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { width: 100%; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { width: 100%; height: 40px; font-size: 0; text-indent: 0; border: none; color: #000; font-weight: 500; min-width: auto; border-radius: 0; background: transparent; -webkit-appearance: none; -moz--appearance: none; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option { font-size: 14px; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) { display: none; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection { padding: 0; text-align: center; position: absolute; top: calc(100%); left: 0; right: 0; z-index: 25; border-bottom: none; background: #fff; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { display: none; padding: 0; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0 !important; width: 100%; border: 0; padding: 0 !important; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a { border: none; text-align: center; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span { line-height: 35px; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
    
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a:before{display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { border-bottom: 1px solid #e5e5e5; padding: 0px 0 !important; }
    
    body .category-vertical-filters.top-filters { display: block !important; width: 360px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 9999; background: #f3f5f8; margin: 0; padding: 0; border: none; transition: all .3s ease; overflow-y: auto; overflow-x: hidden; margin: 0 !important; }
    body .category-vertical-filters.top-filters ul { list-style: none; padding: 0; margin: 0; }
    body .filterBlock.active .category-vertical-filters.top-filters { right: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: #fff; margin-bottom: 10px; padding: 0 10px; position: relative; text-align: center; display: block; background: var(--theme-color); }
    body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt i { font-weight: 300; }
    body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: #fff; display: none; }
    body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
    body .category-vertical-filters.top-filters .FiltreUst a i { color: #fff; font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-left: 5px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { float: left; width: 100%; margin-bottom: 10px; position: relative; padding: 0 10px; display: block; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #262324; text-align: left; padding: 0 0 0 15px; background: #fff; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before { content: ''; float: right; width: 24px; max-height: 24px; position: absolute; top: 0; bottom: 0; right: 32px; border-radius: 100%; background: #c5c7c9; margin: auto 0; background: #fff; box-shadow: 0 0 2px 0 #999; z-index: 1; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after { content: ''; float: right; width: 40px; max-height: 16px; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 20px; background: #c5c7c9; margin: auto 15px auto 0; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before { right: 15px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: #39d662; }
    body .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; border: none; background: #fff; float: left; width: 100%; }
    body .category-vertical-filters.top-filters .panel .panel-heading a { float: left; width: 100%; text-align: left; color: #262324; font-weight: 500; font-size: 15px; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
    body .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0; color: #000; font-weight: 300; font-family: 'FontAwesome'; right: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { position: absolute; right: 40px; top: 0; bottom: 0; line-height: 50px; font-size: 15px; color: #000; display: block; }
    body .category-vertical-filters.top-filters .panel { float: left; width: 100%; margin-bottom: 10px; padding: 0 10px; }
    body .category-vertical-filters.top-filters .list-group.dropdown { border: none; position: static; box-shadow: none; padding-top: 0; }
    body .category-vertical-filters.top-filters .list-group.dropdown ul { margin-top: 0; }
    body .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin-right: 0; text-align: left; margin-bottom: 10px; }
    body .category-vertical-filters.top-filters .list-group.kategori li { margin: 0; }
    body .category-vertical-filters.top-filters .list-group.dropdown li a { color: #000; line-height: 16px; }
    body .category-vertical-filters.top-filters .list-group.kategori li a { line-height: 25px; }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 13px; color: #262324; font-weight: normal; float: left; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before { border-radius: 0; display: inline-block !important; width: 16px; height: 16px; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #000; background: #000; }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; height: auto; }
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; margin: 20px 0; }
    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent { display: none !important; }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before { display: none; }
    body .slider-range { margin: 0 0 15px 10px !important; width: calc(100% - 20px); }
    body .amount { padding: 0; }
    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; background: var(--theme-color); }
    .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: 500; 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: 360px; 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: 100%; 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: 1260px) and (max-width: 1400px) {
    .mycart .sepetTecxt { display: none; }
    .mycart > a { width: auto; padding-left: 10px; }
}

@media (min-width: 1042px) and (max-width: 1260px) { /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1000px !important; margin: 0 auto; }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList { max-width: 1000px !important; margin: 0 auto; }
    .sliderBannerContainer .ProductList { max-width: 1000px !important; margin: 0 auto; }
    .detaySliderContainer .ProductList { max-width: 1000px !important; margin: 0 auto; }
    .navigation .altMenu .altMenuler { max-width: 1000px !important; margin: 0 auto; }
    .markaSlider .jCarouselLite { max-width: 1000px !important; margin: 0 auto; }
    .searchContent { width: calc(100% - 220px); }
    .mycart .sepetTecxt { display: none; }
    .mycart > a { width: auto; padding-left: 10px; }
    .logoArea .rightDiv { -webkit-flex: calc(50% - 90px); width: calc(50% - 90px); flex: calc(50% - 90px); }
    .welcome .headerCikis { display: none; }
    .welcome .headerUyeOl a { display: none; }
    .logoArea .centerDiv { -webkit-flex: 180px; width: 180px; flex: 180px; }
    .logoArea .leftDiv { -webkit-flex: calc(50% - 90px); width: calc(50% - 90px); flex: calc(50% - 90px); }
    .welcome .headerHesabim:before { margin: 0; display: inline-block; vertical-align: top; float: none; }
    .welcome .headerUyeGiris a, .welcome .headerUyeOl a, .welcome .headerHesabim, .welcome .headerCikis { }
    .favicon a i { margin: 0; }
    .favicon a { }
    .navigation .HeaderMenu2 > li:nth-child(2) > a { width: 100px; font-size: 15px; }
    .leftBlock { display: block !important; }
    .leftBlock .panel-heading a { font-size: 14px; line-height: 30px; margin-bottom: 15px; }
    body .blockSelect .sort_4 { display: none !important; }
    .ProductDetailMain .leftImage { width: 40%; padding: 0; margin: 0; }
    .ProductDetailMain .RightDetail { width: 60%; float: left; padding: 0 0 0 20px; }
    .leftImage .owl-carousel { margin: 0; padding: 0; border: 0; }
    #pnlSlider { width: 747px; }
    .SliderYan { width: 234px; }
}



@media (min-width: 768px) and (max-width: 1041px) { /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 720px !important; margin: 0 auto; }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList { max-width: 720px; margin: 0 auto !important; }
    .sliderBannerContainer .ProductList { max-width: 720px; margin: 0 auto !important; }
    .detaySliderContainer .ProductList { max-width: 720px; margin: 0 auto !important; }
    .navigation .altMenu .altMenuler { max-width: 720px; margin: 0 auto !important; }
    .markaSlider .jCarouselLite { max-width: 720px; margin: 0 auto !important; }
    #divIcerik.homepage { margin: 0 auto; }
    .mobilMenuAcButton { float: left; color: #000; font-size: 30px; }
    .mobilMenuAcButton span { display: block; font-size: 11px; }
    body .mobilFilterOpenBtn .button { width: calc(50% - 10px) !important; }
    .categoryContainer .centerCount { padding: 0 !important; overflow: hidden; margin: 0; width: 100%; }
    .categoryContainer .leftBlock { display: none; }
    body #divSayfalamaUst { margin-top: 20px !important; }
    .ProductIcon div { width: 50%; }
    .searchContent { width: calc(100% - 80px); }
    .mycart .sepetTecxt { display: none; }
    .mycart > a { width: auto; padding-left: 10px; }
    .logoArea .rightDiv { -webkit-flex: calc(50% - 75px); width: calc(50% - 75px); flex: calc(50% - 75px); }
    .welcome .headerCikis { display: none; }
    .welcome .headerUyeOl a { display: none; }
    .logoArea .centerDiv { -webkit-flex: 0 0 calc(150px); width: 150px; flex: 150px; -webkit-flex: 150px; }
    .logoArea .leftDiv { -webkit-flex: calc(50% - 75px); width: calc(50% - 75px); flex: calc(50% - 75px); }
    .welcome .headerHesabim:before { margin: 0; display: inline-block; vertical-align: top; float: none; }
    .welcome .headerUyeGiris a, .welcome .headerUyeOl a, .welcome .headerHesabim, .welcome .headerCikis { font-size: 0; }
    .favicon a i { margin: 0; }
    .favicon a { font-size: 0; }
    .ProductDetailMain .leftImage { width: 40%; padding: 0; margin: 0; }
    .ProductDetailMain .RightDetail { width: 60%; float: left; padding: 0 0 0 20px; }
    .leftImage .owl-carousel { margin: 0; padding: 0; border: 0; }
    #divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input, #divSatinAl .buyfast input { font-size: 13px; }
    #pnlSlider { width: 536px; }
    .SliderYan { width: 165px; }

}

@media (max-width: 480px) {
    .newIcon { width: 30px; height: 20px; line-height: 20px; left: 0; top: 0; font-size: 10px; }
    .IndirimliUrun.StokYok .cargoIcon { top: 0; }
    .firsatIcon { line-height: 20px; font-size: 9px; height: 20px; left: 0; padding: 0 2.5px; }
    .YeniUrun .firsatIcon, .IndirimliUrun .cargoIcon { top: 25px; }
    .cargoIcon { line-height: 20px; font-size: 9px; height: 20px; right: 0; padding: 0 2.5px; }
    .discountIcon { width: 30px; height: 20px; line-height: 20px; right: 0; top: 0; font-size: 10px; }
    .urunListStokUyari, .urunListSonUrun { line-height: 25px; height: 25px; font-size: 10px; }
    .TukendiIco span { padding: 0 10px; line-height: 25px; height: 25px; font-size: 12px; }
    .ozelAlan1 { padding: 0 10px; line-height: 25px; font-size: 10px; white-space: nowrap; overflow: hidden; width: 100%; }
}
/* Mobil Ekran */

body #header .stories.carousel {float:right;width:auto;margin: 0;}
body #header .stories.carousel .story {display: inline-block;width: 40px;max-width: 40px;vertical-align: top;margin: 0;}
body #header .stories.carousel .story > .item-link > .item-preview {display: block;box-sizing: border-box;font-size: 0;max-height: 40px;height: 40px;overflow: hidden;transition: transform .2s;display: block;box-sizing: border-box;font-size: 0;transition: transform .2s;background: url(../Default/images/instagramborder.png);background-size: contain;padding: 3px;background-repeat: no-repeat;}
body #header .stories.carousel .story > .item-link > .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 99999px; }
body #header .stories.carousel .story > .item-link > .info{display:none;}

@media(max-width:767px) {
    body #header .stories.carousel{margin: 0;position: absolute;right: 78px;bottom:auto;top:12px;}
}
@media screen and (max-width: 767px) {
    #divIcerik.homepage { margin: 0 auto; }
    #divArama:before { display: none; }
    body.sepetimBody { padding-top: 0; }
    /*header click button*/
    .mycart { top: 10px; right: 5px; width: 15px; height: 15px; z-index: auto; }
    .mycart .sepetUrunSayisi { background: #000; color: #fff; 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: var(--theme-color); }
    .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 { 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: 51px; padding: 0; overflow: visible; width: 100%; left: 0; right: 0; display: block; border-bottom: 1px solid #eee; }
    .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: 50px; 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: 60px; height: 100%; right: 10px; top: 10px; line-height: 30px; 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: var(--theme-color); 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; height: 30px; }
    .ButtonMic { right: 40px; height: 40px; }
    /*hosgeldin div*/
    .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: var(--theme-color); 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; }
    body .category-vertical-filters.top-filters { width: 85%; height: calc(100% - 50px); box-shadow: none; border: none; }
    body ul.breadcrumb { white-space: nowrap; position: relative; width: 100%; }
    body ul.breadcrumb.zindex { z-index: -1; pointer-events: none; }
    body ul.breadcrumb:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; content: ''; display: block; }
    body ul.breadcrumb li:nth-child(1) a:before { display: none; }
    body ul.breadcrumb:before { content: '\f015'; font-family: 'FontAwesome'; font-weight: 300; line-height: 40px; margin-right: 5px; display: inline-block; vertical-align: top; float: left; }
    body ul.breadcrumb * { line-height: 40px !important; font-size: 12px !important; max-width: 25px; text-decoration: none; letter-spacing: 0 !important; }
    body ul.breadcrumb li:not(:last-child):after { line-height: 40px; font-size: 12px !important; content: '...'; margin: 0; display: inline-block; vertical-align: top; }
    body ul.breadcrumb li { font-size: 0 !important; margin: 0 !important; margin-right: 5px !important; }
    body ul.breadcrumb li a { float: left; display: block; margin: 0 !important; float: left; text-indent: 0 !important; }
    body ul.breadcrumb li:last-child a span:after { display: none; }
    body ul.breadcrumb li:last-child { max-width: 90px; }
    body ul.breadcrumb li:last-child * { max-width: 100%; font-size: 12px !important; text-overflow: ellipsis; overflow: hidden; }
    body ul.breadcrumb li a span { font-size: 0 !important; margin: 0 !important; float: left; }
    body ul.breadcrumb li a span:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 14px !important; display: inline-block; vertical-align: top; line-height: 40px; font-weight: 300; float: left; }
    .categoryTitleText { position: relative; z-index: 99; padding: 0; border: 0; }
    .breadList { position: absolute; left: 0; right: 0; top: 0; background: #fff; padding: 10px 20px; z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); }
    .breadList.breadActive { display: block !important; }
    .breadList ul { list-style: none; }
    .breadList .mBread { float: left; width: 100%; }
    .breadList .mBread ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
    .breadList .mBread ul li { float: left; width: 100%; font-size: 0; display: block; margin-right: 0; line-height: 1; font-size: 0 !important; }
    .breadList .mBread ul li a { float: left; width: 100%; font-size: 11px !important; color: #454545 !important; padding: 5px 8px; position: relative; }
    .breadList .mBread ul li a:before { content: '\f148'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; left: -5px; top: 8px; transform: rotate(90deg); }
    .breadList .mBread ul li a span { font-weight: normal !important; line-height: 15px !important; font-size: 11px !important; }
    .breadList .mBread ul li ul { padding-left: 4px; }
    .breadList .mBread > ul > li > a span { font-weight: 600; }
    .breadList .clbtn { position: absolute; right: 5px; top: 10px; width: 30px; text-align: center; font-size: 18px; color: #000; z-index: 99; }
    body .mobilFilterOpenBtn .button { font-size: 13px; }
    body a#linkOncekiSayfa { display: none; }
    body .leftImage a#linkOncekiSayfa { position: absolute; top: 0; left: 0; width: 35px; background: #fff; text-align: center; font-size: 0 !important; font-family: 'FontAwesome'; color: #000; z-index: 5; line-height: 35px; display: block; }
    body .leftImage a#linkOncekiSayfa:before { content: '\f053'; font-size: 20px; display: inline-block; vertical-align: top; line-height: 35px; }
    .spanustSepetteUrunYok { font-size: 16px; margin: 20px 0 0 0; float: left; clear: both; text-align: center; width: 100%; font-weight: 900; color: var(--theme-color); }
    .spanustSepetteUrunYok:before { content: '!'; font-size: 50px; vertical-align: top; border: 1px solid; display: block; width: 100px; height: 100px; line-height: 98px; border-radius: 100%; margin: 0 auto; margin-bottom: 30px; }
    .categoryContainer .centerCount { margin-top: 10px; padding: 0; }
    #divSatinAl .BasketBtn .Basketinp .riUp .fa { line-height: 44px; }
    #divSatinAl .BasketBtn .Basketinp { width: 140px; margin: 0; }
    #divSatinAl .BasketBtn .basketBtn { width: calc(100% - 150px); }
    #divSatinAl .buyfast { width: 100%; margin: 10px 0 0 0; }
    #divSatinAl .BasketBtn .basketBtn .Addtobasket, #divSatinAl .BasketBtn .basketBtn input, #divSatinAl .buyfast input { margin: 0; }
    /*urun butonlari*/
    .ProductIcon { position: static; width: 100%; margin: 5px 0 0; float: left; padding: 5px 0; border: none; }
    .ProductIcon .box1 { font-size: 12px; width: 100% !important; line-height: 35px !important; text-align: left; border: none; border-radius: 0; }
    .ProductIcon .box1 i { float: left; line-height: 35px !important; width: 35px; height: 35px; margin-right: 5px; margin-bottom: 0; font-size: 15px; }
    .ProductIcon .box1 i:before { line-height: 35px; }
    .ProductIcon > div { float: left !important; width: 100% !important; margin: 5px 0 0 !important; max-width: 100% !important; padding: 0; }
    .ProductIcon > div > a { float: left; width: 100%; margin-bottom: 0; transition: all 0.2s ease; }
    .ProductIcon .box1:before { display: none !important; }
    #divSatinAl { margin-bottom: 0; }
    .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 .hidden-phone, .ProductIcon2 .YorumYazbtnContent { width: 100%; margin: 2.5px 0; }
    .pageNumber a { width: 25px; height: 25px; line-height: 23px; font-size: 13px; }
    .pageNumber { text-align: center; padding: 0; margin: 30px 0 0 0; }
    .categoryTitle .bold { padding-bottom: 23px; }
    .ProductListContent { margin: 0 -5px; }
    .productModuleItem2 .modulediscount span, .productModuleItem2 .discountPrice span, .productModuleItem .modulediscount span, .productModuleItem .discountPrice span, .productItem .modulediscount span, .productItem .discountPrice span { font-size: 15px; }
    .productModuleItem2 .moduleregular span, .productModuleItem2 .regularPrice span, .productModuleItem .moduleregular span, .productModuleItem .regularPrice span, .productItem .moduleregular span, .productItem .regularPrice span { margin-right: 5px; font-size: 12px; }
    .productModuleItem2 .moduleregular, .productModuleItem2 .regularPrice, .productModuleItem .moduleregular, .productModuleItem .regularPrice, .productItem .moduleregular, .productItem .regularPrice { margin-top: 3px; }
    .productModuleItem2 .modulename2 *, .productModuleItem2 .modulename *, .productModuleItem2 .productName *, .productModuleItem .modulename2 *, .productModuleItem .modulename *, .productModuleItem .productName *, .productItem .modulename2 *, .productItem .modulename *, .productItem .productName * { font-size: 13px; }
    .footerTopTutucu .footerSosyalMedya a { margin: 0 3px; }
    .productItem:hover .mycartIcon { display: none !important; }
    .productItem:hover .favori { display: none !important; }
    .productItem:hover .quickViewIco { display: none !important; }
    .productItem:hover .examineIcon { display: none !important; }
    #back-to-top a { font-size: 20px; }
    #back-to-top { bottom: 60px; right: 10px; }
    .ProductListprev { width: 30px; }
    .ProductListnext { width: 30px; }
    #mainHolder_divDesign .owl-dots { display: none !important; }
    .ProductIcon2 > div > a { margin: 0; }
    body { padding: 0; }
    body #mainHolder_divDesign .categoryTitle { padding: 0 !important; }
    #ticimaxCopyright { margin-bottom: 50px !important; }
    #divTicimaxCopyrightContent { float: left; width: 100%; }
    .homeContainer .ProductListContent .ProductList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #divAdetCombo { width: 140px; }
}
@media (min-width: 768px) and (max-width: 993px) {
        .sepetimBody { padding: 0 !important; }

}

/* =================================================================
   NOX-RV-SENTINEL-10041 · ADIM 1 — Tipografi & Buton Dili
   SADECE tema 10041 (TASLAK). Canliyi ETKILEMEZ.
   Geri almak: bu START..END arasini sil ve Kaydet.
   ================================================================= */
/* --- NOX-RV START --- */
:root { --nox-ink:#212121; --nox-accent:#212121; }

/* Basliklar + urun adlari: uppercase, letter-spacing, near-black */
h1, h2, h3,
.urunDetayName, .productName, .modulename, .modulename2,
.categoryTitle, .moduleTitle, .footerBaslik, .footerTitle {
  color: var(--nox-ink) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-weight: 500 !important;
}

/* Menu tipografisi */
.menuUstBolum a, .menu a, nav a {
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
}

/* Ana buton sinifi: keskin kose, uppercase, siyah zemin, genis padding */
.button, a.button {
  background: var(--nox-accent) !important;
  color: #fff !important;
  border: 1px solid var(--nox-accent) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  font-weight: 500 !important;
  padding: 14px 22px !important;
  transition: .25s ease !important;
}
.button:hover, a.button:hover {
  background: #fff !important;
  color: var(--nox-accent) !important;
}

/* Genel keskin kose (RV border-radius 0) */
.productItem, .productModuleItem, .productModuleItem2,
input, select, textarea, .box { border-radius: 0 !important; }

/* Adim 1 duzeltme: ikon/arama butonlari siyah kutu OLMASIN (RV: sade ikon) */
.button.icon, .ux-search-submit, #btnKelimeAra, .button.secondary.icon {
  background: transparent !important;
  color: var(--nox-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
}
.button.icon:hover, .ux-search-submit:hover, #btnKelimeAra:hover, .button.secondary.icon:hover {
  background: transparent !important;
  color: #000 !important;
  opacity: .7 !important;
}

/* =========== ADIM 2: Urun karti sadelestirme =========== */
/* Kart uzerindeki gereksiz ogeleri gizle (RV: yalniz gorsel+isim+fiyat) */
.productItem .productStokKodu { display: none !important; }   /* urun kodu VCNT... */
.productItem .examineIcon { display: none !important; }        /* "Urunu Incele" butonu */
.productItem .cargoIcon { display: none !important; }          /* "Ucretsiz Kargo" rozeti (mesaj ust duyuru barinda) */

/* Indirim rozeti: gri kutu -> sade near-black etiket (palet birligi) */
.discountIcon { background: var(--nox-ink) !important; border-radius: 0 !important; }
.discountIcon_s1 { font-size: 12px !important; letter-spacing: .03em !important; }

/* Urun adi sade + isim/fiyat arasi olculu nefes */
.productItem .productName, .productItem .productName a { font-weight: 500 !important; font-size: 13px !important; }
.productItem .productPrice { margin-top: 6px !important; }
.productItem .productPrice .discountPriceSpan { font-weight: 500 !important; }
/* ======================================================= */

/* =========== ADIM 3: PDP cekirdegi =========== */
/* Urun kodu + barkod PDP'de gizle (kart ile tutarli, RV sade) */
#divUrunKodu, #divBarkod { display: none !important; }

/* Beden Tablosu linki (beden secici altinda) */
.nox-size-chart-btn {
  display: inline-block; margin: 12px 0 2px; font-size: 12px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--nox-ink); border-bottom: 1px solid var(--nox-ink);
  padding-bottom: 2px; cursor: pointer; text-decoration: none; background: none;
}
.nox-size-chart-btn:hover { opacity: .6; }

/* Beden Tablosu pop-up */
.nox-sc-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.nox-sc-panel { background: #fff; max-width: 440px; width: 100%; box-shadow: 0 10px 40px rgba(0,0,0,.2); }
.nox-sc-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; border-bottom: 1px solid #ececec; }
.nox-sc-head span { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; color: var(--nox-ink); }
.nox-sc-close { font-size: 26px; line-height: 1; color: var(--nox-ink); text-decoration: none; }
.nox-sc-note { padding: 14px 22px 0; font-size: 12px; color: #888; }
.nox-sc-table { width: calc(100% - 44px); border-collapse: collapse; margin: 12px 22px; }
.nox-sc-table th, .nox-sc-table td { border: 1px solid #ececec; padding: 11px 12px; text-align: center; font-size: 13px; color: var(--nox-ink); }
.nox-sc-table th { text-transform: uppercase; letter-spacing: .05em; font-weight: 500; background: #fafafa; }
.nox-sc-table td:first-child, .nox-sc-table th:first-child { text-align: left; font-weight: 500; }
.nox-sc-foot { padding: 0 22px 20px; font-size: 12px; color: #888; line-height: 1.5; }
/* ============================================= */

/* ===== FAZ-1: Jost font + PDP accordion + guven bari ===== */
h1,h2,h3,.ProductName,.productName,.productName a,.modulename,.modulename2,
.menuUstBolum a,.menu a,nav a,.button,a.button,.categoryTitle,.moduleTitle,
.discountPriceSpan,.spanFiyat{ font-family:'Jost','Roboto',sans-serif !important; }

.nox-acc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;
  padding:14px 0;border-top:1px solid #e7e4de;border-bottom:1px solid #e7e4de;margin:14px 0 0;
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--nox-ink);background:none}
.nox-acc-btn .ico{transition:transform .25s}
.nox-acc-btn.nox-acc-open .ico{transform:rotate(180deg)}
#divOnyazi.nox-onyazi-collapsed{max-height:0;overflow:hidden;transition:max-height .35s ease}
#divOnyazi.nox-onyazi-collapsed.nox-open{max-height:6000px}

.nox-trust{border:1px solid #e7e4de;background:#faf9f6;padding:14px 16px;margin:16px 0 0}
.nox-trust .t-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--nox-ink)}
.nox-trust .t-cards{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0}
.nox-trust .t-card{border:1px solid #e7e4de;background:#fff;padding:5px 9px;font-size:11px;letter-spacing:.03em;color:#444}
.nox-trust .t-sec{margin-top:9px;font-size:12px;color:#6a675f;line-height:1.5}

/* Guven bari: gercek footer logolari */
.nox-trust .t-logos{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 0}
.nox-trust .t-logo{height:26px;width:auto;background:#fff;border:1px solid #e7e4de;padding:3px 6px;object-fit:contain}

/* ===== FAZ-1 QA: mobil bosluk/padding + dokunma hedefi rotuslari (09 Tem) ===== */
/* Guven bari: CTA'dan ayir + ic ritim + logolari sade tek strip (kutu/cerceve YOK) */
#noxTrust{ background:#fff; margin:0 0 16px; padding:16px; clear:both; }
#noxTrust .t-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin:12px 0 0; }
#noxTrust .t-logo{ height:22px; width:auto; background:none; border:0; padding:0; object-fit:contain; }
#noxTrust .t-sec{ margin-top:12px; }
/* Beden Tablosu linki: dokunma alani + dikey nefes */
.nox-size-chart-btn{ margin:12px 0 16px; padding:8px 0; }
/* Akordeon: daha dokunulur satir */
#noxAccBtn{ padding:16px 0; min-height:48px; }
/* Beden tablosu modal: buyuk kapat + ferah hucre */
.nox-sc-close{ min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; margin:-6px -8px 0 0; }
.nox-sc-table th, .nox-sc-table td{ padding:12px 14px; }

/* --- MOBIL (<=768px) --- */
@media(max-width:768px){
  #noxTrust{ margin:0 0 16px; padding:14px; }
  #noxTrust .t-logos{ display:grid; grid-template-columns:repeat(3,1fr); justify-items:center; align-items:center; gap:14px 10px; }
  #noxTrust .t-logo{ height:20px; }
  #noxTrust .t-sec{ font-size:12px; line-height:1.5; }
  .productItem .productName{ margin-top:12px; line-height:1.35; }
  .productItem .productPrice{ margin-top:6px; }
  .productItem{ padding-bottom:18px; }
  #btnHemenAl{ margin-top:10px; }
  .nox-sc-table{ margin:14px 22px; }
}

/* ===== FAZ-2: PLP filtre/siralama bari (09 Tem) ===== */
/* Native inline siralama linkleri gizle (SIRALA dropdown ile degistirildi) */
.sortingContent.nox-hidden-sort{ display:none !important; }
/* SIRALA dropdown */
.nox-sort{ position:relative; display:inline-block; vertical-align:middle; }
.nox-sort-btn{ display:inline-flex; align-items:center; gap:12px; background:#fff; border:1px solid #e5e5e5;
  border-radius:0; padding:10px 16px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--nox-ink); cursor:pointer; font-family:'Jost','Roboto',sans-serif; line-height:1; }
.nox-sort-btn:hover{ border-color:#c9c9c9; }
.nox-sort-ico{ font-size:9px; color:#999; transition:transform .2s; }
.nox-sort.open .nox-sort-ico{ transform:rotate(180deg); }
.nox-sort-menu{ position:absolute; top:calc(100% - 1px); left:0; min-width:210px; background:#fff;
  border:1px solid #e5e5e5; z-index:1500; display:none; box-shadow:0 8px 24px rgba(0,0,0,.08); }
.nox-sort.open .nox-sort-menu{ display:block; }
.nox-sort-item{ display:block; padding:12px 16px; font-size:13px; color:#666; text-decoration:none;
  letter-spacing:.02em; border-bottom:1px solid #f4f2ee; }
.nox-sort-item:last-child{ border-bottom:0; }
.nox-sort-item:hover{ background:#faf9f6; color:var(--nox-ink); }
.nox-sort-item.active{ color:var(--nox-ink); font-weight:500; }
/* Row1 dikey orta hiza (slider yamuklugu) */
.category-vertical-filters.top-filters{ align-items:center; }
/* Bar -> grid nefes + urun sayaci okunur */
.brandlistselection{ margin-bottom:26px; }
.FiltrelemeUrunAdet{ font-size:13px !important; color:#444 !important; letter-spacing:.02em; }
@media(max-width:768px){
  .nox-sort{ display:none; }
  .mobilSiralamBtn, .mobilFilterBtn{ border-radius:0 !important; border:1px solid #e0e0e0 !important; background:#fff !important; }
}
/* PDP CTA float -> trust bar arasi net gap (clearance) */
#divSatinAl{ margin-bottom:22px; }

/* ===== PDP Urun Detaylari: onemli hep gorunur + digerleri akordeon ===== */
.nox-details{ margin-top:4px; }
.nox-det-item{ border-top:1px solid #ececec; }
.nox-det-item:last-child{ border-bottom:1px solid #ececec; }
.nox-det-head{ display:flex; justify-content:space-between; align-items:center; padding:14px 2px;
  font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; color:var(--nox-ink); }
.nox-det-item.nox-det-static .nox-det-head{ cursor:default; }
.nox-det-ico{ font-size:11px; color:#999; transition:transform .25s; margin-left:12px; flex:0 0 auto; }
.nox-det-item.nox-det-open .nox-det-ico{ transform:rotate(180deg); }
.nox-det-body{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.nox-det-item.nox-det-static .nox-det-body{ max-height:none; }
.nox-det-inner{ padding:0 2px 16px; font-size:13px; line-height:1.6; color:#4d4a44; }
.nox-det-inner ul{ margin:2px 0 0 18px; }
.nox-det-inner li{ margin:5px 0; }
.nox-det-inner p{ margin:0 0 8px; }
.nox-det-inner strong{ color:var(--nox-ink); }

/* ===== FAZ-3: PDP ZARA-TARZI DUZEN (14 Tem) =====
   Yalniz urun detay sayfasi (body.nox-pdp JS ile eklenir).
   Iki kolon: galeri genis (sol) + buy box dar & STICKY (sag). */
@media(min-width:769px){
  body.nox-pdp .ProductDetailMainRow{
    display:flex !important; align-items:flex-start; gap:54px;
  }
  body.nox-pdp .leftImage{
    width:58% !important; max-width:58% !important; float:none !important; margin:0 !important; position:static !important;
  }
  body.nox-pdp .RightDetail{
    width:42% !important; max-width:42% !important; float:none !important; margin:0 !important;
    position:sticky; top:112px; align-self:flex-start;
  }
}

/* --- Stacked galeri: tum urun gorselleri alt alta buyuk (Zara) --- */
.nox-gallery{ display:flex; flex-direction:column; gap:10px; }
.nox-gallery img{ width:100%; height:auto; display:block; background:#f6f5f2; }
.leftImage.nox-gallery-on > .Images,
.leftImage.nox-gallery-on > .SmallImages,
.leftImage.nox-gallery-on > .videoGoruntuleme,
.leftImage.nox-gallery-on > .cloudzoom-blank{ display:none !important; }

/* --- Buy box tipografi (Zara: ince, uppercase, kucuk ad) --- */
body.nox-pdp .ProductName{ margin:0 0 14px !important; }
body.nox-pdp .ProductName h1,
body.nox-pdp .ProductName h1 span{
  font-size:19px !important; font-weight:400 !important; letter-spacing:.06em !important;
  line-height:1.45 !important; text-transform:uppercase !important; color:var(--nox-ink) !important;
}

/* --- Fiyat: buyuk near-black, "Fiyat :" etiketi gizli --- */
body.nox-pdp .PriceList{ margin:0 0 20px !important; }
body.nox-pdp .PriceList .lineTitle{ display:none !important; }
body.nox-pdp .PriceList .Formline{ border:0 !important; padding:0 !important; margin:0 !important; }
body.nox-pdp .PriceList .spanFiyat{ font-size:23px !important; font-weight:500 !important; color:var(--nox-ink) !important; letter-spacing:.01em; }
body.nox-pdp .PriceList .spanKdv{ font-size:12px !important; color:#9a9a9a !important; margin-left:7px; font-weight:400; }
body.nox-pdp .PriceList .indirimliFiyat{ display:inline-flex !important; align-items:baseline; float:none !important; }
/* Indirim (kampanya) gorunurse */
body.nox-pdp #divUrunKampanyaliFiyat .urunKampanyaFiyat{ font-size:23px; font-weight:600; color:#b23b3b; }
body.nox-pdp #divUrunKampanyaliFiyat .urunKampanyaIndirimOrani{ background:var(--nox-ink); color:#fff; font-size:11px; padding:2px 7px; margin-left:9px; letter-spacing:.05em; border-radius:0; }
body.nox-pdp .fiyatKdvHaric, body.nox-pdp .kdvHaricFiyat{ font-size:11px !important; color:#a5a5a5 !important; }

/* --- Beden secici (Zara/RV): etiket ustte, kutular satirda --- */
body.nox-pdp #divUrunEkSecenek{ margin:0 0 6px !important; padding:0 !important; border:0 !important; }
body.nox-pdp #divUrunEkSecenek .eksecenekLine{ display:block !important; margin:0 0 6px; }
body.nox-pdp #divUrunEkSecenek .center_line{ display:none !important; }
body.nox-pdp #divUrunEkSecenek .left_line{
  display:block !important; float:none !important; width:auto !important;
  font-size:11px !important; letter-spacing:.12em; text-transform:uppercase; color:#8a8a8a !important; margin:0 0 10px !important; font-weight:500 !important;
}
body.nox-pdp #divUrunEkSecenek .right_line{ display:flex !important; flex-wrap:wrap; gap:8px; float:none !important; width:auto !important; }
body.nox-pdp #divUrunEkSecenek .size_box{
  min-width:48px; height:44px; padding:0 13px; margin:0 !important; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #dcdcdc !important; background:#fff !important; color:var(--nox-ink) !important; font-size:13px; letter-spacing:.03em;
  border-radius:0 !important; cursor:pointer; transition:.18s ease; position:relative; line-height:1;
}
body.nox-pdp #divUrunEkSecenek .size_box:hover{ border-color:var(--nox-ink) !important; }
body.nox-pdp #divUrunEkSecenek .size_box.selected{ background:var(--nox-ink) !important; color:#fff !important; border-color:var(--nox-ink) !important; }
body.nox-pdp #divUrunEkSecenek .size_box.nostok{
  color:#c4c4c4 !important; border-color:#ededed !important; cursor:not-allowed; text-decoration:line-through; text-decoration-thickness:1px;
}
body.nox-pdp #divUrunEkSecenek .size_box .btnnostok{ position:absolute; left:0; top:calc(100% + 6px); white-space:nowrap; font-size:9px; line-height:1.2; text-decoration:none; z-index:2; }

/* --- Beden tablosu linki: kalem ikonu (RV) --- */
.nox-size-chart-btn::before{ content:"\270E"; margin-right:7px; font-size:13px; }

/* --- Satin alma butonlari: Sepete Ekle tam-genislik siyah, Hemen Al outline --- */
body.nox-pdp #divSatinAl{ margin:18px 0 20px !important; }
body.nox-pdp #divSatinAl .BasketBtn{ display:flex; flex-wrap:wrap; gap:10px; align-items:stretch; }
body.nox-pdp #divSatinAl .Basketinp{ flex:0 0 auto; margin:0 !important; }
body.nox-pdp #divSatinAl .basketBtn{ flex:1 1 auto; margin:0 !important; }
body.nox-pdp #divSatinAl .basketBtn .Addtobasket{
  width:100% !important; min-height:52px; background:var(--nox-ink) !important; color:#fff !important;
  border:1px solid var(--nox-ink) !important; letter-spacing:.14em !important; font-size:13px !important; border-radius:0 !important; cursor:pointer;
}
body.nox-pdp #divSatinAl .basketBtn .Addtobasket:hover{ background:#000 !important; }
body.nox-pdp #divSatinAl .buyfast{ flex:1 0 100%; margin:0 !important; }
body.nox-pdp #divSatinAl .buyfast .buyfastbutton{
  width:100% !important; min-height:50px; background:#fff !important; color:var(--nox-ink) !important;
  border:1px solid var(--nox-ink) !important; letter-spacing:.14em !important; font-size:13px !important; border-radius:0 !important; cursor:pointer;
}
body.nox-pdp #divSatinAl .buyfast .buyfastbutton:hover{ background:var(--nox-ink) !important; color:#fff !important; }
/* Adet stepper sade kutu */
body.nox-pdp #divSatinAl .Basketinp .riSingle{ display:inline-flex !important; align-items:center; border:1px solid #dcdcdc; height:52px; box-sizing:border-box; }
body.nox-pdp #divSatinAl #txtbxurunSiparisAdedi{ width:38px !important; text-align:center; border:0 !important; height:100% !important; background:#fff; font-size:14px; }
body.nox-pdp #divSatinAl .qtyPlus, body.nox-pdp #divSatinAl .qtyMinus{
  position:static !important; width:34px; height:100%; display:inline-flex !important; align-items:center; justify-content:center; color:var(--nox-ink) !important;
}
body.nox-pdp #divSatinAl .qtyMinus{ order:0; }
body.nox-pdp #divSatinAl #txtbxurunSiparisAdedi{ order:1; }
body.nox-pdp #divSatinAl .qtyPlus{ order:2; }

/* --- Model bilgisi (varsa; veri yoksa gorunmez) --- */
.nox-model{ font-size:12.5px; color:#6a675f; letter-spacing:.02em; margin:15px 0 0; line-height:1.5; }
.nox-model b{ color:var(--nox-ink); font-weight:500; }

/* --- Clutter gizle: bos puan/tahmini teslimat --- */
body.nox-pdp .RightDetail .puanVer{ display:none !important; }
body.nox-pdp #divTahminiTeslimatSuresi{ display:none !important; }

/* --- Alt ikon seridi sade --- */
body.nox-pdp .RightDetail .ProductIcon{ margin-top:8px !important; border-top:1px solid #ededed; padding-top:14px; }

/* --- Aciklama intro (accordion ustu, hep gorunur kisa metin) --- */
.nox-det-intro{ font-size:13px; line-height:1.7; color:#4d4a44; margin:2px 0 6px; }
.nox-det-intro p{ margin:0 0 9px; }

/* --- Mobil: tek kolon --- */
@media(max-width:768px){
  body.nox-pdp .ProductDetailMainRow{ display:block !important; }
  body.nox-pdp .leftImage, body.nox-pdp .RightDetail{ width:100% !important; max-width:100% !important; position:static !important; }
  body.nox-pdp .nox-gallery{ gap:6px; }
  body.nox-pdp .RightDetail{ margin-top:20px !important; }
  body.nox-pdp #divSatinAl .buyfast .buyfastbutton{ min-height:48px; }
}
/* ===== FAZ-3 SON ===== */


/* ===== FAZ-3 FIX-1: iki-kolon flex satiri duzelt + tab bolumu tam-genislik alta ===== */
@media(min-width:769px){
  body.nox-pdp .ProductDetailMainRow{ flex-wrap:wrap !important; justify-content:space-between !important; gap:0 !important; }
  body.nox-pdp .ProductDetailMainRow > .clear,
  body.nox-pdp .ProductDetailMainRow > .ResetClear,
  body.nox-pdp .ProductDetailMainRow > .middleBottomBlock{ flex:0 0 100% !important; width:100% !important; height:0 !important; margin:0 !important; }
  body.nox-pdp .leftImage{ flex:0 0 57% !important; width:57% !important; max-width:57% !important; }
  body.nox-pdp .RightDetail{ flex:0 0 40% !important; width:40% !important; max-width:40% !important; }
  /* Urun ozellik/yorum/odeme tab bolumu: iki kolonun ALTINDA tam genislik */
  body.nox-pdp #divUrunOzellikAlani{ flex:0 0 100% !important; width:100% !important; max-width:100% !important; order:9; margin-top:48px !important; }
}
/* ===== FAZ-3 FIX-1 SON ===== */


/* ===== FAZ-3 FIX-2: MOBIL galeri = yatay swipe carousel (Zara mobil) ===== */
@media(max-width:768px){
  body.nox-pdp .nox-gallery{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory; gap:8px !important; padding:0 0 10px; margin:0;
    scrollbar-width:none;
  }
  body.nox-pdp .nox-gallery::-webkit-scrollbar{ display:none; }
  body.nox-pdp .nox-gallery img{
    flex:0 0 87% !important; width:87% !important; height:auto; scroll-snap-align:start;
  }
  body.nox-pdp .nox-gallery img:last-child{ margin-right:13%; }
  /* Galeri sag kolon nefes: buy box galeriye yapisik olmasin */
  body.nox-pdp .RightDetail{ margin-top:22px !important; padding:0 2px; }
  /* Mobil pagination noktalari */
  .nox-gdots{ display:flex !important; justify-content:center; gap:6px; margin:12px 0 0; }
  .nox-gdots span{ width:6px; height:6px; border-radius:50%; background:#d5d5d5; transition:.2s; }
  .nox-gdots span.on{ background:var(--nox-ink); width:18px; border-radius:3px; }
}
/* Masaustunde noktalar gizli (dikey stack) */
@media(min-width:769px){ .nox-gdots{ display:none !important; } }
/* ===== FAZ-3 FIX-2 SON ===== */


/* ===== FAZ-3 FIX-3: MOBIL full-bleed carousel (Zara mobil: kenardan kenara) ===== */
@media(max-width:768px){
  body.nox-pdp .leftImage{ overflow:visible !important; }
  body.nox-pdp .ProductDetailMainRow{ overflow-x:clip; }
  body.nox-pdp .nox-gallery{
    width:100vw !important; margin-left:50% !important; transform:translateX(-50%) !important;
    gap:0 !important; padding:0 !important;
  }
  body.nox-pdp .nox-gallery img{ flex:0 0 100vw !important; width:100vw !important; height:auto; }
  body.nox-pdp .nox-gallery img:last-child{ margin-right:0 !important; }
  .nox-gdots{ margin:14px 0 0 !important; }
}
/* ===== FAZ-3 FIX-3 SON ===== */


/* ===== FAZ-3 FIX-4: ZARA-EXACT (Helvetica tipografi + hairline cizgiler + mobil stacked + sabit alt bar) ===== */
/* Zara fontu = Helvetica Now Text -> sistemde Helvetica Neue/Helvetica/Arial. PDP buy box + galeri + alt bar */
body.nox-pdp .RightDetail, body.nox-pdp .RightDetail *,
body.nox-pdp .nox-model, body.nox-pdp .nox-details, body.nox-pdp .nox-details *,
body.nox-pdp #noxStickyBar, body.nox-pdp #noxStickyBar *{
  font-family:"Helvetica Neue","Helvetica","Arial",sans-serif !important;
}
/* Ad: 15px ince uppercase, normal spacing (Zara birebir) */
body.nox-pdp .ProductName{ margin:0 0 12px !important; }
body.nox-pdp .ProductName h1, body.nox-pdp .ProductName h1 span{
  font-size:15px !important; font-weight:300 !important; letter-spacing:0 !important; line-height:1.6 !important;
}
/* Fiyat: kucuk weight 400 (Zara 13px/300; okunurluk icin 15/400) + hairline alt cizgi */
body.nox-pdp .PriceList{ padding:0 0 15px !important; border-bottom:1px solid #eaeaea !important; margin:0 0 15px !important; }
body.nox-pdp .PriceList .spanFiyat{ font-size:15px !important; font-weight:400 !important; letter-spacing:0 !important; }
body.nox-pdp .PriceList .spanKdv{ font-size:11px !important; color:#9a9a9a !important; }
body.nox-pdp #divUrunKampanyaliFiyat .urunKampanyaFiyat{ font-size:15px; font-weight:500; }
/* BEDEN etiketi + kutular ince, normal spacing */
body.nox-pdp #divUrunEkSecenek .left_line{ font-size:11px !important; font-weight:300 !important; letter-spacing:.02em !important; color:#9a9a9a !important; }
body.nox-pdp #divUrunEkSecenek .size_box{ font-size:13px !important; font-weight:300 !important; letter-spacing:0 !important; min-width:44px; height:42px; }
/* Butonlar: 13px, ince, normal spacing (Zara) */
body.nox-pdp #divSatinAl .Addtobasket, body.nox-pdp #divSatinAl .buyfastbutton{
  font-weight:400 !important; letter-spacing:.03em !important; font-size:13px !important; min-height:48px;
}
/* Akordeon basliklari: 11px ince uppercase (Zara section head) */
body.nox-pdp .nox-det-head{ font-size:11px !important; font-weight:300 !important; letter-spacing:.04em !important; padding:15px 2px !important; }
body.nox-pdp .nox-det-inner{ font-size:12.5px !important; font-weight:300 !important; color:#555 !important; }
body.nox-pdp .nox-det-intro{ font-size:12.5px !important; font-weight:300 !important; color:#555 !important; }
/* Guven bari ince */
body.nox-pdp #noxTrust .t-title{ font-weight:300 !important; letter-spacing:.04em !important; font-size:11px !important; }
body.nox-pdp #noxTrust .t-sec{ font-size:11px !important; font-weight:300 !important; }
/* Model satiri ince */
body.nox-pdp .nox-model{ font-weight:300 !important; }

/* --- MOBIL: carousel -> STACKED (Zara: gorseller alt alta) full-bleed --- */
@media(max-width:768px){
  body.nox-pdp .nox-gallery{
    flex-direction:column !important; flex-wrap:nowrap !important; overflow:visible !important;
    scroll-snap-type:none !important; gap:2px !important;
    width:100vw !important; margin-left:50% !important; transform:translateX(-50%) !important; padding:0 !important;
  }
  body.nox-pdp .nox-gallery img{ flex:0 0 auto !important; width:100vw !important; scroll-snap-align:none !important; margin:0 !important; }
  .nox-gdots{ display:none !important; }
  body.nox-pdp{ padding-bottom:72px !important; }
}

/* --- Sabit alt SEPETE EKLE bari (Zara mobil: alttan) --- */
#noxStickyBar{
  position:fixed; left:0; right:0; bottom:0; z-index:9000; background:#fff;
  border-top:1px solid #e5e5e5; box-shadow:0 -4px 16px rgba(0,0,0,.06);
  display:flex; align-items:center; gap:12px; padding:9px 14px;
  transform:translateY(105%); transition:transform .28s ease;
  font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;
}
#noxStickyBar.on{ transform:translateY(0); }
#noxStickyBar .nsb-info{ flex:1 1 auto; min-width:0; }
#noxStickyBar .nsb-name{ font-size:10.5px; letter-spacing:.03em; text-transform:uppercase; color:#9a9a9a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#noxStickyBar .nsb-price{ font-size:15px; font-weight:500; color:#212121; margin-top:2px; }
#noxStickyBar .nsb-add{
  flex:0 0 auto; background:#212121; color:#fff; border:0; border-radius:0;
  padding:14px 24px; font-size:13px; letter-spacing:.06em; text-transform:uppercase; cursor:pointer;
  font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;
}
#noxStickyBar .nsb-add:active{ opacity:.85; }
@media(min-width:769px){ #noxStickyBar{ display:none !important; } }
/* ===== FAZ-3 FIX-4 SON ===== */


/* ===== FAZ-3 FIX-5: FontAwesome ikonlari koru (FIX-4 Helvetica override'i ikon glyphlerini bozmustu) ===== */
body.nox-pdp .RightDetail [class*="fa-"], body.nox-pdp .RightDetail .fa,
body.nox-pdp .RightDetail .fal, body.nox-pdp .RightDetail .fas, body.nox-pdp .RightDetail .far,
body.nox-pdp .nox-details [class*="fa-"], body.nox-pdp .nox-details .fa,
body.nox-pdp #noxStickyBar [class*="fa-"]{
  font-family:"FontAwesome","Font Awesome 5 Pro","Font Awesome 6 Pro","Font Awesome 5 Free" !important;
}
/* ===== FAZ-3 FIX-5 SON ===== */


/* ===== FAZ-3 FIX-6: indirim fiyat hiyerarsisi (eski=gri/kucuk cizili, satis=near-black/kalin) ===== */
body.nox-pdp .PriceList .spanFiyat{ color:#9a9a9a !important; font-weight:400 !important; font-size:14px !important; }
body.nox-pdp .PriceList .indirimliFiyat .spanFiyat{ color:var(--nox-ink) !important; font-weight:500 !important; font-size:16px !important; }
/* Indirim orani rozeti: kucuk, sade */
body.nox-pdp .PriceList .urunKampanyaIndirimOrani,
body.nox-pdp .PriceList [class*="ndirimOran" i], body.nox-pdp .PriceList [class*="ndirimYuzde" i]{
  display:inline-block; background:var(--nox-ink) !important; color:#fff !important; font-size:10.5px !important;
  padding:2px 7px !important; letter-spacing:.04em; margin:0 0 8px !important; border-radius:0 !important; font-weight:400 !important;
}
/* ===== FAZ-3 FIX-6 SON ===== */


/* ===== FAZ-4 ELEGANCE: Zara delikate rafine (butik) — 15 Tem ===== */
/* Buy box sutunu: kompakt + ferah + sticky top */
body.nox-pdp .RightDetail{ padding-left:6px !important; top:96px !important; }

/* Urun adi: Zara 15px/300 uppercase, hafif tracking */
body.nox-pdp .ProductName h1{
  font-size:15px !important; font-weight:300 !important; letter-spacing:.045em !important;
  line-height:1.55 !important; color:#111 !important; margin:0 0 14px !important; text-transform:uppercase !important;
}

/* Fiyat: delikate kucuk; hairline alt cizgi + bol nefes (renk/agirlik FIX-6 discount mantigi korunur) */
body.nox-pdp .PriceList{ padding:0 0 16px !important; margin:0 0 22px !important; border-bottom:1px solid #ececec !important; }
body.nox-pdp .PriceList .spanFiyat{ font-size:14px !important; letter-spacing:.01em !important; }
body.nox-pdp .PriceList .spanKdv{ font-size:10px !important; color:#b3b3b3 !important; font-weight:300 !important; letter-spacing:.03em !important; margin-left:6px !important; }

/* BEDEN etiketi: kucuk uppercase gri */
body.nox-pdp #divUrunEkSecenek{ margin:2px 0 10px !important; }
body.nox-pdp #divUrunEkSecenek .lineTitle,
body.nox-pdp #divUrunEkSecenek label{ font-size:10px !important; font-weight:400 !important; letter-spacing:.11em !important; color:#8c8c8c !important; text-transform:uppercase !important; }

/* Size box: rafine hairline, weight 300, ferah */
body.nox-pdp #divUrunEkSecenek .size_box{
  min-width:44px !important; height:40px !important; line-height:38px !important; padding:0 12px !important;
  border:1px solid #e2e2e2 !important; font-size:12px !important; font-weight:300 !important;
  letter-spacing:.04em !important; color:#3a3a3a !important; border-radius:0 !important; margin:0 8px 8px 0 !important;
  transition:border-color .18s ease,color .18s ease !important;
}
body.nox-pdp #divUrunEkSecenek .size_box:not(.nostok):hover{ border-color:#111 !important; color:#111 !important; }
body.nox-pdp #divUrunEkSecenek .size_box.selected{ border-color:#111 !important; background:#111 !important; color:#fff !important; }
body.nox-pdp #divUrunEkSecenek .size_box.nostok{ color:#cfcfcf !important; border-color:#f0f0f0 !important; }

/* Satin al alani: bol bosluk */
body.nox-pdp #divSatinAl{ margin:20px 0 0 !important; }

/* Adet stepper: hairline sade */
body.nox-pdp #divSatinAl .Basketinp .riSingle,
body.nox-pdp #divSatinAl .riContSpinButtons{ border:1px solid #e2e2e2 !important; border-radius:0 !important; box-shadow:none !important; background:#fff !important; }
body.nox-pdp #divSatinAl .txtSepetAdet{ border:0 !important; background:transparent !important; box-shadow:none !important; font-size:13px !important; font-weight:300 !important; color:#111 !important; }
body.nox-pdp #divSatinAl .qtyPlus, body.nox-pdp #divSatinAl .qtyMinus{ background:transparent !important; }

/* SEPETE EKLE: siyah, ince tracking */
body.nox-pdp #divSatinAl .Addtobasket{
  background:#111 !important; border:1px solid #111 !important; color:#fff !important;
  font-size:12px !important; font-weight:300 !important; letter-spacing:.14em !important; border-radius:0 !important;
  text-transform:uppercase !important; transition:background .2s ease !important;
}
body.nox-pdp #divSatinAl .Addtobasket:hover{ background:#000 !important; }

/* HEMEN AL: outline rafine */
body.nox-pdp #divSatinAl .buyfastbutton{
  background:#fff !important; border:1px solid #111 !important; color:#111 !important;
  font-size:12px !important; font-weight:300 !important; letter-spacing:.14em !important; border-radius:0 !important;
  text-transform:uppercase !important; transition:background .2s ease,color .2s ease !important;
}
body.nox-pdp #divSatinAl .buyfastbutton:hover{ background:#111 !important; color:#fff !important; }

/* #noxTrust: renkli logolari kaldir -> whisper gri satir */
body.nox-pdp #noxTrust{ border:0 !important; background:transparent !important; padding:0 !important; margin:16px 0 0 !important; }
body.nox-pdp #noxTrust .t-logos{ display:none !important; }
body.nox-pdp #noxTrust .t-title{ font-size:10px !important; font-weight:500 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#8c8c8c !important; margin:0 0 3px !important; }
body.nox-pdp #noxTrust .t-sec{ font-size:11px !important; font-weight:300 !important; color:#a2a2a2 !important; line-height:1.5 !important; letter-spacing:.01em !important; }

/* Ikon seridi: sadece Favorilere Ekle, whisper */
body.nox-pdp .ProductIcon{ border-top:1px solid #ececec !important; padding:14px 0 0 !important; margin:22px 0 0 !important; min-height:0 !important; }
body.nox-pdp .ProductIcon .UIstekListemeEkle,
body.nox-pdp .ProductIcon .FiyatHaberVer,
body.nox-pdp .ProductIcon .UrunKargoBedava,
body.nox-pdp .ProductIcon #divKargoBedava{ display:none !important; }
body.nox-pdp .ProductIcon .UFavorilerimeEkle{ width:auto !important; height:auto !important; float:none !important; margin:0 !important; padding:0 !important; }
body.nox-pdp .ProductIcon .UFavorilerimeEkle a{ font-size:10px !important; font-weight:400 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#7a7a7a !important; }
body.nox-pdp .ProductIcon .UFavorilerimeEkle a:hover{ color:#111 !important; }
body.nox-pdp .ProductIcon .box1{ display:inline-flex !important; align-items:center !important; gap:8px !important; }
body.nox-pdp .ProductIcon .box1 i{ font-size:12px !important; color:inherit !important; }

/* Alt tab widget'ini gizle (cakisma + duplikasyon + Zara'da yok) */
body.nox-pdp #divUrunOzellikAlani{ display:none !important; }

/* Aciklama: galeri altinda tam-genislik editoryal, dar okunur kolon */
body.nox-pdp #noxDesc{
  clear:both !important; width:100% !important; max-width:820px !important; margin:8px auto 0 !important;
  padding:40px 20px 8px !important; border-top:1px solid #ececec !important;
}
body.nox-pdp #noxDesc #divOnyazi{ margin:0 !important; }
body.nox-pdp #noxDesc, body.nox-pdp #noxDesc p, body.nox-pdp #noxDesc li{
  font-size:13px !important; font-weight:300 !important; line-height:1.85 !important; color:#4a4a4a !important; letter-spacing:.005em !important;
}
body.nox-pdp #noxDesc .nox-det-title, body.nox-pdp #noxDesc strong, body.nox-pdp #noxDesc b{
  color:#111 !important; font-weight:500 !important; letter-spacing:.04em !important;
}
/* ===== FAZ-4 ELEGANCE SON ===== */


/* ===== FAZ-4B: indirim rozeti (Zara kucuk kirmizi inline) — 15 Tem ===== */
body.nox-pdp .PriceList .indirimliOrani,
body.nox-pdp .PriceList .right_line.indirimliOrani,
body.nox-pdp .PriceList span[class*="ndirimliOrani"]{
  display:inline-block !important; background:#c8102e !important; color:#fff !important;
  font-size:10.5px !important; font-weight:500 !important; letter-spacing:.04em !important;
  padding:3px 8px !important; margin:0 0 12px !important; border-radius:0 !important; line-height:1.15 !important;
  width:auto !important; height:auto !important; min-width:0 !important; text-transform:uppercase !important;
  vertical-align:middle !important; float:none !important;
}
/* ===== FAZ-4B SON ===== */


/* ===== FAZ-4B2: rozet ic span duzlestir (tek satir) — 15 Tem ===== */
body.nox-pdp .PriceList .indirimliOrani span,
body.nox-pdp .PriceList .right_line.indirimliOrani #ltrIndirimOrani,
body.nox-pdp .PriceList span[class*="ndirimliOrani"] span{
  font-size:10.5px !important; height:auto !important; min-height:0 !important; line-height:1.15 !important;
  display:inline !important; vertical-align:baseline !important; padding:0 !important; margin:0 !important;
  color:#fff !important; font-weight:500 !important; background:transparent !important;
}
/* ===== FAZ-4B2 SON ===== */


/* ===== FAZ-4C: mobil alt bar footer clearance — 15 Tem ===== */
@media (max-width:768px){ body.nox-pdp{ padding-bottom:96px !important; } }
/* ===== FAZ-4C SON ===== */

/* ===== FAZ-4C2: mobil footer margin (alt bar clearance, garantili) — 15 Tem ===== */
@media (max-width:768px){ body.nox-pdp #customFooterContent, body.nox-pdp .footerTemp{ margin-bottom:74px !important; } }
/* ===== FAZ-4C2 SON ===== */

/* ===== FAZ-5: bosluk + footer hiza — 15 Tem ===== */
/* 1. Aciklama blogu ile BIZDEN HABERLER arasi nefes */
body.nox-pdp #noxDesc{ padding-bottom:56px !important; }
/* 2. HEMEN AL <-> Guvenli odeme arasi nefes (mobil + masaustu) */
body.nox-pdp #noxTrust{ margin-top:26px !important; }
/* 3. Footer kolonlari sola yigilmasin -> dengeli (sadece masaustu; mobilde kolonlar dikey yigilir) */
@media (min-width:769px){
  #customFooterContent .elementor-section:not(.desktopJustfyCenter) .footerTempRow{ justify-content:space-between !important; }
}
/* ===== FAZ-5 SON ===== */


/* ===== FAZ-5B: #noxTrust bosluk = PADDING (mobil margin-collapse'a bagisik) — 15 Tem ===== */
body.nox-pdp #noxTrust{ margin-top:2px !important; padding-top:22px !important; }
/* ===== FAZ-5B SON ===== */

/* ===== FAZ-6: footer ortala + BIZDEN HABERLER bosluk + stepper rafine — 15 Tem ===== */

/* 1. BIZDEN HABERLER bitisik: #divOnyazi ic inline sarici -> block (yukseklik dogru, padding-bottom calissin) */
body.nox-pdp #noxDesc .left_line,
body.nox-pdp #noxDesc .teksatir{ display:block !important; }

/* 2. Footer: bos son kolonu gizle + kolonlari ortala (sadece masaustu; mobil dikey yigilir) */
@media (min-width:769px){
  #customFooterContent .elementor-section:not(.desktopJustfyCenter) .footerTempRow{ justify-content:center !important; }
  #customFooterContent .elementor-section:not(.desktopJustfyCenter) .footerTempRow > .footerTempColumnDiv:last-child{ display:none !important; }
}

/* 3. Adet stepper: sikilastir, sayi merkezde, - + yaninda (fonksiyon korunur; sadece gorunum) */
body.nox-pdp #divSatinAl .Basketinp .riSingle{ display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; height:50px !important; }
body.nox-pdp #divSatinAl .qtyMinus{ order:1 !important; }
body.nox-pdp #divSatinAl .txtSepetAdet{ order:2 !important; width:34px !important; min-width:34px !important; max-width:34px !important; text-align:center !important; padding:0 !important; height:auto !important; }
body.nox-pdp #divSatinAl .qtyPlus{ order:3 !important; }
body.nox-pdp #divSatinAl .qtyPlus, body.nox-pdp #divSatinAl .qtyMinus{ position:static !important; width:30px !important; height:100% !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#111 !important; flex:0 0 auto !important; }
body.nox-pdp #divSatinAl .qtyPlus i, body.nox-pdp #divSatinAl .qtyMinus i{ font-size:11px !important; line-height:1 !important; }
/* ===== FAZ-6 SON ===== */


/* ===== FAZ-6B: BIZDEN HABERLER gap KOK FIX (#divOnyazi float:left -> #noxDesc coker) — 15 Tem ===== */
body.nox-pdp #noxDesc{ display:flow-root !important; }
body.nox-pdp #noxDesc #divOnyazi{ float:none !important; width:100% !important; }

/* ===== FAZ-7: FOUC — yeniden-dizilim bitene kadar urun alanini gizle, nox-pdp hazir olunca yumusak goster — 15 Tem ===== */
@keyframes noxFoucSafety{ to{ opacity:1; } }
.ProductDetailMainRow{ opacity:0; animation:noxFoucSafety .01s linear 2s forwards; }
body.nox-pdp .ProductDetailMainRow{ opacity:1 !important; animation:none !important; transition:opacity .28s ease; }
/* ===== FAZ-7 SON ===== */


/* ===== FAZ-6C: stepper dolu-kutu (input ortada buyur, - + kenarlarda) — 15 Tem ===== */
body.nox-pdp #divSatinAl .Basketinp .riSingle{ justify-content:space-between !important; gap:0 !important; }
body.nox-pdp #divSatinAl .txtSepetAdet{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; }
body.nox-pdp #divSatinAl .qtyPlus, body.nox-pdp #divSatinAl .qtyMinus{ flex:0 0 40px !important; width:40px !important; }
/* ===== FAZ-6C SON ===== */


/* ===== FAZ-6D: stepper sabit-genislik (flex-grow'a guvenme; 34+42+34=110 tam dolu, sayi ortada) — 15 Tem ===== */
body.nox-pdp #divSatinAl .Basketinp{ width:110px !important; flex:0 0 110px !important; }
body.nox-pdp #divSatinAl .Basketinp .riSingle{ width:110px !important; justify-content:center !important; gap:0 !important; }
body.nox-pdp #divSatinAl .txtSepetAdet{ flex:0 0 42px !important; width:42px !important; min-width:42px !important; max-width:42px !important; text-align:center !important; padding:0 !important; }
body.nox-pdp #divSatinAl .qtyMinus, body.nox-pdp #divSatinAl .qtyPlus{ flex:0 0 34px !important; width:34px !important; }
/* ===== FAZ-6D SON ===== */


/* ===== FAZ-8: (KDV Dahil) yazisini kaldir (Kivanc: cirkin) — 15 Tem ===== */
body.nox-pdp .PriceList .spanKdv, body.nox-pdp .PriceList .KdvDahil, body.nox-pdp .PriceList .kdvdahil{ display:none !important; }
/* ===== FAZ-8 SON ===== */

/* ===== FAZ-9: Sepete-ekle satiri — kesin hizali tek-border stepper (Telerik reset) — 15 Tem ===== */
/* Satir: [stepper][SEPETE EKLE] tek sirada, ayni yukseklik, dikey ortali; HEMEN AL altta tam genislik */
body.nox-pdp #divSatinAl .BasketBtn{
  display:flex !important; flex-wrap:wrap !important; align-items:stretch !important;
  column-gap:10px !important; row-gap:12px !important;
  float:none !important; width:100% !important; margin:0 !important;
}
/* Stepper dis kutu: buton ile ayni yukseklik (52px), tek hairline, taban hizasi kesin */
body.nox-pdp #divSatinAl .Basketinp{
  flex:0 0 120px !important; width:120px !important; height:52px !important;
  border:1px solid #d9d9d9 !important; background:#fff !important;
  margin:0 !important; padding:0 !important; float:none !important; display:block !important;
  box-sizing:border-box !important; overflow:hidden !important; border-radius:0 !important;
}
/* Telerik ic sarmalayici: border/shadow sifirla, kutuyu tam doldur, flex satir */
body.nox-pdp #divSatinAl .Basketinp .riSingle,
body.nox-pdp #divSatinAl .Basketinp .riContSpinButtons,
body.nox-pdp #divSatinAl .Basketinp .RadInput{
  display:flex !important; align-items:stretch !important;
  width:100% !important; height:100% !important; max-width:100% !important;
  border:0 !important; box-shadow:none !important; background:transparent !important;
  padding:0 !important; margin:0 !important; border-radius:0 !important; position:static !important;
  overflow:hidden !important;
}
/* +/- butonlar: sabit genislik, ortali, statik (negatif margin/float YOK), order ile [-][1][+] */
body.nox-pdp #divSatinAl .qtyMinus,
body.nox-pdp #divSatinAl .qtyPlus,
body.nox-pdp #divSatinAl .riUp,
body.nox-pdp #divSatinAl .riDown{
  position:static !important; float:none !important;
  flex:0 0 37px !important; width:37px !important; height:auto !important; min-height:100% !important;
  margin:0 !important; padding:0 !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:transparent !important; border:0 !important; cursor:pointer !important;
  color:#111 !important; -webkit-user-select:none !important; user-select:none !important;
  transition:background .15s ease !important;
}
body.nox-pdp #divSatinAl .qtyMinus:hover,
body.nox-pdp #divSatinAl .qtyPlus:hover{ background:#f6f6f6 !important; }
body.nox-pdp #divSatinAl .qtyMinus{ order:0 !important; }
body.nox-pdp #divSatinAl .txtSepetAdet{ order:1 !important; }
body.nox-pdp #divSatinAl .qtyPlus{ order:2 !important; }
body.nox-pdp #divSatinAl .qtyMinus i, body.nox-pdp #divSatinAl .qtyPlus i,
body.nox-pdp #divSatinAl .qtyMinus:before, body.nox-pdp #divSatinAl .qtyPlus:before{
  font-size:11px !important; line-height:1 !important; color:#111 !important; margin:0 !important;
}
/* Sayi input: flex:1 ortali, kenarliksiz; iki yanda ince dikey ayrac */
body.nox-pdp #divSatinAl .txtSepetAdet{
  flex:1 1 auto !important; width:auto !important; height:100% !important; min-width:0 !important;
  text-align:center !important; -moz-text-align-last:center !important; text-align-last:center !important;
  border:0 !important; border-left:1px solid #ececec !important; border-right:1px solid #ececec !important;
  background:transparent !important; box-shadow:none !important; outline:none !important;
  font-size:13px !important; font-weight:300 !important; color:#111 !important; letter-spacing:.02em !important;
  padding:0 !important; margin:0 !important; border-radius:0 !important; -webkit-appearance:none !important; appearance:none !important;
}
/* SEPETE EKLE: kalan alani doldur, stepper ile ayni yukseklik */
body.nox-pdp #divSatinAl .basketBtn{
  flex:1 1 auto !important; float:none !important; width:auto !important; height:52px !important;
  margin:0 !important; padding:0 !important; min-width:0 !important;
}
body.nox-pdp #divSatinAl .Addtobasket{
  width:100% !important; height:52px !important; line-height:normal !important;
  padding:0 14px !important; margin:0 !important; display:block !important; box-sizing:border-box !important;
}
/* HEMEN AL: tam genislik alt satir */
body.nox-pdp #divSatinAl .buyfast{
  flex:0 0 100% !important; width:100% !important; float:none !important; margin:0 !important; padding:0 !important;
}
body.nox-pdp #divSatinAl .buyfastbutton{
  width:100% !important; height:52px !important; line-height:normal !important;
  padding:0 14px !important; margin:0 !important; display:block !important; box-sizing:border-box !important;
}
/* ===== FAZ-9 SON ===== */


/* ===== FAZ-10: Beden kutusu hover — tema koyu dolgusunu ez, sadece border koyulasin (Zara ince) — 15 Tem ===== */
/* Tema varsayilani .size_box:hover -> background:var(--theme-color) (koyu) veriyordu; hover = beyaz zemin + koyu border + koyu metin */
body.nox-pdp #divUrunEkSecenek .size_box:not(.nostok):hover,
body.nox-pdp #divUrunEkSecenek .size_box:not(.nostok):focus{
  background:#fff !important; background-color:#fff !important;
  border-color:#111 !important; color:#111 !important;
}
/* Secili (selected) beden -> kasitli koyu dolgu + beyaz metin (net secim gostergesi) korunur */
body.nox-pdp #divUrunEkSecenek .size_box.selected,
body.nox-pdp #divUrunEkSecenek .size_box.selected:hover{
  background:#111 !important; background-color:#111 !important;
  border-color:#111 !important; color:#fff !important;
}
/* ===== FAZ-10
/* ===== FAZ-83 (2026-09-01): "GERI" kelimesi artik PANELDEN geliyor =====
   Ayarlar > Site Dil Yonetimi > tr > UrunDetay_OncekiSayfa = "GERI"
   Ok tasarim oldugu icin ::before'da kaldi, kelime panele devredildi. */
html body.nox-pdp #linkOncekiSayfa{
  font-size:11px !important; line-height:1 !important; color:#8c8c8c !important;
  letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:400 !important;
  font-family:"Helvetica Now Text",Helvetica,Arial,sans-serif !important;
  text-decoration:none !important; border:0 !important; padding:0 !important;
  display:inline-flex !important; align-items:center !important;
  transition:color .18s ease !important;
}
html body.nox-pdp #linkOncekiSayfa::before{
  content:"\2190\00a0\00a0" !important; font-size:11px !important;
  color:inherit !important; letter-spacing:0 !important;
}
html body.nox-pdp #linkOncekiSayfa:hover{ color:#111 !important; }
/* ===== FAZ-11 SON ===== */


/* ===== FAZ-12: Kategori basligi bari (breadcrumb + ok GERI) — ust nefes boslugu + dikey ortala (uste yapismasin) — 15 Tem ===== */
body.nox-pdp #contentProductDetail .ProductDetail > .categoryTitle{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:14px !important; flex-wrap:nowrap !important;
  padding-top:22px !important; padding-bottom:6px !important; margin-top:0 !important;
}
body.nox-pdp #contentProductDetail .ProductDetail > .categoryTitle > .categoryTitleText{
  margin:0 !important; min-width:0 !important; flex:1 1 auto !important;
}
body.nox-pdp #contentProductDetail .ProductDetail > .categoryTitle > #linkOncekiSayfa{
  margin:0 !important; flex:0 0 auto !important; align-self:center !important; white-space:nowrap !important;
}
@media (max-width:768px){
  body.nox-pdp #contentProductDetail .ProductDetail > .categoryTitle{ padding-top:16px !important; }
}
/* ===== FAZ-12 SON ===== */


/* ===== FAZ-14: Referans tipografi (Zara/RV) — breadcrumb + urun adi + alt metin — 15 Tem ===== */
/* (1) Breadcrumb: kucuk, acik gri, uppercase, ince tracking; aktif(son) oge koyu. (<- GERI korunur, FAZ-11/12) */
body.nox-pdp .categoryTitle .categoryTitleText,
body.nox-pdp .categoryTitle .categoryTitleText a,
body.nox-pdp .categoryTitle .categoryTitleText span,
body.nox-pdp .categoryTitle .categoryTitleText li{
  font-size:11px !important; font-weight:400 !important; letter-spacing:.09em !important;
  text-transform:uppercase !important; color:#9a9a9a !important;
}
body.nox-pdp .categoryTitle .categoryTitleText a{ text-decoration:none !important; }
body.nox-pdp .categoryTitle .categoryTitleText a:hover,
body.nox-pdp .categoryTitle .categoryTitleText a:hover span{ color:#111 !important; }
body.nox-pdp .categoryTitle .categoryTitleText .breadcrumb li:last-child a,
body.nox-pdp .categoryTitle .categoryTitleText .breadcrumb li:last-child span{ color:#111 !important; }

/* (2) Urun adi: Zara 16px/400 uppercase, hafif tracking, near-black */
body.nox-pdp .ProductName h1{
  font-size:16px !important; font-weight:400 !important; letter-spacing:.02em !important;
  line-height:1.32 !important; color:#111 !important; text-transform:uppercase !important;
}

/* (5) Alt aciklama/akordeon metni: 14px/1.7 (referansa gore bir tik buyuk, okunur) */
body.nox-pdp #noxDesc .nox-det-body,
body.nox-pdp #noxDesc .nox-det-inner,
body.nox-pdp #noxDesc .nox-det-inner p,
body.nox-pdp #noxDesc .nox-det-inner li,
body.nox-pdp #noxDesc .nox-det-inner td,
body.nox-pdp #noxDesc .nox-det-inner span{
  font-size:14px !important; line-height:1.7 !important; color:#454545 !important;
}
/* Akordeon baslik: 14px, referans hiyerarsi */
body.nox-pdp #noxDesc .nox-det-head,
body.nox-pdp #noxDesc .nox-det-head span{ font-size:14px !important; }
/* Guven/yasal micro-metin kucuk kalsin (hiyerarsi korunur) */
body.nox-pdp #noxTrust .t-sec{ font-size:12px !important; }
/* ===== FAZ-14 SON ===== */


/* ===== FAZ-15: Breadcrumb cercevesini kaldir (Zara/RV'de kutu YOK) — 15 Tem ===== */
body.nox-pdp .categoryTitle .categoryTitleText,
body.nox-pdp .categoryTitle .proCategoryTitle.categoryTitleText{
  border:0 !important; background:transparent !important; box-shadow:none !important;
  padding-left:0 !important; padding-right:0 !important; border-radius:0 !important;
}
/* ===== FAZ-15 SON ===== */


/* ===== FAZ-16: Breadcrumb cift-ayrac temizle — tema '/' pseudo'sunu kaldir, tek '>' kalsin — 15 Tem ===== */
body.nox-pdp .categoryTitle .breadcrumb li::after{ content:"" !important; margin:0 !important; padding:0 !important; }
/* literal '>' ayraclarina hafif nefes + acik gri */
body.nox-pdp .categoryTitle .breadcrumb li{ color:#c4c4c4 !important; }
body.nox-pdp .categoryTitle .breadcrumb li a{ margin:0 5px !important; }
body.nox-pdp .categoryTitle .breadcrumb li:first-child a{ margin-left:0 !important; }
/* ===== FAZ-16 SON ===== */


/* ===== FAZ-17: Beden tablosu modali premium (izgarasiz, ferah, Zara/RV) — 15 Tem ===== */
/* Panel: ferah, rafine golge */
body.nox-pdp .nox-sc-overlay .nox-sc-panel{
  max-width:440px !important; width:92% !important; padding:0 !important; border-radius:0 !important;
  box-shadow:0 20px 60px rgba(0,0,0,.18) !important; background:#fff !important; overflow:hidden !important;
}
/* Head: uppercase ince tracking + alt hairline */
body.nox-pdp .nox-sc-overlay .nox-sc-head{
  padding:22px 26px 15px !important; border-bottom:1px solid #ededed !important; margin:0 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-head span{
  font-size:12px !important; font-weight:500 !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:#111 !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-close{
  color:#b0b0b0 !important; font-size:20px !important; font-weight:300 !important; line-height:1 !important; text-decoration:none !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-close:hover{ color:#111 !important; }
/* Note: kucuk uppercase gri */
body.nox-pdp .nox-sc-overlay .nox-sc-note{
  padding:16px 26px 2px !important; font-size:11px !important; color:#9a9a9a !important;
  letter-spacing:.05em !important; text-transform:uppercase !important; margin:0 !important;
}
/* Tablo: IZGARASIZ, yalniz yatay hairline */
body.nox-pdp .nox-sc-overlay .nox-sc-table{
  border-collapse:collapse !important; width:calc(100% - 52px) !important; margin:6px 26px 4px !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-table th,
body.nox-pdp .nox-sc-overlay .nox-sc-table td{
  border:0 !important; border-bottom:1px solid #eeeeee !important;
  padding:14px 8px !important; text-align:center !important; font-size:13px !important; font-weight:400 !important; color:#333 !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-table thead th{
  font-size:11px !important; color:#9a9a9a !important; text-transform:uppercase !important;
  letter-spacing:.08em !important; font-weight:500 !important; border-bottom:1px solid #dcdcdc !important; padding-top:4px !important;
}
/* ilk kolon (olcu adi): sola yasli, gri */
body.nox-pdp .nox-sc-overlay .nox-sc-table td:first-child,
body.nox-pdp .nox-sc-overlay .nox-sc-table th:first-child{ text-align:left !important; color:#777 !important; font-weight:400 !important; }
body.nox-pdp .nox-sc-overlay .nox-sc-table tbody tr:last-child td{ border-bottom:0 !important; }
/* Foot: kucuk gri, ust ayrac */
body.nox-pdp .nox-sc-overlay .nox-sc-foot{
  padding:14px 26px 24px !important; font-size:11.5px !important; color:#9a9a9a !important; line-height:1.65 !important;
  border-top:1px solid #ededed !important; margin:8px 0 0 !important;
}
/* Tetik linki: rafine uppercase underline */
body.nox-pdp #noxSizeChartBtn{
  font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important;
  text-decoration:underline !important; text-underline-offset:3px !important;
}
/* ===== FAZ-17 SON ===== */


/* ===== FAZ-18: BEDEN TABLOSU linki cift-cizgi fix — agir border-bottom kaldir, tek text-underline ===== */
body.nox-pdp #noxSizeChartBtn,
body.nox-pdp .nox-size-chart-btn{
  border:0 !important; border-bottom:0 !important; box-shadow:none !important;
  display:inline-block !important; width:auto !important; max-width:100% !important;
}
/* ===== FAZ-18 SON ===== */


/* ===== FAZ-19: BEDEN TABLOSU tetik — kalem(✎) yerine cetvel (RV/Kiwi ruler), altta cizgi yok, dikey ortali — 15 Tem ===== */
body.nox-pdp #noxSizeChartBtn{
  text-decoration:underline !important; text-underline-offset:3px !important;
}
body.nox-pdp #noxSizeChartBtn::before,
body.nox-pdp .nox-size-chart-btn::before{
  content:"" !important; display:inline-block !important; vertical-align:middle !important;
  width:15px !important; height:15px !important; margin:-2px 8px 0 0 !important; padding:0 !important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20512.002%20512.002%22%20fill%3D%22%23111111%22%3E%3Cpath%20d%3D%22M509.502%20104.908L407.097%202.502c-3.337-3.337-8.73-3.337-12.067%200L2.502%20395.03c-3.337%203.337-3.337%208.73%200%2012.067l102.405%20102.405c1.596%201.604%203.772%202.5%206.033%202.5s4.43-.896%206.033-2.5L509.5%20116.975c1.604-1.596%202.5-3.772%202.5-6.033s-.894-4.43-2.498-6.034zM110.94%20491.402l-90.338-90.338%20380.46-380.46L491.4%20110.94%20110.94%20491.4zm298.7-414.605c-14.115%200-25.6%2011.486-25.6%2025.6s11.486%2025.6%2025.6%2025.6%2025.6-11.486%2025.6-25.6-11.486-25.6-25.6-25.6zm0%2034.135c-4.7%200-8.534-3.832-8.534-8.534s3.823-8.534%208.534-8.534%208.534%203.832%208.534%208.534-3.823%208.534-8.534%208.534z%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23B%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23C%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23B%22%20x%3D%22-51.203%22%20y%3D%2251.195%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23C%22%20x%3D%22-51.203%22%20y%3D%2251.187%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23B%22%20x%3D%22-102.405%22%20y%3D%22102.39%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23C%22%20x%3D%22-102.405%22%20y%3D%22102.383%22%2F%3E%3Cpath%20d%3D%22M164.643%20244.95l12.066-12.07%2025.6%2025.593-12.066%2012.07z%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23C%22%20x%3D%22-153.608%22%20y%3D%22153.595%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23B%22%20x%3D%22-204.81%22%20y%3D%22204.796%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23C%22%20x%3D%22-204.81%22%20y%3D%22204.797%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23B%22%20x%3D%22-255.993%22%20y%3D%22256.01%22%2F%3E%3Cpath%20d%3D%22M36.634%20372.976l12.068-12.068%2034.135%2034.135L70.77%20407.11z%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22B%22%20d%3D%22M318.253%2091.37l12.068-12.068%2025.603%2025.603-12.068%2012.068z%22%2F%3E%3Cpath%20id%3D%22C%22%20d%3D%22M292.648%20116.973l12.068-12.068%2034.135%2034.135-12.068%2012.068z%22%2F%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
  font-size:0 !important; line-height:0 !important; text-decoration:none !important; border:0 !important;
}
/* ===== FAZ-19 SON ===== */


/* ===== FAZ-20: Cross-sell (Ilgili Urunler) RV-stili — BUNLAR DA ILGINIZI CEKEBILIR — 15 Tem ===== */
/* Konteyner: tam genislik, aciklama altinda ayri bolum */
body.nox-pdp #IlgiliUrunDiv{
  flex:0 0 100% !important; width:100% !important; max-width:100% !important; clear:both !important;
  margin:64px 0 0 !important; border-top:1px solid #ececec !important; padding-top:46px !important;
}
body.nox-pdp #divIlgiliUrunler{
  display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:30px 22px !important;
  max-width:1180px !important; margin:0 auto !important; padding:0 20px !important; float:none !important;
}
/* Baslik: tam satir, ortali, premium (tema cevirisi "Renk Secenekleri" -> gizle+::before) */
body.nox-pdp #divIlgiliUrunler .JKatAdi{
  grid-column:1 / -1 !important; display:block !important; text-align:center !important;
  margin:0 0 34px !important; padding:0 !important; float:none !important; width:auto !important;
}
body.nox-pdp #divIlgiliUrunler .JKatAdi .bold{ display:inline !important; float:none !important; width:auto !important; font-weight:400 !important; }
/* ===== FAZ-82 (2026-09-01): baslik metni artik PANELDEN geliyor =====
   Ayarlar > Site Dil Yonetimi > tr > UrunDetay_UrunTavsiye = "BUNLARLA IYI GIDER"
   Eskiden .satir1 font-size:0 ile gizlenip ustune ::before ile sabit metin basiliyordu.
   Alti kural (dordu olu) kaldirildi, yerine bu iki kural geldi. Metin panelin,
   tipografi bizim. Buyuk harfi text-transform yapiyor, Turkce dogrulugu olculdu. */
html body.nox-pdp #divIlgiliUrunler .JKatAdi .satir1::before{ content:none !important; }
html body.nox-pdp #divIlgiliUrunler .JKatAdi .satir1{
  display:inline !important; float:none !important; width:auto !important;
  font-size:19px !important; font-weight:400 !important;
  letter-spacing:2.5px !important; text-transform:uppercase !important;
  color:#1a1a1a !important;
}
@media (max-width:768px){
  html body.nox-pdp #divIlgiliUrunler .JKatAdi .satir1{ font-size:16px !important; }
}
/* ===== FAZ-82 SON ===== */
/* Kart resetleri */
body.nox-pdp #divIlgiliUrunler .productItem{
  width:auto !important; margin:0 !important; padding:0 !important; float:none !important;
  border:0 !important; background:none !important; box-shadow:none !important;
}
/* Resim: tek-tip portre (3/4), cover ust hizali, hover zoom */
body.nox-pdp #divIlgiliUrunler .productImage{
  aspect-ratio:3/4 !important; background:#f6f4f2 !important; margin:0 0 14px !important; overflow:hidden !important;
}
body.nox-pdp #divIlgiliUrunler .productImage a{ display:block !important; width:100% !important; height:100% !important; }
body.nox-pdp #divIlgiliUrunler .productImage img{
  width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important;
  display:block !important; transition:transform .5s ease !important;
}
body.nox-pdp #divIlgiliUrunler .productItem:hover .productImage img{ transform:scale(1.04) !important; }
/* Gereksizleri gizle: marka, stok kodu, barkod, adet stepper+sepete-ekle, KDV */
body.nox-pdp #divIlgiliUrunler .productMarka,
body.nox-pdp #divIlgiliUrunler .productStokKodu,
body.nox-pdp #divIlgiliUrunler .productBarcode,
body.nox-pdp #divIlgiliUrunler .ItemV3_col3,
body.nox-pdp #divIlgiliUrunler .discountKdv{ display:none !important; }
/* Ad + fiyat: ortali, ince */
body.nox-pdp #divIlgiliUrunler .productDetail{ text-align:center !important; padding:0 4px !important; }
body.nox-pdp #divIlgiliUrunler .productName{
  font-size:12px !important; letter-spacing:.05em !important; text-transform:uppercase !important;
  text-align:center !important; margin:0 0 6px !important; line-height:1.45 !important;
}
body.nox-pdp #divIlgiliUrunler .productName a{ color:#222 !important; font-weight:400 !important; }
body.nox-pdp #divIlgiliUrunler .productPrice{ text-align:center !important; margin:0 !important; }
body.nox-pdp #divIlgiliUrunler .productPrice .discountPriceSpan{ font-size:13px !important; color:#111 !important; font-weight:400 !important; }
/* Mobil: 2 kolon */
@media(max-width:768px){
  body.nox-pdp #divIlgiliUrunler{ grid-template-columns:repeat(2,1fr) !important; gap:22px 14px !important; padding:0 14px !important; }
  body.nox-pdp #IlgiliUrunDiv{ margin-top:44px !important; padding-top:34px !important; }
  body.nox-pdp #divIlgiliUrunler .JKatAdi{ margin-bottom:24px !important; }
}
/* ===== FAZ-20 SON ===== */


/* ===== FAZ-21: cross-sell bosluk daralt (STIL NOTU <-> BUNLAR DA...) + BIZDEN HABERLER bultenini PDP'de gizle — 15 Tem ===== */
/* #ProductDetailMain #... = 2 id specificity -> FAZ-20'yi kesin ezer */
body.nox-pdp #ProductDetailMain #IlgiliUrunDiv{ margin-top:18px !important; padding-top:38px !important; }
body.nox-pdp #ProductDetailMain > #noxDesc{ padding-bottom:22px !important; }
/* BIZDEN HABERLER bulteni PDP'de gizle (ton bozuyor; istenirse footer'a eklenir) */
body.nox-pdp #customFooterContent section[data-id="qpwvk70"]{ display:none !important; }
@media(max-width:768px){
  body.nox-pdp #ProductDetailMain #IlgiliUrunDiv{ margin-top:14px !important; padding-top:30px !important; }
  body.nox-pdp #ProductDetailMain > #noxDesc{ padding-bottom:16px !important; }
}
/* ===== FAZ-21 SON ===== */


/* ===== FAZ-22: FOUC reveal-gate (nox-pdp-ready) + cross-sell<->footer bosluk — 15 Tem ===== */
/* Sorun: noxPDP.run() nox-pdp ekleyip reveal'i baslatiyor ama BEDEN TABLOSU butonu + URUN DETAYLARI linki reveal'dan SONRA olusup ekleniyor -> icerik asagi itiliyor (ilk-yukleme ziplamasi). Cozum: reveal'i nox-pdp yerine nox-pdp-ready'ye bagla (buy box yerlesince JS ekler). */
body.nox-pdp .ProductDetailMainRow{ opacity:0 !important; animation:noxFoucSafety .01s linear 2s forwards !important; }
body.nox-pdp-ready .ProductDetailMainRow{ opacity:1 !important; animation:none !important; transition:opacity .28s ease !important; }
/* cross-sell alt bosluk: footer hemen baslamasin */
body.nox-pdp #ProductDetailMain #IlgiliUrunDiv{ padding-bottom:72px !important; }
@media(max-width:768px){
  body.nox-pdp #ProductDetailMain #IlgiliUrunDiv{ padding-bottom:48px !important; }
}
/* ===== FAZ-22 SON ===== */


/* ===== FAZ-24 (v2): Mobil beden alt-sheet — Zara action-sheet birebir (ortali, ince, cizgisiz, alt BEDEN TABLOSU) — 15 Tem ===== */
.nox-ss-backdrop{ position:fixed; inset:0; background:rgba(20,20,20,.42); opacity:0; visibility:hidden; transition:opacity .25s ease; z-index:100000; }
.nox-ss-backdrop.open{ opacity:1; visibility:visible; }
.nox-ss-sheet{ position:fixed; left:0; right:0; bottom:0; background:#fff; z-index:100001; border-radius:14px 14px 0 0; box-shadow:0 -8px 40px rgba(0,0,0,.14); transform:translateY(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); padding:0 0 max(14px,env(safe-area-inset-bottom)); font-family:inherit; }
.nox-ss-sheet.open{ transform:translateY(0); }
.nox-ss-grip{ width:40px; height:4px; border-radius:4px; background:#dcdcdc; margin:11px auto 6px; cursor:pointer; }
.nox-ss-list{ padding:6px 0 2px; max-height:60vh; overflow:auto; -webkit-overflow-scrolling:touch; }
.nox-ss-opt{ display:block; width:100%; background:none; border:0; padding:15px 20px; font-size:13px; font-weight:300; letter-spacing:.05em; text-transform:uppercase; color:#111; text-align:center; cursor:pointer; font-family:inherit; line-height:1.3; }
.nox-ss-opt:active{ background:#f7f7f7; }
.nox-ss-opt .nox-ss-lbl{ display:block; }
.nox-ss-opt.nox-ss-out{ color:#c9c9c9; cursor:not-allowed; }
.nox-ss-opt.nox-ss-out:active{ background:none; }
.nox-ss-note{ display:block; font-size:10.5px; font-weight:300; letter-spacing:.02em; text-transform:none; color:#b8b8b8; margin-top:4px; }
.nox-ss-guide{ display:block; width:100%; text-align:center; font-size:12px; font-weight:300; letter-spacing:.05em; text-transform:uppercase; color:#111; text-decoration:none; padding:17px 4px 7px; margin-top:8px; border:0; border-top:1px solid #f1f1f1; background:none; cursor:pointer; font-family:inherit; }
.nox-ss-guide:active{ opacity:.55; }
/* ===== FAZ-24 SON ===== */

/* ===== FAZ-25: (a) cross-sell productItem temiz dikey-ortali stack (ad/fiyat gorselin ALTINDA) + 3:4 uniform gorsel + (b) mobil breadcrumb tek-satir fix — 15 Tem ===== */
/* (a) CROSS-SELL: gorsel ustte block (3:4 crop), ad+fiyat altta ortali */
#ProductDetailMain #divIlgiliUrunler .productImage{ float:none !important; display:block !important; width:100% !important; margin:0 !important; aspect-ratio:3/4 !important; overflow:hidden !important; }
#ProductDetailMain #divIlgiliUrunler .productImage a{ display:block !important; width:100% !important; height:100% !important; }
#ProductDetailMain #divIlgiliUrunler .productImage img{ width:100% !important; height:100% !important; max-height:none !important; object-fit:cover !important; object-position:top center !important; }
#ProductDetailMain #divIlgiliUrunler .productDetail{ float:none !important; clear:both !important; display:block !important; width:100% !important; text-align:center !important; padding:11px 4px 0 !important; }
#ProductDetailMain #divIlgiliUrunler .productName,
#ProductDetailMain #divIlgiliUrunler .productName.detailUrl{ float:none !important; display:block !important; width:auto !important; text-align:center !important; margin:0 auto !important; }
#ProductDetailMain #divIlgiliUrunler .productPrice{ float:none !important; display:block !important; width:auto !important; text-align:center !important; margin:5px 0 0 !important; }
#ProductDetailMain #divIlgiliUrunler .discountPrice,
#ProductDetailMain #divIlgiliUrunler .discountPriceSpan{ float:none !important; display:block !important; width:auto !important; text-align:center !important; }
/* (b) MOBIL BREADCRUMB: tema li'leri ~25px'e sikistirip harf-harf sariyor (garip); Zara/RV mobilde breadcrumb GOSTERMEZ -> mobilde gizle (SEO semasi DOM'da kalir, masaustu gosterir) */
@media(max-width:768px){
  html body.nox-pdp #contentProductDetail .ProductDetail > .categoryTitle{ display:none !important; }
}
/* ===== FAZ-25 SON ===== */













/* ===== FAZ-28: RV birebir — sag "BUNLARLA IYI GIDER" + alt "SON GEZDIKLERINIZ" — 21 Tem =====
   Referans: tr.raisavanessa.com PDP (1440 + 390 olculdu)
     · Pairs well with (sag kolon): kart 550x180 (gorsel 120x180 + panel 430), kartlar arasi 16px,
       panel zemini #EBE1CC, ad 16px/300, fiyat 14px, sepet ikonu 32x32 sag-altta
     · Recently viewed (alt): yatay kaydirmali serit, gorsel orani 2:3, kart 355px
     · Mobil: pairs-well-with akista tam genislik (kart 358x180, gorsel 120x180 SABIT),
       recently viewed yatay kaydirmali, ekranda ~1 kart
   FAZ-27/27b (alt cross-sell buyuk izgara) bu blokla degistirildi. */

/* ---------- RAIL: sag kolon sarmalayici (NOX-RV-JS-8 v4 olusturur) ---------- */
@media(min-width:769px){
  body.nox-pdp #noxRightRail{
    flex:0 0 42% !important; width:42% !important; max-width:42% !important;
    display:block !important; align-self:flex-start !important; min-width:0 !important;
  }
  /* RV'de sag kolon STICKY DEGIL — normal akar, boylece pairs-well-with ile cakisma olmaz */
  body.nox-pdp #noxRightRail > .RightDetail{
    width:100% !important; max-width:100% !important; flex:none !important;
    position:static !important; top:auto !important;
  }
}

/* ================= 1) PAIRS WELL WITH — #IlgiliUrunDiv ================= */
body.nox-pdp #IlgiliUrunDiv{
  width:100% !important; max-width:100% !important; float:none !important; clear:none !important;
  margin:34px 0 0 !important; padding:26px 0 0 !important;
  border-top:1px solid #e9e9e9 !important;
}
/* izgara -> dikey liste */
body.nox-pdp #divIlgiliUrunler{
  display:block !important; grid-template-columns:none !important;
  max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important;
}
/* baslik: RV "Pairs well with" — kucuk, ince, sol hizali, buyuk harf degil */
body.nox-pdp #divIlgiliUrunler .JKatAdi{
  display:block !important; text-align:left !important; float:none !important; width:auto !important;
  margin:0 0 14px !important; padding:0 !important;
}
/* KART: yatay — gorsel solda sabit 120px, panel sagda bej */
body.nox-pdp #divIlgiliUrunler .productItem{
  display:flex !important; align-items:stretch !important;
  width:100% !important; max-width:100% !important; float:none !important;
  margin:0 0 16px !important; padding:0 !important;
  border:0 !important; background:none !important; box-shadow:none !important;
  min-height:180px !important;
}
body.nox-pdp #divIlgiliUrunler .productItem:last-child{ margin-bottom:0 !important; }
/* gorsel: 120x180 SABIT (RV birebir) */
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productImage{
  flex:0 0 120px !important; width:120px !important; max-width:120px !important;
  height:180px !important; aspect-ratio:auto !important;
  margin:0 !important; overflow:hidden !important; background:#f6f4f2 !important;
}
body.nox-pdp #divIlgiliUrunler .productImage a{ display:block !important; width:100% !important; height:100% !important; }
body.nox-pdp #divIlgiliUrunler .productImage img{
  width:100% !important; height:100% !important; object-fit:cover !important;
  object-position:center top !important; display:block !important; transition:transform .5s ease !important;
}
body.nox-pdp #divIlgiliUrunler .productItem:hover .productImage img{ transform:scale(1.04) !important; }
/* panel: bej zemin, ad + fiyat sol ustte */
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productDetail{
  flex:1 1 auto !important; min-width:0 !important;
  background:#EBE1CC !important;
  text-align:left !important;
  padding:24px 56px 24px 24px !important;
  position:relative !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName{
  text-align:left !important; text-transform:none !important;
  font-size:15px !important; font-weight:300 !important; line-height:1.35 !important;
  letter-spacing:0 !important; color:#212121 !important; margin:0 0 8px !important;
}
body.nox-pdp #divIlgiliUrunler .productName a{ color:#212121 !important; font-weight:300 !important; }
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice{ text-align:left !important; margin:0 !important; }
body.nox-pdp #divIlgiliUrunler .productPrice .discountPriceSpan{
  font-size:14px !important; font-weight:300 !important; color:#212121 !important;
}
/* sepet ikonu: panelin sag-altinda 32x32 beyaz kare (JS-8 basar) */
body.nox-pdp #divIlgiliUrunler .nox-pw-bag{
  position:absolute !important; right:16px !important; bottom:16px !important;
  width:32px !important; height:32px !important; background:#fff !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; text-decoration:none !important; transition:background .2s ease !important;
}
body.nox-pdp #divIlgiliUrunler .nox-pw-bag:hover{ background:#f4f0e6 !important; }
body.nox-pdp #divIlgiliUrunler .nox-pw-bag svg{ width:17px !important; height:17px !important; display:block !important; }

/* mobil: kart tam genislik, gorsel yine 120x180 SABIT (RV birebir) */
@media(max-width:768px){
  body.nox-pdp #IlgiliUrunDiv{ margin-top:28px !important; padding-top:22px !important; }
  body.nox-pdp #divIlgiliUrunler{ padding:0 !important; }
  body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productDetail{ padding:18px 52px 18px 18px !important; }
  body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName{ font-size:14px !important; }
}

/* ================= 2) SON GEZDIKLERINIZ — #noxRecent (JS-10 uretir) ================= */
body.nox-pdp #noxRecent{
  width:100% !important; max-width:100% !important; clear:both !important;
  margin:78px 0 0 !important; padding:0 0 86px !important;
}
body.nox-pdp #noxRecent .nox-rc-head{
  font-size:12px; font-weight:300; letter-spacing:.01em; color:#212121;
  margin:0 0 22px; padding:0 20px;
}
/* serit: yatay kaydirma + snap (RV slider davranisi) */
body.nox-pdp #noxRecent .nox-rc-track{
  display:flex; gap:0; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; padding:0 20px;
}
body.nox-pdp #noxRecent .nox-rc-track::-webkit-scrollbar{ display:none; }
body.nox-pdp #noxRecent .nox-rc-card{
  flex:0 0 355px; max-width:355px; scroll-snap-align:start;
  text-decoration:none; color:#212121; display:block;
}
body.nox-pdp #noxRecent .nox-rc-img{
  width:100%; aspect-ratio:2/3; background:#f6f4f2; overflow:hidden; margin:0 0 16px;
}
body.nox-pdp #noxRecent .nox-rc-img img{
  width:100%; height:100%; object-fit:cover; object-position:center top; display:block;
  transition:transform .5s ease;
}
body.nox-pdp #noxRecent .nox-rc-card:hover .nox-rc-img img{ transform:scale(1.04); }
body.nox-pdp #noxRecent .nox-rc-name{
  font-size:13px; font-weight:300; line-height:1.5; letter-spacing:.02em;
  margin:0 0 7px; padding-right:18px;
}
body.nox-pdp #noxRecent .nox-rc-price{ font-size:13px; font-weight:300; color:#5a5a5a; }

/* mobil: ekranda ~1 kart (RV birebir) */
@media(max-width:768px){
  body.nox-pdp #noxRecent{ margin-top:44px !important; padding-bottom:48px !important; }
  body.nox-pdp #noxRecent .nox-rc-head{ padding:0 14px; margin-bottom:16px; }
  body.nox-pdp #noxRecent .nox-rc-track{ padding:0 14px; }
  body.nox-pdp #noxRecent .nox-rc-card{ flex:0 0 86vw; max-width:86vw; }
}
/* ===== FAZ-28 SON ===== */

/* ===== FAZ-28b: pairs-well-with fiyat hizasi (f-8) — 21 Tem =====
   .discountPriceSpan tema tarafindan display:block + text-align:center;
   kapsayiciya left vermek yetmedi, metin blok icinde ortalaniyordu. */
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice .discountPrice,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice .discountPriceSpan{
  text-align:left !important;
}
/* ===== FAZ-28b SON ===== */

/* ===== FAZ-28c: RV birebir ince ayar (olculerek) — 21 Tem =====
   RV olcumu (1440): panel 430x180 padding 24/60/24/24 · ad 16px/300 ust:24 sol:24
   · fiyat 14px/300 ust:44 · buton 32x32 beyaz, panel sagindan 16 altindan 16
   · ikon 24x24 (icon-add-bag.svg, stroke 1.01)
   Ayrica: recently-viewed seridi RV'de ORTALI. */
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productDetail{
  padding:24px 60px 24px 24px !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName{
  font-size:16px !important; line-height:1.25 !important; margin:0 0 4px !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice .discountPriceSpan{
  font-size:14px !important;
}
/* ikon: RV 24x24 (bizde 17px idi) */
body.nox-pdp #divIlgiliUrunler .nox-pw-bag svg{
  width:24px !important; height:24px !important;
}
/* son gezdikleriniz: RV'de serit ORTALI; tasarsa normal kaydirma (safe) */
body.nox-pdp #noxRecent .nox-rc-track{
  justify-content:safe center;
}
@media(max-width:768px){
  body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productDetail{ padding:18px 52px 18px 18px !important; }
  body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName{ font-size:15px !important; }
  body.nox-pdp #noxRecent .nox-rc-track{ justify-content:flex-start; }
}
/* ===== FAZ-28c SON ===== */
/* --- NOX-RV END --- */


/* --- FAZ-29: SEPET CEKMECESI — beden secim tabakasi + native sag panelin RV'ye giydirilmesi (22 Tem) --- */

/* ============ A) BEDEN SECIM TABAKASI (bedenli urunde ceken ilk adim) ============ */
#noxBedenSecim{ position:fixed; inset:0; z-index:100000; pointer-events:none; }
#noxBedenSecim.acik{ pointer-events:auto; }

#noxBedenSecim .nox-bs-perde{
  position:absolute; inset:0; background:rgba(0,0,0,.32);
  opacity:0; transition:opacity .28s ease;
}
#noxBedenSecim.acik .nox-bs-perde{ opacity:1; }

#noxBedenSecim .nox-bs-panel{
  position:absolute; top:0; right:0; height:100%; width:376px; max-width:100%;
  background:#fff; display:flex; flex-direction:column; padding:24px;
  transform:translateX(100%); transition:transform .32s cubic-bezier(.4,0,.2,1);
  box-shadow:-8px 0 32px rgba(0,0,0,.08);
}
#noxBedenSecim.acik .nox-bs-panel{ transform:translateX(0); }

#noxBedenSecim .nox-bs-head{
  display:flex; align-items:center; justify-content:space-between;
  padding-bottom:16px; border-bottom:1px solid #E5E5E5; margin-bottom:20px;
}
#noxBedenSecim .nox-bs-baslik{ font-size:13px; font-weight:400; letter-spacing:.08em; color:#212121; }
#noxBedenSecim .nox-bs-kapat{
  background:none; border:0; font-size:26px; line-height:1; color:#212121;
  cursor:pointer; padding:0 2px;
}

#noxBedenSecim .nox-bs-urun{ display:flex; gap:14px; margin-bottom:24px; }
#noxBedenSecim .nox-bs-gorsel{ flex:0 0 84px; }
#noxBedenSecim .nox-bs-gorsel img{ width:84px; height:126px; object-fit:cover; display:block; }
#noxBedenSecim .nox-bs-ad{ font-size:13px; line-height:1.35; color:#212121; margin-bottom:6px; }
#noxBedenSecim .nox-bs-fiyat{ font-size:13px; color:#212121; }

#noxBedenSecim .nox-bs-bedenler{
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:auto;
}
#noxBedenSecim .nox-bs-beden{
  min-width:48px; height:40px; padding:0 12px; background:#fff;
  border:1px solid #D6D6D6; font-size:12px; letter-spacing:.04em; color:#212121;
  cursor:pointer; transition:border-color .15s ease, background .15s ease;
}
#noxBedenSecim .nox-bs-beden:hover:not(.tukendi){ border-color:#212121; }
#noxBedenSecim .nox-bs-beden.secili{ border-color:#212121; background:#212121; color:#fff; }
#noxBedenSecim .nox-bs-beden.tukendi{
  color:#BDBDBD; border-color:#EDEDED; cursor:not-allowed; position:relative; overflow:hidden;
}
#noxBedenSecim .nox-bs-beden.tukendi::after{
  content:""; position:absolute; left:-10%; right:-10%; top:50%;
  border-top:1px solid #EDEDED; transform:rotate(-18deg);
}

#noxBedenSecim .nox-bs-ekle{
  width:100%; height:48px; background:#212121; color:#fff; border:0;
  font-size:12px; letter-spacing:.1em; cursor:pointer; margin-top:24px;
}
#noxBedenSecim .nox-bs-ekle:disabled{ background:#C9C9C9; cursor:not-allowed; }

@media(max-width:768px){
  #noxBedenSecim .nox-bs-panel{ width:100%; padding:20px; }
}

/* ============ B) NATIVE SAG PANELI RV GORUNUMUNE GIYDIR ============
   Panel Ticimax'in kendi sablonu (ticimax-Cart-RightSideV3).
   Yapisal farklar RV'ye cevriliyor: gorsel SOLA, toplamlar ALTA. */

body #divCartMiniContent .miniCartRigth{
  width:400px !important; max-width:100% !important;
  background:#fff !important; padding:0 !important;
  display:flex !important; flex-direction:column !important;
}

/* baslik */
body #divCartMiniContent .miniCartRigthHeader{
  padding:22px 24px 18px !important; border-bottom:1px solid #E5E5E5 !important;
}
body #divCartMiniContent .miniCartRigthHeader .spnCartTxt{
  font-size:13px !important; font-weight:400 !important; letter-spacing:.08em !important;
  text-transform:uppercase !important; color:#212121 !important;
}

/* RV'de toplamlar ve butonlar ALTTA -> ust kopyalari gizle */
body #divCartMiniContent .miniCartSubTotalVatTop,
body #divCartMiniContent .miniCartTotalAmountTop,
body #divCartMiniContent .miniCartCampaignDiscount,
body #divCartMiniContent .miniCartCustomizationAmount{ display:none !important; }

/* urun satiri: gorsel SOLA (native'de sagda) */
body #divCartMiniContent .miniCartItem{
  display:flex !important; flex-direction:row-reverse !important;
  gap:14px !important; padding:20px 24px !important;
  border-bottom:1px solid #F0F0F0 !important; align-items:flex-start !important;
}
body #divCartMiniContent .miniCartItem .miniCartRight{ flex:0 0 96px !important; }
body #divCartMiniContent .miniCartItem .miniCartRight img{
  width:96px !important; height:144px !important; object-fit:cover !important; display:block !important;
}
body #divCartMiniContent .miniCartItem .miniCartLeft{ flex:1 1 auto !important; min-width:0 !important; }

body #divCartMiniContent .minimarka{
  font-size:10px !important; letter-spacing:.1em !important; color:#8A8A8A !important;
  text-transform:uppercase !important; margin-bottom:4px !important;
}
body #divCartMiniContent .miniurunAdi{
  font-size:13px !important; line-height:1.35 !important; color:#212121 !important;
  margin-bottom:8px !important;
}
body #divCartMiniContent .miniCartDetayItem.eksecenek{
  font-size:12px !important; color:#6A6A6A !important; margin-bottom:6px !important;
}

/* adet stepper — RV'nin ince cizgili kutusu */
body #divCartMiniContent .adettanim{ margin-top:10px !important; }
body #divCartMiniContent .adettanim3{
  display:inline-flex !important; align-items:center !important;
  border:1px solid #D6D6D6 !important; height:32px !important;
}
body #divCartMiniContent .aMiniSepetAzalt,
body #divCartMiniContent .aMiniSepetArtir{
  width:32px !important; height:30px !important; display:flex !important;
  align-items:center !important; justify-content:center !important;
  color:#212121 !important; font-size:11px !important;
}
body #divCartMiniContent .txtMiniSepetAdet{
  width:34px !important; height:30px !important; text-align:center !important;
  border:0 !important; font-size:12px !important; color:#212121 !important; background:transparent !important;
}

body #divCartMiniContent .miniCartButtonSil{
  font-size:11px !important; letter-spacing:.06em !important; color:#8A8A8A !important;
  text-decoration:underline !important; text-underline-offset:3px !important; margin-top:10px !important;
}
body #divCartMiniContent .CartPrice,
body #divCartMiniContent .DiscountPrice{
  font-size:13px !important; color:#212121 !important; margin-top:8px !important;
}

/* alt blok: ara toplam + CTA */
body #divCartMiniContent .miniCartSubTotalVatBottom,
body #divCartMiniContent .miniCartTotalAmountBottom{
  padding:14px 24px !important; font-size:13px !important; color:#212121 !important;
}
body #divCartMiniContent .miniCartTotalAmountBottom{
  border-top:1px solid #E5E5E5 !important; font-weight:500 !important;
}
body #divCartMiniContent .siparis-tamamla-button{
  height:48px !important; background:#212121 !important; color:#fff !important;
  font-size:12px !important; letter-spacing:.1em !important; text-transform:uppercase !important;
  border-radius:0 !important; margin:0 24px 12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
/* RV'de tek CTA var -> ikincil "Sepete Git" butonunu gizle */
body #divCartMiniContent .basketUrlButton{ display:none !important; }

@media(max-width:768px){
  body #divCartMiniContent .miniCartRigth{ width:100% !important; }
  body #divCartMiniContent .miniCartItem .miniCartRight{ flex:0 0 84px !important; }
  body #divCartMiniContent .miniCartItem .miniCartRight img{ width:84px !important; height:126px !important; }
}
/* --- FAZ-29 END --- */


/* --- FAZ-29b: cekmece duzeltmeleri (22 Tem) --- */
/* TUZAK: sinif adlari yaniltici. .miniCartRight GORSELI tutar ve DOM'da ONCE gelir,
   .miniCartLeft metni tutar ve sonra gelir. RV'de gorsel SOLDA olacagi icin dogru
   deger "row"; FAZ-29'daki row-reverse gorseli saga atiyordu. */
body #divCartMiniContent .miniCartItem{ flex-direction:row !important; }

/* Ticimax'in "sepete eklendi" onay penceresi cekmecenin uzerine biniyordu.
   RV'de boyle bir pencere yok, tek geri bildirim cekmecenin kendisi.
   Asil kapatma JS-14'te (disablePopup); bu kural emniyet kemeri. */
body #sepetEkleModal{ display:none !important; }
/* --- FAZ-29b END --- */


/* --- FAZ-29c: cekmece ic duzen — CTA tekillestirme + dibe yaslama (22 Tem) --- */
/* Sablon .miniCartRigthScroll icine sunu bu SIRAYLA basiyor:
     1 ust toplam (FAZ-29'da gizlendi) · 2 UST CTA blogu · 3 hediye ceki
     4 urunler · 5 alt toplam · 6 ALT CTA blogu
   RV'de tek CTA var ve en altta; hediye ceki de urunlerin ALTINDA. */
body #divCartMiniContent .miniCartRigthScroll{
  display:flex !important; flex-direction:column !important;
}
/* CTA bloklarinin ikisi de ayni sinifta -> once hepsini kapat, SON olani geri ac */
body #divCartMiniContent .miniCartRigthScroll > .miniCartSatir2{ display:none !important; }
body #divCartMiniContent .miniCartRigthScroll > .miniCartSatir2:last-child{ display:block !important; }

/* siralama: urunler buyusun ki toplam+CTA dibe yaslansin (bosluk sorunu) */
body #divCartMiniContent .miniCartRigthScroll > .miniCartContent{ order:1 !important; flex:1 1 auto !important; }
body #divCartMiniContent .miniCartRigthScroll > .hediyeCekiBtnContent{ order:2 !important; }
body #divCartMiniContent .miniCartRigthScroll > .miniCartSubTotalVatBottom{ order:3 !important; }
body #divCartMiniContent .miniCartRigthScroll > .miniCartTotalAmountBottom{ order:4 !important; }
body #divCartMiniContent .miniCartRigthScroll > .miniCartSatir2:last-child{ order:5 !important; }

/* CTA tema tarafinda sabit genislik aliyor (384px) + 24px marjlar = tasma.
   width:auto ile marjlar genisligi belirlesin. */
body #divCartMiniContent .siparis-tamamla-button{
  width:auto !important; box-sizing:border-box !important;
}
/* --- FAZ-29c END --- */


/* --- FAZ-30: PDP dili RV'ye yaklastirma — font/CTA/baslik/beden (22 Tem) ---
   RV-PDP karsilastirmasindan (bkz. 2026-07-22_RV-PDP-karsilastirma.html)
   Berfu'nun onayladigi ilk 4 madde. YALNIZCA body.nox-pdp kapsaminda; baska sayfa etkilenmez.
   Ozgulluk notu (f-8): tema kurallari #divUrunEkSecenek / #divSatinAl ile 1-ID; bu yuzden
   biz de o ID'leri + element (span/input) ekleyerek ozgullugu gecirdik. */

/* ===== 1) FONT — karisik (Roboto+Helvetica) yerine tek zarif aile: Jost (zaten yuklu) ===== */
body.nox-pdp #ProductDetailMain .RightDetail,
body.nox-pdp #ProductDetailMain .RightDetail p,
body.nox-pdp #ProductDetailMain .RightDetail a,
body.nox-pdp #ProductDetailMain .RightDetail label,
body.nox-pdp #ProductDetailMain .RightDetail input,
body.nox-pdp #ProductDetailMain .RightDetail button,
body.nox-pdp #ProductDetailMain .ProductName,
body.nox-pdp #ProductDetailMain .ProductName h1,
body.nox-pdp #ProductDetailMain .size_box,
body.nox-pdp #ProductDetailMain .PriceList,
body.nox-pdp #ProductDetailMain .PriceList span{
  font-family:'Jost','Helvetica Neue',Arial,sans-serif !important;
}

/* ===== 3) BASLIK — 13/16px'ten 22px'e, ince (RV 19px light hissi) ===== */
body.nox-pdp #ProductDetailMain .ProductName,
body.nox-pdp #ProductDetailMain .ProductName h1{
  font-size:22px !important; font-weight:300 !important; letter-spacing:.02em !important;
  line-height:1.25 !important; color:#212121 !important;
}

/* ===== 2) CTA — siyahtan RV'nin sicak kahvesine (#755B3D) =====
   Siyah, input'un KENDI arkaplani (var(--nox-ink)=#212121). Wrapper #divSatinAl + input ile gec. */
body.nox-pdp #divSatinAl .basketBtn input.Addtobasket.btnAddBasketOnDetail,
body.nox-pdp #divSatinAl input.Addtobasket.btnAddBasketOnDetail{
  background-color:#755B3D !important; background-image:none !important;
  border-color:#755B3D !important; color:#fff !important;
}
body.nox-pdp #divSatinAl input.Addtobasket.btnAddBasketOnDetail:hover{
  background-color:#67502F !important; border-color:#67502F !important;
}
/* mobil sabit alt cubuk (bizim nsb bileseni) da ayni kahve olsun — tutarlilik */
body.nox-pdp button.nsb-add{ background-color:#755B3D !important; border-color:#755B3D !important; }
body.nox-pdp button.nsb-add:hover{ background-color:#67502F !important; }

/* ===== 4) BEDEN — cerceveli kutudan RV'nin cercevesiz/alti-cizili diline ===== */
body.nox-pdp #divUrunEkSecenek span.size_box{
  border:0 !important; background:transparent !important;
  min-width:0 !important; width:auto !important; height:auto !important;
  padding:4px 2px !important; margin:0 20px 0 0 !important;
  font-size:15px !important; color:#212121 !important; line-height:1.4 !important;
}
body.nox-pdp #divUrunEkSecenek span.size_box.selected{
  background:transparent !important; color:#212121 !important;
  text-decoration:underline !important; text-underline-offset:5px !important;
  text-decoration-thickness:1px !important; font-weight:500 !important;
}
/* tukenen beden gorunur kalir: gri + ustu cizili (kutu icindeki capraz cizgi kaldirildi) */
body.nox-pdp #divUrunEkSecenek span.size_box.nostok{
  color:#c4c4c4 !important; text-decoration:line-through !important; cursor:not-allowed !important;
}
body.nox-pdp #divUrunEkSecenek span.size_box.nostok::before,
body.nox-pdp #divUrunEkSecenek span.size_box.nostok::after{ display:none !important; }
/* --- FAZ-30 END --- */


/* --- FAZ-31: PLP RV dili — urun izgarasi kenar-kenara (22 Tem) ---
   RV-PLP karsilastirmasindan (2026-07-22_RV-PLP-karsilastirma.html). Berfu onayi: madde 1.
   Kapsam: YALNIZCA .categoryContainer (kategori/liste sayfasi). Anasayfa vitrini + PDP rail'leri ETKILENMEZ.
   Olcum (preview 10041, 1440): grid #ProductPageProductList flex/wrap 1260px, 4 kolon (col-lg-3);
     .ItemOrj padding 10px -> gorsel 295px; padding'i 0 yapinca gorsel 315px'e buyur ve komsu gorselle
     yatay bosluk 0 (dogrulandi: kenarlar 405/720/1035'te bitisik). Gorseller beyaz zeminli oldugu icin
     kenar-kenara dikissiz birlesiyor (RV editoryal hissi).
   NOT (madde 3): "KDV Dahil gizle" + "sepet ikonu gizle" FAZ-2'de ZATEN yapilmis (preview'da display:none).
     "uppercase->normal" ise adlar DB'de BUYUK + TR/EN karisik oldugu icin otomatik Title Case guvenli degil
     (TR-locale MINI->Mini bozar; I->i haritasi TAKIMI->Takimi bozar) — Berfu karari bekliyor, uygulanmadi. */

/* ===== 1) IZGARA — kenar-kenara: yatay gutter 10px->0, dikey 40->24 ===== */
.categoryContainer #ProductPageProductList .ItemOrj{
  padding-left:0 !important; padding-right:0 !important;
}
.categoryContainer #ProductPageProductList .productItem{
  margin-bottom:24px !important;
}
/* gorsel kolonu tam doldursun (295->315, komsu gorselle degsin) */
.categoryContainer #ProductPageProductList .productImage,
.categoryContainer #ProductPageProductList .productImage img{
  width:100% !important;
}
/* metin gorsel kenarina yapismasin — kucuk ust nefes + hafif yatay inset */
.categoryContainer #ProductPageProductList .productDetail{
  padding:14px 6px 0 !important;
}
/* --- FAZ-31 END --- */

/* --- FAZ-33: PLP RV filtre sidebar (sol dikey + checkbox akordeon + mobil drawer) (22 Tem) ---
   NOX-RV-JS-17 ile calisir. RV-PLP madde 2 yeniden tasarim. FAZ-32'yi (basit yatay-bar toggle) DEGISTIRIR.
   Kapsam: YALNIZCA .categoryContainer. Native `.category-vertical-filters.top-filters` bari sol sidebar'a
   donusturulur; `.liFiltreElement`'ler checkbox gibi gosterilir (native setFilter + .selected). Grid saga kayar.
   Not: div-yeni (Filtreler/Yeni Urunler) sidebar'dan gizlendi (Berfu). SIRALA saga alindi. */

/* ===== TOGGLE (FILTRELE) — kendi satirinda sola dayali ===== */
.categoryContainer #noxFilterToggle{
  display:flex !important; width:fit-content; align-items:center; gap:8px; cursor:pointer;
  font-family:'Jost','Helvetica Neue',Arial,sans-serif; font-size:13px; letter-spacing:.08em;
  text-transform:uppercase; color:#212121; background:transparent; border:0;
  padding:6px 0; margin:6px 0 2px 0; line-height:1;
}
.categoryContainer #noxFilterToggle .nox-ft-ico{ font-size:16px; }
.categoryContainer #noxFilterToggle .nox-ft-arrow{ font-size:10px; transition:transform .2s; }
.categoryContainer #noxFilterToggle.nox-open .nox-ft-arrow{ transform:rotate(180deg); }

/* ===== TOP BAR — FILTRELE | SIRALA matched cerceveli bar (RV) — masaustu+mobil ===== */
.categoryContainer #noxTopBar{ display:flex !important; align-items:center; justify-content:space-between;
  border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:6px 0 18px; padding:0; position:relative; z-index:26; }
.categoryContainer #noxTopBar #noxFilterToggle{ margin:0 !important; padding:14px 16px !important; border-right:1px solid #e6e6e6 !important; }
.categoryContainer #noxTopBar #noxSort{ display:inline-block !important; float:none !important; margin:0 !important; padding:0 16px 0 0 !important; }
.categoryContainer #noxTopBar #noxSort .nox-sort-btn{ padding:14px 0 !important; }
/* mobilde native Ticimax mobil filtre/sirala butonlarini gizle (kendi matched barimiz var) */
@media(max-width:768px){
  .categoryContainer .mobilFilterOpenBtn, .categoryContainer .mobilFilterBtn, .categoryContainer .mobilSiralamBtn{ display:none !important; }
}

/* ===== SIDEBAR (bar.nox-open) — masaustu: sol dikey kolon ===== */
.categoryContainer .category-vertical-filters.top-filters{ display:none !important; }
.categoryContainer .category-vertical-filters.top-filters.nox-open{
  display:block !important; position:absolute !important; width:250px !important; z-index:20 !important;
  background:#fff !important; padding:0 !important; float:none !important; margin:0 !important;
}
/* Filtreler (Yeni Urunler/Ucretsiz Kargo) grubunu + mobil-only artiklari gizle */
.categoryContainer .top-filters.nox-open .div-yeni,
.categoryContainer .top-filters.nox-open .FiltreUst,
.categoryContainer .top-filters.nox-open .tukgo{ display:none !important; }

/* paneller dikey stack */
.categoryContainer .top-filters.nox-open .vertical-filter-panel{
  display:block !important; width:100% !important; float:none !important; margin:0 !important; border:0 !important;
  border-bottom:1px solid #ececec !important; background:transparent !important; position:static !important;
}
.categoryContainer .top-filters.nox-open .panel-heading{
  width:100% !important; padding:15px 0 !important; background:transparent !important; border:0 !important;
  cursor:pointer !important; position:relative !important; margin:0 !important;
}
.categoryContainer .top-filters.nox-open .panel-heading .panel-title{
  font-family:'Jost',sans-serif !important; font-size:12px !important; letter-spacing:.1em !important;
  text-transform:uppercase !important; color:#212121 !important; font-weight:500 !important;
}
/* +/- gostergesi */
.categoryContainer .top-filters.nox-open .panel-heading::after{
  content:'+' !important; position:absolute !important; right:4px !important; top:14px !important;
  font-size:15px !important; color:#666 !important; line-height:1 !important; font-family:Arial,sans-serif !important;
}
.categoryContainer .top-filters.nox-open .vertical-filter-panel.nox-exp .panel-heading::after{ content:'\2212' !important; }

/* liste: default gizli, .nox-exp'te inline (overlay degil) */
.categoryContainer .top-filters.nox-open .vertical-filter-panel > ul.list-group{
  display:none !important; position:static !important; float:none !important; width:100% !important;
  box-shadow:none !important; border:0 !important; background:transparent !important; max-height:none !important;
  height:auto !important; opacity:1 !important; visibility:visible !important; transform:none !important;
  margin:0 !important; padding:0 !important; top:auto !important; left:auto !important;
}
.categoryContainer .top-filters.nox-open .vertical-filter-panel.nox-exp > ul.list-group{ display:block !important; padding:0 0 14px !important; }
.categoryContainer .top-filters.nox-open .div-kategori.nox-exp > ul.list-group{ max-height:250px !important; overflow-y:auto !important; }

/* checkbox satirlari */
.categoryContainer .top-filters.nox-open .liFiltreElement{
  display:block !important; width:100% !important; float:none !important; clear:both !important; border:0 !important;
  position:relative !important; padding:7px 0 7px 26px !important; margin:0 !important; text-align:left !important;
  font-family:'Jost',sans-serif !important; font-size:13px !important; color:#333 !important; cursor:pointer !important;
  background:transparent !important; list-style:none !important;
}
.categoryContainer .top-filters.nox-open .liFiltreElement a{
  color:inherit !important; text-transform:none !important; padding:0 !important; font-size:13px !important;
  letter-spacing:0 !important; display:inline !important; float:none !important; background:transparent !important; border:0 !important;
}
.categoryContainer .top-filters.nox-open .liFiltreElement::before{
  content:'' !important; position:absolute !important; left:0 !important; top:8px !important; width:15px !important;
  height:15px !important; border:1px solid #bbb !important; background:#fff !important; box-sizing:border-box !important;
}
.categoryContainer .top-filters.nox-open .liFiltreElement.selected::before{ background:#212121 !important; border-color:#212121 !important; }
.categoryContainer .top-filters.nox-open .liFiltreElement.selected::after{
  content:'\2713' !important; position:absolute !important; left:2.5px !important; top:6px !important; color:#fff !important;
  font-size:11px !important; line-height:1 !important;
}
/* Kategori paneli = navigasyon (link), checkbox gosterme */
.categoryContainer .top-filters.nox-open .div-kategori .liFiltreElement::before,
.categoryContainer .top-filters.nox-open .div-kategori .liFiltreElement::after{ display:none !important; }
.categoryContainer .top-filters.nox-open .div-kategori .liFiltreElement{ padding-left:0 !important; }

/* Beden arama kutusu (native) — sidebar'da sade */
.categoryContainer .top-filters.nox-open .div-secenek input[type=text]{
  width:100% !important; box-sizing:border-box !important; padding:8px 10px !important; margin:0 0 8px !important;
  border:1px solid #e2e2e2 !important; font-family:'Jost',sans-serif !important; font-size:13px !important;
}

/* ===== GRID reflow (masaustu) ===== */
.categoryContainer .ProductListContent.nox-shift{ margin-left:290px !important; }

/* ===== BACKDROP + DRAWER kapat (mobil) ===== */
#noxFiltBackdrop{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:99999; }
#noxFiltBackdrop.nox-on{ display:block; }
#noxDrawerClose{ display:none; }

/* ===== MOBIL (<=768): sidebar tam boy soldan drawer ===== */
@media (max-width:768px){
  .categoryContainer .category-vertical-filters.top-filters.nox-open{
    position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important; height:100% !important;
    width:86% !important; max-width:330px !important; z-index:100000 !important; overflow-y:auto !important;
    padding:54px 20px 30px !important; box-shadow:2px 0 24px rgba(0,0,0,.25) !important; margin:0 !important;
  }
  .categoryContainer .ProductListContent.nox-shift{ margin-left:0 !important; }   /* grid tam genislik */
  body.nox-drawer-open{ overflow:hidden !important; }
  #noxDrawerClose{
    display:flex !important; position:fixed !important; top:12px !important; left:14px !important; z-index:100001 !important;
    width:34px !important; height:34px !important; align-items:center !important; justify-content:center !important;
    font-size:22px !important; color:#212121 !important; cursor:pointer !important; background:transparent !important; border:0 !important;
  }
}
@media (min-width:769px){ #noxDrawerClose{ display:none !important; } }
/* --- FAZ-33 END --- */


/* --- FAZ-34: filtre/sirala matched-pair + FIYAT akordeon + huni ikon (22 Tem) ---
   FILTRELE (huni ikon, chevron yok) ve SIRALA (chevron, ikon yok) ayni tipografi/borderless — RV bar.
   div-fiyat-filter basliksizdi (slider BEDEN altina dokuluyordu) → JS-17 ensureFiyatHeading 'FIYAT'
   basligi enjekte eder; burada slider default gizli, .nox-exp'te acilir. Stoktakiler JS-17'de cikarildi. */

/* SIRALA tusu = FILTRELE ile ayni tipografi (borderless, 13px), RV cerceve ayraci ile */
.categoryContainer #noxTopBar #noxSort{ border-left:1px solid #e6e6e6 !important; padding:0 16px !important; }
.categoryContainer #noxTopBar #noxSort .nox-sort-btn{
  padding:14px 0 !important; height:44px !important; font-size:13px !important; letter-spacing:.08em !important;
  font-family:'Jost','Helvetica Neue',Arial,sans-serif !important; color:#212121 !important;
  background:transparent !important; border:0 !important; gap:8px !important; text-transform:uppercase !important; }
.categoryContainer #noxTopBar #noxSort .nox-sort-btn:hover{ border:0 !important; background:transparent !important; }
.categoryContainer #noxTopBar #noxSort .nox-sort-ico{ font-size:10px !important; color:#212121 !important; }

/* FILTRELE huni ikon (SVG) */
.categoryContainer #noxFilterToggle .nox-ft-ico{ display:inline-flex !important; align-items:center !important; font-size:0 !important; }
.categoryContainer #noxFilterToggle .nox-ft-ico svg{ display:block !important; }

/* FIYAT akordeon: slider default gizli, FIYAT basligina tiklayinca acilir */
.categoryContainer .top-filters.nox-open .div-fiyat-filter .FiyatSlider{ display:none !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter.nox-exp .FiyatSlider{ display:block !important; padding:12px 2px 16px !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter .FiyatSlider .amount{ font-family:'Jost',sans-serif !important; font-size:12px !important; color:#555 !important; margin-top:12px !important; }

/* Tek tip +/- gostergesi: native FontAwesome chevron'u gizle (native chevron gizle) */
.categoryContainer .top-filters.nox-open .panel-heading a.panel-title::after,
.categoryContainer .top-filters.nox-open .panel-heading .moreNum{ display:none !important; content:none !important; }

/* FIYAT panel: native absolute/negatif-margin kaosu → temiz flex kolon (FIYAT panel: temiz flex kolon) */
.categoryContainer .top-filters.nox-open .div-fiyat-filter{ display:flex !important; flex-direction:column !important; position:static !important; float:none !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter .panel-heading{ order:0 !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter .FiyatSlider{ order:1 !important; position:static !important; margin:0 !important; padding:12px 2px 16px !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter .FiyatSlider .slider-range{ position:relative !important; top:auto !important; left:auto !important; margin:6px 6px 0 !important; }
.categoryContainer .top-filters.nox-open .div-fiyat-filter .FiyatSlider .amount{ position:static !important; margin:14px 0 0 !important; height:auto !important; min-height:0 !important; padding:0 !important; line-height:1.4 !important; }
/* --- FAZ-34 END --- */


/* --- FAZ-35: recently-viewed RV grid — 4 kolon tek sira (mobil 2) (22 Tem) ---
   JS-10 rail'i RV gibi: yatay-scroll serit → 4-kolon grid. En fazla 4 urun (JS-10 GOSTER=4). RV data-limit=4 / column-count:4. */
body.nox-pdp #noxRecent .nox-rc-track{
  display:grid !important; grid-template-columns:repeat(4, 1fr) !important;
  gap:0 16px !important; overflow:visible !important; scroll-snap-type:none !important; padding:0 20px !important;
}
body.nox-pdp #noxRecent .nox-rc-card{
  flex:0 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important;
}
@media(max-width:768px){
  body.nox-pdp #noxRecent .nox-rc-track{ grid-template-columns:repeat(2, 1fr) !important; gap:20px 12px !important; }
  body.nox-pdp #noxRecent .nox-rc-card{ flex:0 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; }
}

/* recently-viewed baslik RV gibi: RECENTLY VIEWED — merkezi, uppercase, 13px/400/1.3px (recently head RV) */
body.nox-pdp #noxRecent .nox-rc-head{
  text-align:center !important; text-transform:uppercase !important;
  font-size:13px !important; font-weight:400 !important; letter-spacing:1.3px !important;
  color:#000 !important; margin:0 0 30px !important; padding:0 !important;
}
/* --- FAZ-35 END --- */


/* --- FAZ-36: Zara menü — hamburger (≡) + sol drawer (masaüstü) (22 Tem) ---
   NOX-RV-JS-20 ile calisir. Masaustu: yatay kategori bari gizli, kategoriler ≡ ardinda sol drawer'da.
   Mobil: kendi ≡/drawer gizli, native mobil menu kalir. */
@media(min-width:769px){
  .newHeaderNavigation{ display:none !important; }
  #noxHam{ display:flex !important; flex-direction:column; justify-content:center; gap:5px;
    width:30px; height:30px; padding:0; margin:0 18px 0 0; background:transparent; border:0; cursor:pointer; align-self:center; }
  #noxHam span{ display:block; width:24px; height:1px; background:#111; }
}
@media(max-width:768px){ #noxHam{ display:none !important; } #noxMenuDrawer, #noxZmBack{ display:none !important; } }

#noxMenuDrawer{ position:fixed; top:0; left:0; bottom:0; width:400px; max-width:88%; background:#fff;
  z-index:100001; transform:translateX(-100%); transition:transform .32s cubic-bezier(.4,0,.2,1);
  overflow-y:auto; padding:20px 0 44px; box-shadow:2px 0 34px rgba(0,0,0,.13); }
#noxMenuDrawer.nox-on{ transform:translateX(0); }
#noxZmBack{ position:fixed; inset:0; background:rgba(0,0,0,.34); z-index:100000; opacity:0; visibility:hidden; transition:opacity .32s, visibility .32s; }
#noxZmBack.nox-on{ opacity:1; visibility:visible; }
body.nox-zm-lock{ overflow:hidden; }
.nox-zm-top{ display:flex; justify-content:flex-end; padding:4px 24px 14px; }
.nox-zm-close{ background:transparent; border:0; font-size:20px; color:#111; cursor:pointer; line-height:1; padding:4px; }
.nox-zm-item{ border-bottom:1px solid #f2f2f2; }
.nox-zm-head{ display:flex; align-items:center; }
.nox-zm-cat{ flex:1; display:block; padding:16px 24px; font-family:'Jost','Helvetica Neue',Arial,sans-serif;
  font-size:15px; letter-spacing:.07em; text-transform:uppercase; color:#111 !important; text-decoration:none; font-weight:400; }
.nox-zm-cat:hover{ color:#000 !important; }
.nox-zm-exp{ background:transparent; border:0; font-size:17px; color:#999; width:44px; height:44px; margin-right:6px;
  cursor:pointer; line-height:1; font-family:Arial,sans-serif; flex:0 0 auto; }
.nox-zm-sub{ display:none; padding:0 24px 12px; }
.nox-zm-item.nox-zm-open .nox-zm-sub{ display:block; }
.nox-zm-sub a{ display:block; padding:8px 0; font-family:'Jost',sans-serif; font-size:13px; letter-spacing:.02em;
  color:#777 !important; text-decoration:none; }
.nox-zm-sub a:hover{ color:#111 !important; }
/* --- FAZ-36 END --- */


/* --- FAZ-37: header daha minimal (Zara) — etiketleri gizle, arama sade, ince ikon set (22 Tem) ---
   NOX-RV-JS-21 ikonları SVG'ye çevirir; burada metin etiketleri gizlenir + arama kutusu sadelesir. Masaustu. */
@media(min-width:769px){
  .account-title, .header-favori-title, .header-cart-title{ display:none !important; }
  .account-link, .favori-link, .header-cart-link{ color:#111 !important; }
  .nox-hico{ display:inline-flex !important; align-items:center; color:#111; }
  .nox-hico svg{ display:block; }
  .header-favori-count, .sepetUrunSayisi{ font-size:10px !important; color:#111 !important; font-weight:400 !important; margin-left:2px !important; }
  /* arama: cerceve kaldir, ince alt hairline, uppercase */
  .searchform-wrapper{ border:0 !important; background:transparent !important; box-shadow:none !important; }
  .searchform-wrapper .urunSearchAC, #txtbxArama{ border:0 !important; border-bottom:1px solid #e2e2e2 !important;
    background:transparent !important; font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important; padding:6px 4px !important; }
  .searchform-wrapper .urunSearchAC::placeholder, #txtbxArama::placeholder{ color:#9a9a9a !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
}
/* --- FAZ-37 END --- */

/* --- FAZ-38 START: PDP sticky buy panel (A1) + "Bunlarla iyi gider" kart temizlik (A2) + kargo/iade guven satiri (A3) — 22 Tem (rev2: specificity duzeltmesi) --- */
/* A1 — buy-info (.RightDetail) sticky. Mevcut "#noxRightRail > .RightDetail{position:static!important}" (spec 1,2,1) eziyordu
   -> ayni spec + dosya sonunda gelerek kazan. Sol galeri uzun, sag sutun kaydirilirken fiyat+beden+SEPETE EKLE ekranda kalir. */
/* A1 sticky IPTAL edildi (Berfu 22 Tem) — .RightDetail normal akista (static) kalir. */

/* A2 (rev2 — RV "Pairs well with" bire bir): gorsel 120x180 sol + ad/fiyat sag (sentence-case, weight 300, #212121),
   cizgi/divider YOK, kartlar arasi 16px gap, baslik 12px/300/sentence-case. RV .product-upsell birebir olculdu. */
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productItem{
  background:rgb(237,225,202) !important; display:flex !important; align-items:flex-start;
  margin:0 0 16px !important; padding:0 !important; border:0 !important; min-height:0 !important; box-shadow:none !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productItem:last-child{ margin-bottom:0 !important; }
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productImage{
  background:rgb(237,225,202) !important; width:120px !important; height:180px !important; min-width:120px !important;
  flex:0 0 120px !important; margin:0 !important; padding:0 !important; overflow:hidden; border-radius:0 !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productImage > a,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productImage .detailLink{ display:block; width:120px !important; height:180px !important; }
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productImage img{
  width:120px !important; height:180px !important; object-fit:cover !important; max-width:none !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productDetail{
  background:transparent !important; width:auto !important; flex:1 1 auto !important;
  padding:22px 6px 0 18px !important; margin:0 !important; text-align:left !important; position:static !important;
  display:flex; flex-direction:column; justify-content:flex-start; gap:5px; min-height:0 !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productName a{
  font-size:12px !important; line-height:1.4 !important; letter-spacing:normal !important;
  text-transform:none !important; color:#212121 !important; font-weight:300 !important; margin:0 !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .discountPriceSpan,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .productPrice .discountPriceSpan{
  font-size:12px !important; color:#212121 !important; font-weight:300 !important; margin:0 !important; padding:0 !important;
}
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .ItemV3_col3{ display:none !important; }
/* baslik "Bunlarla iyi gider" — RV: 12px, weight 300, sentence-case, sol, mb 6px */
body.nox-pdp #ProductDetailMain #IlgiliUrunDiv .JKatAdi,
body.nox-pdp #ProductDetailMain #divIlgiliUrunler .JKatAdi{
  text-transform:none !important; font-size:12px !important; letter-spacing:normal !important; font-weight:300 !important;
  color:#212121 !important; text-align:left !important; margin:0 0 6px !important; padding:0 !important;
  min-height:0 !important; height:auto !important; line-height:1.3 !important; background:transparent !important;
}

/* A3 — kargo/iade guven satiri (JS-22 .nox-ship enjekte eder). Kesin iddia yok: "kosullarda belirtilen sartlar dahilinde" + Mesafeli Satis Sozlesmesi linki. */
body.nox-pdp .nox-ship{ width:100% !important; clear:both; float:none; margin:14px 0 4px; padding:14px 0 0; border-top:1px solid #efecea; display:flex; flex-direction:column; gap:11px; box-sizing:border-box; }
body.nox-pdp .nox-ship-row{ display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.45; color:#3d3d3d; }
body.nox-pdp .nox-ship-row svg{ flex:0 0 18px; width:18px; height:18px; margin-top:1px; }
body.nox-pdp .nox-ship-row b{ font-weight:600; color:#111; }
body.nox-pdp .nox-ship-row a{ color:#111; text-decoration:underline; }
/* --- FAZ-38 END --- */



/* --- FAZ-39 START: PDP uzun-galeri "Bunlarla iyi gider" takip (RV is-sticky) — 23 Tem --- */
/* Berfu secimi: pairs kolonu galeriyi TAKIP etsin; buy panel'e (.RightDetail) DOKUNMA -> non-sticky kalir (A1 iptali korunur).
   Sorun: 5+ fotolu urunde galeri cok uzun (or. 4589px), 6 kartlik ekleme (max) 2338px farki kapatamiyor -> sag alan erken bitip bosaliyordu.
   Cozum = RV'nin gercek yontemi: negatif-top sticky (elemanin ALT kenari viewport altina pinlenir, buy panel normal akista yukari kayar).
   JS "nox-follow" (ray) + "nox-pairs-follow" (#IlgiliUrunDiv) siniflarini SADECE galeri >> ray oldugunda ekler; esit-boy urunde (polka-dot) devreye GIRMEZ.
   top degeri JS'ten inline gelir (viewport yuksekligine bagli). CRASH-SAFE: sadece timer + throttled resize, observer YOK. */
@media (min-width:769px){
  body.nox-pdp #noxRightRail.nox-follow{ align-self:stretch !important; }
  body.nox-pdp #noxRightRail.nox-follow #IlgiliUrunDiv.nox-pairs-follow{
    position:sticky !important;
    align-self:flex-start;
    /* top: JS inline (viewport-bagli negatif/pozitif) */
  }
}
/* --- FAZ-39 END --- */


/* --- FAZ-40 START: mobil hamburger = NOX drawer (dogru NOX_MENU) — 23 Tem --- */
/* Onceki kural mobilde NOX drawer'i gizliyordu ("native menu kalir"). Native mobil menu BAYAT (eski isim/yapi/kirik link).
   Cozum: mobilde de NOX drawer'i (JS-20 NOX_MENU'den kurulan dogru agac) goster; native ☰ butonu JS-24 ile bu drawer'i acar.
   #noxHam mobilde GIZLI kalir (native ☰ zaten var, onu kullaniyoruz). Sadece drawer+backdrop'un display:none'unu geri al. */
@media (max-width:768px){
  #noxMenuDrawer{ display:block !important; }
  #noxZmBack{ display:block !important; }
  /* native mobil menu paneli acilirsa gorunmesin (JS-24 zaten native'i engeller; bu emniyet) */
  .newMenuContent.nox-native-hide{ display:none !important; }
}
/* --- FAZ-40 END --- */



/* ===== FAZ-41: PLP pagination — Raisa Vanessa (RV) tarzi — 23 Tem =====
   Mensure yapisi korunur (.pageNumber > .pageBorder > a + productListSetPage),
   sadece gorunum RV'ye gore giydirilir. CSS-only -> AJAX sonrasi yeniden cizimde de otomatik uygulanir.
   RV spec: Figtree 300 / 14px / #212121, ortali flex, aktif sayfa 1px kare kutu (box-shadow 0 0 0 1px),
   sayfa arasi margin 0 12px, "..." ayrac muted, prev/next "Previous"/"Next" + ince cizgi-ok. ===== */
.pageNumber{ text-align:center !important; border:0 !important; background:none !important; padding:0 !important; margin:28px 0 10px !important; }
.pageBorder{
  display:flex !important; justify-content:center; align-items:center; flex-wrap:wrap;
  gap:0; padding:20px 8px !important; border:0 !important; background:none !important; width:auto !important;
}
.pageBorder a{
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size:14px !important; font-weight:300 !important; line-height:1 !important;
  color:#212121 !important; text-decoration:none !important;
  padding:4px 8px !important; margin:0 12px !important;
  background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none;
  min-width:auto !important; width:auto !important; height:auto !important; float:none !important; transition:opacity .15s ease;
}
.pageBorder a:hover{ opacity:.5; }
/* aktif sayfa -> 1px kare kutu (RV) */
.pageBorder a.SelectedSayfa{
  box-shadow:0 0 0 1px #212121 !important; color:#212121 !important; opacity:1 !important; cursor:default;
}
/* "..." ayrac -> duz, kutu yok, tiklanmaz */
.pageBorder a.butonDisabled:not(.SelectedSayfa){
  box-shadow:none !important; cursor:default; pointer-events:none; opacity:1; letter-spacing:1px;
}
/* prev "<" (yalniz sayfa>1: first-child ve aktif degil) -> "< Previous" */
.pageBorder a:first-child:not(.SelectedSayfa){
  font-size:0 !important; display:inline-flex; align-items:center; gap:7px;
}
.pageBorder a:first-child:not(.SelectedSayfa)::before{
  content:""; width:19px; height:14px; display:inline-block; opacity:.9;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23212121'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M18.5%2012H6m0%200%206-6m-6%206%206%206'/%3E%3C/svg%3E") no-repeat center/contain;
}
.pageBorder a:first-child:not(.SelectedSayfa)::after{ content:"\0000d6nceki"; font-size:14px; font-weight:300; letter-spacing:.3px; }
/* next ">" (last-child, aktif degil) -> "Next >" */
.pageBorder a:last-child:not(.SelectedSayfa){
  font-size:0 !important; display:inline-flex; align-items:center; gap:7px;
}
.pageBorder a:last-child:not(.SelectedSayfa)::before{ content:"Sonraki"; font-size:14px; font-weight:300; letter-spacing:.3px; }
.pageBorder a:last-child:not(.SelectedSayfa)::after{
  content:""; width:19px; height:14px; display:inline-block; opacity:.9;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23212121'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5.5%2012H18m0%200-6-6m6%206-6%206'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* mobil: dar bosluk, tasma yok, prev/next sadece ok */
@media (max-width:768px){
  .pageBorder{ padding:14px 4px !important; }
  .pageBorder a{ margin:0 5px !important; font-size:13px !important; }
  .pageBorder a:first-child:not(.SelectedSayfa){ gap:0; }
  .pageBorder a:last-child:not(.SelectedSayfa){ gap:0; }
  .pageBorder a:first-child:not(.SelectedSayfa)::after{ content:""; }
  .pageBorder a:last-child:not(.SelectedSayfa)::before{ content:""; }
}
/* ===== FAZ-41 END ===== */


/* ===== FAZ-42: İndirim / fiyat gösterimi — Seçenek C (Zara sadeliği + RV mono restraint) — 24 Tem =====
   Berfu onayı: kırmızı rozet + siyah blok KALDIR → tek satır: indirimli (bold siyah) · piyasa (üstü çizili gri)
   · "%50 İndirim" ince siyah çerçeveli chip (dolu DEĞİL). Hem PDP hem PLP kart, desktop + mobil.
   Referans: zara.com/tr (tek satır −%) + tr.raisavanessa.com (mono, renksiz restraint).
   CSS-only, 10041'e özel (canlı Konsept-6-Gri'ye HİÇ yüklenmez). ===== */

/* ---------- PDP ---------- */
/* .PriceList: chip + fiyatlar TEK satır; asorti kendi satırına iner */
body.nox-pdp #ProductDetailMain .PriceList{
  display:flex !important; flex-wrap:wrap; align-items:center; column-gap:14px; row-gap:6px;
}
body.nox-pdp #ProductDetailMain .PriceList > #pnlFiyatlar{ order:1; width:auto !important; flex:0 0 auto; }
body.nox-pdp #ProductDetailMain .PriceList > #divIndirimOrani{ order:2; flex:0 0 auto; }
body.nox-pdp #ProductDetailMain .PriceList > .productDetailAsortiV2,
body.nox-pdp #ProductDetailMain .PriceList > .productDetailAsorti{ order:3; flex-basis:100%; }

/* siyah blok KALDIR */
body.nox-pdp #ProductDetailMain #divIndirimOrani.IndirimOraniContent{
  background:none !important; padding:0 !important; margin:0 !important; width:auto !important; border:0 !important;
}
/* kırmızı rozet → ince siyah çerçeve chip (ve içteki "50" child'ını da siyaha zorla) */
body.nox-pdp #ProductDetailMain #divIndirimOrani .indirimliOrani{
  background:none !important; color:#1a1a1a !important;
  border:1px solid #1a1a1a !important; border-radius:2px !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:.3px !important;
  padding:3px 9px !important; line-height:1.2 !important; text-transform:none !important; display:inline-block !important;
  white-space:nowrap !important;
}
body.nox-pdp #ProductDetailMain #divIndirimOrani .indirimliOrani #ltrIndirimOrani,
body.nox-pdp #ProductDetailMain #divIndirimOrani .indirimliOrani span{ color:#1a1a1a !important; background:none !important; }

/* fiyatları tek satır: indirimli önce (bold), piyasa sonra (üstü çizili gri) — sabit genişlik/kırılma iptal */
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer,
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer > div{ width:auto !important; }
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer > div{
  display:flex !important; flex-wrap:nowrap; align-items:baseline; column-gap:12px;
}
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer .IndirimliFiyatContent{ order:1; flex:0 0 auto; width:auto !important; }
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer .PiyasafiyatiContent{ order:2; flex:0 0 auto; width:auto !important; }
body.nox-pdp #ProductDetailMain .urunDetayFiyatContainer .right_line{ width:auto !important; }
body.nox-pdp #ProductDetailMain .IndirimliFiyatContent .spanFiyat,
body.nox-pdp #ProductDetailMain .PiyasafiyatiContent .spanFiyat{ white-space:nowrap !important; }
body.nox-pdp #ProductDetailMain .IndirimliFiyatContent .spanFiyat{
  font-size:22px !important; font-weight:600 !important; color:#1a1a1a !important;
}
body.nox-pdp #ProductDetailMain .PiyasafiyatiContent .spanFiyat{
  font-size:15px !important; font-weight:300 !important; color:#b3b3b3 !important;
}

/* ---------- PLP kart ---------- */
/* rozet: siyah kutu → beyaz ince çerçeveli mono chip, köşede küçük (sağ-üst) */
.productItem.IndirimliUrun .productIcon .discountIcon{
  background:#fff !important; color:#1a1a1a !important;
  border:1px solid #1a1a1a !important; border-radius:2px !important;
  top:10px !important; left:auto !important; right:10px !important;
  padding:3px 7px !important; width:auto !important; height:auto !important;
  font-size:10px !important; font-weight:600 !important; letter-spacing:.3px !important; line-height:1.2 !important;
  white-space:nowrap !important;
}
.productItem.IndirimliUrun .discountIcon .discountIcon_s1,
.productItem.IndirimliUrun .discountIcon .discountIcon_s2{ color:#1a1a1a !important; font-size:10px !important; }
.productItem.IndirimliUrun .discountIcon .discountIconDetail{ display:none !important; }

/* fiyatlar: indirimli bold siyah + piyasa üstü çizili gri, ortalı tek satır */
.productItem.IndirimliUrun .productPrice.IndirimVar{
  display:flex !important; justify-content:center; align-items:baseline; column-gap:9px;
}
.productItem.IndirimliUrun .productPrice.IndirimVar .discountPrice{ order:1; }
.productItem.IndirimliUrun .productPrice.IndirimVar .regularPrice{ order:2; }
.productItem.IndirimliUrun .discountPriceSpan{ color:#1a1a1a !important; font-weight:600 !important; }
.productItem.IndirimliUrun .regularPriceSpan{ color:#b3b3b3 !important; font-weight:300 !important; }

/* ---------- Mobil (≤768px) ---------- */
@media (max-width:768px){
  body.nox-pdp #ProductDetailMain .PriceList{ column-gap:10px; }
  body.nox-pdp #ProductDetailMain .IndirimliFiyatContent .spanFiyat{ font-size:20px !important; }
  body.nox-pdp #ProductDetailMain .PiyasafiyatiContent .spanFiyat{ font-size:14px !important; }
  .productItem.IndirimliUrun .productPrice.IndirimVar{ column-gap:7px; }
  .productItem.IndirimliUrun .productIcon .discountIcon{ top:8px !important; right:8px !important; font-size:9px !important; padding:2px 6px !important; }
}
/* ===== FAZ-42 END ===== */


/* ===== FAZ-43: Sepet çekmecesi ücretsiz-kargo ilerleme çubuğu — 24 Tem =====
   NOX-FS-JS-26 ile çalışır. Mono/premium, marka dili. Çubuk header'dan sonra, gövdenin üstünde. ===== */
.miniCartRigth #noxFreeShipBar.noxFreeShipBar{
  padding:13px 20px 15px !important; background:#faf9f7 !important; border-bottom:1px solid #ece9e4 !important;
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important; flex:0 0 auto;
}
.miniCartRigth #noxFreeShipBar .noxFsText{
  font-size:12px !important; letter-spacing:.3px !important; color:#1a1a1a !important; line-height:1.4 !important;
  margin:0 0 8px !important; text-align:center !important; font-weight:300 !important;
}
.miniCartRigth #noxFreeShipBar .noxFsText b{ font-weight:600 !important; color:#1a1a1a !important; }
.miniCartRigth #noxFreeShipBar .noxFsTeaser{ margin:0 !important; }
.miniCartRigth #noxFreeShipBar .noxFsDone{ color:#1a1a1a !important; }
.miniCartRigth #noxFreeShipBar .noxFsChk{
  display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; border-radius:50%;
  background:#1a1a1a; color:#fff; font-size:9px; margin-right:4px; vertical-align:middle;
}
.miniCartRigth #noxFreeShipBar .noxFsTrack{
  height:4px !important; background:#e7e4df !important; border-radius:2px !important; overflow:hidden !important; width:100% !important;
}
.miniCartRigth #noxFreeShipBar .noxFsFill{
  height:100% !important; background:#1a1a1a !important; border-radius:2px !important; transition:width .45s ease !important;
}
.miniCartRigth #noxFreeShipBar.nox-reached .noxFsFill{ background:#6b5b47 !important; }
/* ===== FAZ-43 END ===== */


/* ===== FAZ-44: Anasayfa — "EN ÇOK SATANLAR" + "İNDİRİMLİ ÜRÜNLER" kayan raflarını kaldır — 24 Tem =====
   Berfu: anasayfada bu iki kayan ürün rafı olmasın. Ticimax landing-block ID'leri ile gizle (flash yok).
   #urunblok_4 = EN ÇOK SATANLAR · #urunblok_6 = İNDİRİMLİ ÜRÜNLER (diğer sliderlar #sliderblok_3/5 korunur).
   Not: ID'ler builder blok sırasına bağlı; anasayfa blokları yeniden sıralanırsa bu ID'leri güncelle. ===== */
#urunblok_4, #urunblok_6{ display:none !important; }
/* ===== FAZ-44 END ===== */


/* ===== FAZ-45: Anasayfa Zara-minimal — fazlalık kaldır + tam-taşan (edge-to-edge) — Berfu 24 Tem =====
   KALDIR: #sliderblok_3 (redundant ALL-CAPS kargo bannerı + karışık küpe/kolye) · #sliderblok_5 (ürün karuseli,
   Zara'da yok) · #resimblok_8 (boş blank.png x4) · #urunblok_7 / #urunblok_9 (boş artık bloklar).
   KALAN + full-bleed: hero #resimblok_0 + 3 koleksiyon #resimblok_1 + Yumuşak Dantel editoryal #resimblok_2.
   Sonuç: hero -> koleksiyonlar -> editoryal -> footer, edge-to-edge, boşluksuz (Zara).
   Not: ID'ler Ticimax builder blok sırasına bağlı; anasayfa blokları yeniden sıralanırsa güncelle. ===== */
#sliderblok_3, #sliderblok_5, #resimblok_8, #urunblok_7, #urunblok_9 { display:none !important; }
#resimblok_0 .ticiContainer.hazirBlokContent,
#resimblok_1 .ticiContainer.hazirBlokContent,
#resimblok_2 .ticiContainer.hazirBlokContent { max-width:100% !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
#resimblok_0, #resimblok_1, #resimblok_2 { margin-top:0 !important; margin-bottom:0 !important; }
/* ===== FAZ-45 END ===== */


/* ===== FAZ-46: PLP filtre paneli — Zara-temiz (sol sidebar / mobil drawer) — Berfu 24 Tem =====
   Sorun: iç panel dar+cramped, plain checkbox, çerçeveli kutu. Çözüm: çerçevesiz temiz sidebar,
   uppercase grup başlık + letter-spacing, ince ayraç, premium checkbox (seçili=siyah kutu+beyaz check),
   temiz arama kutusu, mobilde dokunuş-dostu. Sidebar (.category-vertical-filters.top-filters). ===== */
.categoryContainer .category-vertical-filters.top-filters.nox-open{ border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:0 14px 0 0 !important; background:#fff !important; }
.category-vertical-filters .FiltreUst>span{ font-size:12px !important; letter-spacing:2px !important; text-transform:uppercase !important; font-weight:600 !important; color:#1a1a1a !important; }
.category-vertical-filters .FiltreUst .closeFilt, .category-vertical-filters .FiltreUst>a{ color:#aaa !important; font-size:13px !important; }
.category-vertical-filters .tukgo{ padding:12px 0 !important; border-bottom:1px solid #f2f0ed !important; font-size:13px !important; }
.category-vertical-filters .panel.vertical-filter-panel{ border:0 !important; box-shadow:none !important; margin:0 !important; border-bottom:1px solid #f2f0ed !important; background:none !important; }
.category-vertical-filters .panel.vertical-filter-panel:last-child{ border-bottom:0 !important; }
.category-vertical-filters .panel-heading.dropdown-toggle{ padding:15px 0 !important; background:none !important; border:0 !important; cursor:pointer; }
.category-vertical-filters .panel-heading .panel-title{ font-size:12px !important; letter-spacing:1.5px !important; text-transform:uppercase !important; font-weight:600 !important; color:#1a1a1a !important; }
.category-vertical-filters .panel-heading .moreNum, .category-vertical-filters .panel-heading .fa{ color:#aaa !important; font-weight:300 !important; }
.category-vertical-filters .panel-search{ padding:2px 0 10px !important; }
.category-vertical-filters .panel-search input{ width:100% !important; border:1px solid #e7e4df !important; border-radius:2px !important; padding:9px 12px !important; font-size:13px !important; background:#faf9f7 !important; box-shadow:none !important; }
.category-vertical-filters .panel-search input::placeholder{ color:#b3b3b3 !important; letter-spacing:.3px; }
.category-vertical-filters .list-group{ padding:0 0 12px !important; margin:0 !important; border:0 !important; }
.category-vertical-filters .liFiltreElement.list-group-item{ border:0 !important; padding:9px 0 9px 28px !important; position:relative; font-size:13.5px !important; cursor:pointer; background:none !important; }
.category-vertical-filters .liFiltreElement.list-group-item a{ color:#444 !important; letter-spacing:.3px !important; }
.category-vertical-filters .liFiltreElement.list-group-item:hover a{ color:#1a1a1a !important; }
.category-vertical-filters .liFiltreElement.list-group-item::before{ width:16px !important; height:16px !important; border:1px solid #cfcac2 !important; border-radius:2px !important; background:#fff !important; top:9px !important; left:0 !important; box-sizing:border-box; }
body #divSayfalamaUst .category-vertical-filters .liFiltreElement.secili::before,
body #divSayfalamaUst .category-vertical-filters .liFiltreElement.list-group-item.secili::before{ background:#1a1a1a !important; border-color:#1a1a1a !important; }
.category-vertical-filters .liFiltreElement.secili::after{ content:"" !important; position:absolute; left:5px; top:11px; width:5px; height:9px; border:solid #fff; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
.category-vertical-filters .liFiltreElement.secili a{ font-weight:600 !important; color:#1a1a1a !important; }
@media (max-width:768px){
  .categoryContainer .category-vertical-filters.top-filters.nox-open{ padding:0 16px !important; }
  .category-vertical-filters .liFiltreElement.list-group-item{ padding:13px 0 13px 30px !important; font-size:15px !important; }
  .category-vertical-filters .liFiltreElement.list-group-item::before{ width:18px !important; height:18px !important; top:12px !important; }
  .category-vertical-filters .liFiltreElement.secili::after{ top:15px !important; left:6px !important; }
  .category-vertical-filters .panel-heading.dropdown-toggle{ padding:16px 0 !important; }
}
/* ===== FAZ-46 END ===== */


/* ===== FAZ-47: PLP filtre → Zara overlay DRAWER (desktop) — Berfu 24 Tem =====
   FAZ-46 sidebar'ı ürünleri sıkıştırıyordu (Zara değil). Desktop'ta filtreyi Zara gibi
   fixed sol DRAWER + dim backdrop (box-shadow spread) yap; sayfa arkada kararır, ürünlere
   dokunmaz (kapanınca full-width döner). Header: FİLTRELEME sol · temizle · kapat(x) sağ.
   Mobil zaten drawer (FAZ-46) — bu blok yalnız >=769px. ===== */
@media (min-width:769px){
  body #divSayfalamaUst .category-vertical-filters.top-filters.nox-open{ position:fixed !important; top:0 !important; left:0 !important; width:380px !important; height:100vh !important; max-height:100vh !important; z-index:99999 !important; background:#fff !important; overflow-y:auto !important; padding:30px 34px !important; box-shadow:2px 0 40px rgba(0,0,0,.15), 0 0 0 100vw rgba(26,26,26,.42) !important; }
  body #divSayfalamaUst .category-vertical-filters.top-filters.nox-open .FiltreUst{ display:flex !important; align-items:center !important; padding:0 0 18px 0 !important; margin:0 0 8px 0 !important; border-bottom:1px solid #eee !important; }
  body #divSayfalamaUst .category-vertical-filters .FiltreUst>span{ order:1 !important; margin-right:auto !important; font-size:13px !important; letter-spacing:2px !important; text-transform:uppercase !important; font-weight:600 !important; color:#1a1a1a !important; }
  body #divSayfalamaUst .category-vertical-filters .FiltreUst>a{ order:2 !important; margin:0 14px 0 0 !important; color:#bbb !important; font-size:13px !important; }
  body #divSayfalamaUst .category-vertical-filters .FiltreUst .closeFilt{ order:3 !important; margin:0 !important; cursor:pointer !important; color:#1a1a1a !important; font-size:17px !important; }
}
/* ===== FAZ-47 END ===== */


/* ===== FAZ-48: filtre +/- -> chevron (^/v) + daha minimal - Berfu 24 Tem ===== */
/* Berfu: "tum menulerde '+' yerine '^', bunun tersini kullan" + "daha minimal, mobil+desktop Zara gibi".
   Kapali grup = ^ (chevron-up \f106); acik grup (.panel.nox-exp) = v (chevron-down \f107).
   Site genelinde +/- kullanan TEK menu = PLP dikey filtre (KATEGORILER/BEDEN/FIYAT/Filtreler);
   homepage+PLP+PDP tarandi, baska +/- yok. Mobilde tema dropdown-toggle ::after'i display:none
   yapiyordu -> display:block ile geri getirildi (ID ozgullugu ile kazanir). Heading flex ->
   chevron dikey ortali + saga yasli. Kaldirmak: bu START..END arasini sil + Kaydet. */
body #divSayfalamaUst .category-vertical-filters .panel-heading{ display:flex !important; align-items:center !important; justify-content:space-between !important; padding:20px 2px !important; background:transparent !important; border:0 !important; position:relative !important; }
body #divSayfalamaUst .category-vertical-filters .panel-heading .panel-title{ width:auto !important; flex:0 1 auto !important; margin:0 !important; padding:0 !important; font-size:12px !important; font-weight:500 !important; letter-spacing:1.6px !important; text-transform:uppercase !important; color:#1a1a1a !important; }
body #divSayfalamaUst .category-vertical-filters .panel-heading::after{ content:"\f106" !important; font-family:"FontAwesome" !important; font-size:12px !important; font-weight:400 !important; color:#b0b0b0 !important; line-height:1 !important; display:block !important; position:static !important; float:none !important; top:auto !important; right:auto !important; margin:0 0 0 auto !important; transform:none !important; }
body #divSayfalamaUst .category-vertical-filters .panel.nox-exp .panel-heading::after{ content:"\f107" !important; color:#1a1a1a !important; }
body #divSayfalamaUst .category-vertical-filters .panel.vertical-filter-panel{ border:0 !important; border-bottom:1px solid #f0f0f0 !important; margin:0 !important; box-shadow:none !important; background:transparent !important; }
body #divSayfalamaUst .category-vertical-filters .panel.vertical-filter-panel:last-child{ border-bottom:0 !important; }
/* ===== FAZ-48 END ===== */


/* ===== FAZ-49: PLP filtre Zara redesign (tum listeleme sayfalari, desktop+mobil) - Berfu 24 Tem ===== */
/* Berfu: "Zara filtresi gibi minimal; bizimki sagda, sIralama solda; KATEGORILER ana kategoriler
   olsun, alt-kategori sayfalarInda gizli; FIYAT ince; indirim filtresi yok". Akordeon (FAZ-48 chevron)
   KORUNUR (Berfu secimi). html-prefix -> FAZ-47/48'i kaynak-sIradan bagimsIz yener.
   Sayfa-seviyesi: JS breadcrumb <li> sayisi>=3 -> body.nox-subcat -> KATEGORILER gizlenir. */

/* 1) Drawer SAGDAN (desktop; FAZ-47 left:0 override) */
@media (min-width:769px){
  html body #divSayfalamaUst .category-vertical-filters.top-filters.nox-open{
    left:auto !important; right:0 !important;
    box-shadow:-2px 0 40px rgba(0,0,0,.15), 0 0 0 100vw rgba(26,26,26,.42) !important;
    padding:34px 40px !important; width:410px !important;
  }
}

/* 2) Ust bar: SIRALA sol, FILTRELE sag (swap by ID) */
#noxTopBar{ justify-content:space-between !important; }
#noxTopBar #noxSort{ order:1 !important; margin-left:0 !important; }
#noxTopBar #noxFilterToggle{ order:2 !important; margin-left:auto !important; }

/* 3) Numarali |0X| gri baslik + ferah gruplar (chevron FAZ-48'den korunur) */
html body #divSayfalamaUst .category-vertical-filters{ counter-reset: noxfilt !important; }
html body #divSayfalamaUst .category-vertical-filters .panel.vertical-filter-panel{ border:0 !important; margin:0 0 34px 0 !important; }
html body #divSayfalamaUst .category-vertical-filters .panel-heading{ counter-increment: noxfilt !important; padding:4px 2px 15px 2px !important; border-bottom:1px solid #ededed !important; }
html body #divSayfalamaUst .category-vertical-filters .panel-heading .panel-title{ font-size:11px !important; font-weight:600 !important; letter-spacing:2px !important; text-transform:uppercase !important; color:#8f8f8f !important; }
html body #divSayfalamaUst .category-vertical-filters .panel-heading .panel-title::before{ content:"| 0" counter(noxfilt) " |   " !important; color:#cfcfcf !important; font-weight:400 !important; letter-spacing:1px !important; }

/* 4) Checkbox'sIz minimal secenekler (Zara: duz buyuk metin; secili = bold + alt cizgi) */
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement::before,
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement::after{ display:none !important; content:none !important; }
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement{ padding:13px 0 !important; margin:0 !important; border:0 !important; background:transparent !important; position:relative !important; min-height:0 !important; }
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement a{ color:#1a1a1a !important; font-size:15px !important; letter-spacing:.3px !important; text-transform:none !important; padding:0 !important; }
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement.secili a{ font-weight:600 !important; text-decoration:underline !important; text-underline-offset:4px !important; }

/* KATEGORILER duz ana kategori: GIYIM (tek ust-seviye) parent'ini gizle, cocuklari duz goster, derini gizle, cap kaldir */
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori{ max-height:none !important; overflow:visible !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori > li > a{ display:none !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori > li > ul{ display:block !important; padding:0 !important; margin:0 !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori > li > ul > li > ul{ display:none !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori ul{ list-style:none !important; padding-left:0 !important; margin:0 !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori li{ padding:13px 0 !important; }
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori li a{ color:#1a1a1a !important; font-size:15px !important; text-transform:none !important; letter-spacing:.3px !important; }

/* arama kutusunu gizle (Zara'da yok) */
html body #divSayfalamaUst .category-vertical-filters .panel-body input[type="text"],
html body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel input[type="text"]{ display:none !important; }

/* 5) FIYAT ince slider + ortali aralik metni */
html body #divSayfalamaUst .category-vertical-filters .FiyatSlider .slider-range.ui-slider{ height:2px !important; background:#e3e3e3 !important; border:0 !important; border-radius:0 !important; margin:28px 6px 14px !important; box-shadow:none !important; }
html body #divSayfalamaUst .category-vertical-filters .FiyatSlider .ui-slider-range{ background:#1a1a1a !important; }
html body #divSayfalamaUst .category-vertical-filters .FiyatSlider .ui-slider-handle{ width:12px !important; height:12px !important; border-radius:50% !important; background:#1a1a1a !important; border:0 !important; top:-5px !important; margin-left:-6px !important; box-shadow:none !important; outline:none !important; }

/* 6) Alt-kategori sayfalarinda KATEGORILER filtresini gizle (JS body.nox-subcat basar) */
html body.nox-subcat #divSayfalamaUst .category-vertical-filters .panel.div-kategori{ display:none !important; }
/* ===== FAZ-49 END ===== */


/* ===== FAZ-49b: filtre tipografi ince/Zara refinement - Berfu 24 Tem ===== */
/* Berfu: "yazilar hic minimal degil, Zara boyle degil" -> secenekler ince(300)+buyuk(17px)+ferah;
   basliklar ince(400) gri #8a8a8a; |0X| numarasi ince gri. FAZ-49'un tipografisini inceltir. */
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement a,
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori li a{ font-size:17px !important; font-weight:300 !important; letter-spacing:.5px !important; color:#2b2b2b !important; }
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement,
html body #divSayfalamaUst .category-vertical-filters .list-group.kategori li{ padding:16px 0 !important; }
html body #divSayfalamaUst .category-vertical-filters .panel-heading .panel-title{ font-size:13px !important; font-weight:400 !important; letter-spacing:1px !important; color:#8a8a8a !important; }
html body #divSayfalamaUst .category-vertical-filters .panel-heading .panel-title::before{ font-weight:300 !important; color:#bcbcbc !important; letter-spacing:1px !important; }
html body #divSayfalamaUst .category-vertical-filters .liFiltreElement.secili a{ font-weight:500 !important; }
html body #divSayfalamaUst .category-vertical-filters .FiyatSlider{ font-weight:300 !important; }
/* ===== FAZ-49b END ===== */


/* ===== FAZ-50: chevron yon duzeltme + hamburger chevron + mobil filtre full-screen - Berfu 24 Tem ===== */
/* Berfu: (1) filtre chevron TERS idi -> kapali=ASAGI ok, tiklaninca=YUKARI ok. (2) hamburger menude +/- yerine
   asagi/yukari ok. (3) mobilde filtre SAGDAN aciliyordu + x "KATEGORILER"e biniyordu -> full-screen + temiz
   header (x sag-ust, FILTRELEME sol). html-prefix -> FAZ-48/49'u override eder. */

/* A) Filtre chevron yonu: kapali=asagi (\f107), acik(.nox-exp)=yukari (\f106) — FAZ-48'i ters cevirir */
html body #divSayfalamaUst .category-vertical-filters .panel-heading::after{ content:"\f107" !important; }
html body #divSayfalamaUst .category-vertical-filters .panel.nox-exp .panel-heading::after{ content:"\f106" !important; }

/* B) Hamburger menu +/- -> chevron (kapali=asagi, acik=.nox-zm-open=yukari). nox-zm-exp butonu duz "+"/"-" metin */
.nox-zm-exp{ font-size:0 !important; line-height:1 !important; }
.nox-zm-exp::before{ content:"\f107" !important; font-family:"FontAwesome" !important; font-size:13px !important; color:#9a9a9a !important; display:inline-block !important; }
.nox-zm-item.nox-zm-open > .nox-zm-head .nox-zm-exp::before{ content:"\f106" !important; color:#1a1a1a !important; }

/* C) Mobil filtre: full-screen + temiz header (x sag-ust, FILTRELEME sol) — max-768 */
@media (max-width:768px){
  html body #divSayfalamaUst .category-vertical-filters.top-filters.nox-open{ left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; padding:0 !important; }
  html body #divSayfalamaUst .category-vertical-filters .FiltreUst{ display:block !important; position:relative !important; text-align:left !important; padding:19px 20px !important; min-height:56px !important; box-sizing:border-box !important; border-bottom:1px solid #eee !important; margin:0 !important; }
  html body #divSayfalamaUst .category-vertical-filters .FiltreUst span{ display:inline-block !important; font-size:12px !important; letter-spacing:2px !important; text-transform:uppercase !important; color:#1a1a1a !important; font-weight:600 !important; line-height:18px !important; margin:0 !important; }
  html body #divSayfalamaUst .category-vertical-filters .FiltreUst .closeFilt{ position:absolute !important; right:18px !important; top:16px !important; font-size:18px !important; color:#1a1a1a !important; margin:0 !important; width:auto !important; height:auto !important; }
  html body #divSayfalamaUst .category-vertical-filters .FiltreUst a{ position:absolute !important; right:50px !important; top:17px !important; color:#c0c0c0 !important; font-size:14px !important; margin:0 !important; }
  html body #divSayfalamaUst .category-vertical-filters .Block_item{ padding:0 20px !important; }
  html body #divSayfalamaUst .category-vertical-filters .panel.vertical-filter-panel{ padding:0 20px !important; }
}
/* ===== FAZ-50 END ===== */


/* ===== FAZ-51: bulten "BIZDEN HABERLER" blogunu her sayfada kaldir - Berfu 24 Tem ===== */
/* Berfu: bu alan cok kotu gozukuyor, her sayfada gozukmesin. Footer'daki "Bize Ulasin" linki
   (Kurumsal kolonu, minimal) yeterli -> newsletter blogu gizlenir, footer bozulmaz. */
.newaslater, .ebultenDivTemp{ display:none !important; }
/* ===== FAZ-51 END ===== */


/* ===== FAZ-52: site-geneli tipografi — Oneri A "Minimal Sans" (Jost) — Berfu onayi 24 Tem ===== */
/* Berfu onayladi (Oneri A): tum site tek font Jost, ince agirliklar, tracked CAPS etiket/buton.
   LOGO GORSEL, DOKUNULMAZ (Berfu: "logoyu degistirme"). Tema evrensel Roboto -> Jost;
   ikonlar (.fa / [class*=fa-] / i / [class*=icon]) HARIC tutulur -> FontAwesome/ikon bozulmaz.
   Sadece font-family + secili bilesen inceltmesi; global font-size'a DOKUNULMAZ (layout korunur). */
html, body,
body :not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]):not(i):not([class*="icon"]):not([class*="Icon"]):not(.material-icons){
  font-family:'Jost','Roboto',sans-serif !important;
}
/* urun adi: ince + tracked */
.productItem .productName{ font-size:14px !important; font-weight:300 !important; letter-spacing:.4px !important; }
/* fiyat: normal agirlik, ince tracking */
.productItem .productPrice, .productItem .discountPriceSpan, .productItem .satisFiyat{ font-weight:400 !important; letter-spacing:.3px !important; }
/* butonlar: tracked CAPS medium */
.buton, button.buton, a.buton, .sepeteEkle, input[type="submit"].buton{ font-family:'Jost',sans-serif !important; font-weight:500 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; }
/* hamburger kategori: hafif tracking */
.nox-zm-cat{ font-size:14px !important; letter-spacing:.6px !important; font-weight:400 !important; }
/* ===== FAZ-52 END ===== */


/* ===== FAZ-53: form alanlari da Jost (Oneri A tamamlama - "her yerinde") - Berfu 24 Tem ===== */
/* Berfu: logo haric sitenin HER yerinde Oneri A. FAZ-52 metni kapsadi; arama input'u (.rsbInput
   autocomplete lib) + bazi input/select "sans-serif" daytiyordu -> tum form alanlari Jost. */
input, textarea, select, button, .rsbInput, .urunSearchAC, .search-field, .rsbContainer, .rsbContainer *{
  font-family:'Jost','Roboto',sans-serif !important;
}
/* ===== FAZ-53 END ===== */


/* ===== FAZ-54: Hesabim/Favorilerim + tum hesap SPA sayfalari Zara-minimal - Berfu 24 Tem ===== */
/* Berfu: hesap sayfasi cok karisik, cok gereksiz baslik, kullanici dostu degil -> Zara gibi minimal.
   (1) redundant 8-kutu tile grid gizle. (2) sol menu: gri kutu -> temiz uppercase tracked liste, ikonsuz.
   (3) nis maddeler kirp (Yorumlar/Istek Listeleri/Fiyat-Stok Alarm/Havale). (4) karsilama incelt.
   Tum #/ SPA sayfalari ortak .solAnaMenu kullanir -> Hesabim + Favorilerim + Siparisler... hepsi kapsanir.
   NOT: "Sepetim"=/checkout, tema 10041 YUKLENMIYOR -> tam sepet sayfasi Kivanc (store-geneli script);
   mini-cart cekmece (.miniCartRigth) temada, ayrica ele alinabilir. */
.hesabimAnasayfaMenuler{ display:none !important; }
.hesabimAnasayfaBaslik h2{ font-weight:300 !important; font-size:22px !important; letter-spacing:.5px !important; text-transform:none !important; color:#1a1a1a !important; margin-bottom:14px !important; }
.hesabimAnasayfaBaslik p{ font-size:13px !important; font-weight:300 !important; color:#8f8f8f !important; line-height:1.85 !important; max-width:640px !important; }
.solAnaMenu{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
.solAnaMenu ul{ list-style:none !important; padding:0 !important; margin:0 !important; }
.solAnaMenu li{ border:0 !important; background:transparent !important; }
.solAnaMenu a{ font-size:12px !important; letter-spacing:1.2px !important; text-transform:uppercase !important; font-weight:300 !important; color:#1a1a1a !important; padding:14px 2px !important; border-bottom:1px solid #efefef !important; background:transparent !important; display:block !important; }
.solAnaMenu a:hover{ color:#000 !important; padding-left:4px !important; }
.solAnaMenu a i, .solAnaMenu a .fa, .solAnaMenu a svg{ display:none !important; }
.solAnaMenu li:has(> a[href*="Yorumlarim"]),
.solAnaMenu li:has(> a[href*="IstekListelerim"]),
.solAnaMenu li:has(> a[href*="FiyatAlarmListem"]),
.solAnaMenu li:has(> a[href*="StokAlarmListem"]),
.solAnaMenu li:has(> a[href*="Havale"]){ display:none !important; }
.solAnaMenu a[href*="Yorumlarim"], .solAnaMenu a[href*="IstekListelerim"], .solAnaMenu a[href*="FiyatAlarmListem"], .solAnaMenu a[href*="StokAlarmListem"], .solAnaMenu a[href*="Havale"]{ display:none !important; }
/* ===== FAZ-54 END ===== */


/* ===== FAZ-55: site-geneli ince agirlik (Oneri A ornekteki gibi, Jost 300) - Berfu 24 Tem ===== */
/* Berfu: "kalinligi son 2 ekran goruntusundeki gibi yazsin her sey, logo haric" — ornek = Jost 300 (ince).
   Temanin 400-700 agirliklarini 300'e indir. :where() -> dusuk ozgulluk (sadece body) + !important
   -> temanin non-important agirlik kurallarini yener, ama benim istisnalarim (buton/fiyat/filtre baslik)
   kazanir. Logo GORSEL (agirlik etkilemez), ikonlar (.fa/[fa-]/i/[icon]) HARIC. */
body :where(:not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]):not(i):not([class*="icon"]):not([class*="Icon"]):not(.material-icons)){ font-weight:300 !important; }
/* istisnalar (ornekteki gibi): buton belirgin 500, fiyat 400 */
.buton, button.buton, a.buton, .sepeteEkle{ font-weight:500 !important; }
.productItem .productPrice, .productItem .discountPriceSpan, .productItem .satisFiyat{ font-weight:400 !important; }
/* ===== FAZ-55 END ===== */


/* ===== FAZ-56: ornek ile bire bir yazi (font-smoothing + yumusak siyah) + PLP hover overlay kaldir - Berfu 24 Tem ===== */
/* Berfu: "renk/font/sayilar ornekle ayni degil, ilk harfler bile" + "ornek ile bire bir tum sitede".
   TESHIS: font zaten Jost (yuklu, render oluyor). Gercek fark:
   (1) ORNEKTE -webkit-font-smoothing:antialiased vardi (Mac'te yaziyi inceltir/yumusatir) -> sitede
       yoktu (subpixel), ayni Jost DAHA KALIN + harf kenarlari farkli goruyordu. -> antialiased eklendi.
   (2) site pure black #000/#212121, ornek yumusak #1a1a1a -> #1a1a1a yapildi (isim+fiyat+body).
   Ayrica PLP urun resmi uzeri hover sepet+favori ikonlari kaldirildi (Berfu istegi). */
html, body{ -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-rendering:optimizeLegibility !important; }
body{ color:#1a1a1a !important; }
html body .productItem .productName, html body .productItem .productPrice, html body .productItem .discountPriceSpan, html body .productItem .satisFiyat{ color:#1a1a1a !important; }
/* PLP hover overlay (sepet + favori + hizli adet, resim uzeri) kaldir */
.productItem .mycartIcon, .productItem .favori, .productItem .favoriteslist, .productItem .btnAddToCart, .productItem .urunListeSpanSepeteEkle, .productItem .urunListeAdet, .productItem .urunListeSepeteEkle{ display:none !important; }
/* ===== FAZ-56 END ===== */


/* ===== FAZ-57: urun stok kodlarini gizle (TMShR0013455 gibi) - Berfu 24 Tem ===== */
/* Berfu: "TMShR0013455" gibi kodlar gozukmesin. PLP + PDP + ilgili urunler hepsi .productStokKodu kullanir. */
.productStokKodu{ display:none !important; }
/* ===== FAZ-57 END ===== */


/* ===== FAZ-58: Oneri A spec ince ayar - Berfu 24 Tem =====
   Denetim: spec ~%90 zaten uygulanmis (FAZ-52..56 tipografi + FAZ-42 fiyat). Kalan sapmalar kapatiliyor.
   Indirimli fiyat FAZ-42 vurgusu KORUNUR (fiyatlar plan gibi olsun). Figtree/Montserrat gorunur icerikte
   kullanilmiyor -> zaten Jost. Cormorant: logo gorsel + serif aksan yok -> gerek yok.
   Spec: Nav 12/400/+1.6/CAPS - Bolum basligi 24/300/+3/CAPS - Fiyat(normal) 14/400 - Buton 12/500/+2/CAPS - Govde 14/300/lh1.9. */
/* 1) Normal (indirimsiz) fiyat 13 -> 14px (indirimli .discountPriceSpan FAZ-42de kalir) */
html body .productItem .productPrice, html body .productItem .satisFiyat{ font-size:14px !important; }
/* 2) Govde metin kaplari: 14px + satir araligi 1.9 */
.footerText, .urunAciklama, .productDescription, .icerikText, .categoryDescription, .urunDetayAciklama, .contentText, .aciklamaIcerik{ font-size:14px !important; line-height:1.9 !important; font-weight:300 !important; }
/* 3) Nav / ana menu: 12px 400 +1.6 CAPS */
.newHeaderNavUl > li > a{ font-size:12px !important; font-weight:400 !important; letter-spacing:1.6px !important; text-transform:uppercase !important; }
/* 4) Buton: 12px 500 +2 CAPS (cerceve/fill degil, sadece tipografi) */
.buton, a.buton, button.buton, .sepeteEkle, .urunListeSepeteEkle, .detayButon{ font-size:12px !important; font-weight:500 !important; letter-spacing:2px !important; text-transform:uppercase !important; }
/* 5) Bolum/icerik basligi: 24px 300 +3 CAPS */
.sayfaBaslik, .icerikBaslik, .contentTitle, .contentHeading, .pageContentTitle{ font-size:24px !important; font-weight:300 !important; letter-spacing:3px !important; text-transform:uppercase !important; }
/* ===== FAZ-58 END ===== */


/* ===== FAZ-59: urun adi Title Case - text-transform kapat (Berfu 25 Tem) =====
   Berfu: 'artik seninki (ornek) gibi olsun'. Urun adlari sistemde BUYUK HARF kayitli + CSS uppercase.
   Font hep dogruydu; fark buyuk/kucuk harfti. Bu blok uppercase'i kapatir; gercek Turkce-dogru Title Case
   donusumu JS'te (NOX-TITLECASE-JS-30, buyuk-I/dotted-I -> i eslemesi). PLP .productName + PDP .ProductName, link korunur. */
html body .productItem .productName, html body .productItem .productName a, html body .ProductName, html body .ProductName a, html body .productName.detailUrl, html body .productName.detailUrl a{ text-transform:none !important; }
/* ===== FAZ-59 END ===== */


/* ===== FAZ-60: urun adi ince (siyah bant gibi 300) - Berfu 25 Tem =====
   Berfu: 'siyah banttaki yazi tam istedigim, PLP hala kalin'. Sebep: TEMA kurali
   '.productItem .productName a { font-weight:500 !important }' linki 500 yapiyordu; global 300 (dusuk ozgulluk)
   yenemiyordu. Bu blok daha yuksek ozgulluk (html body ...) + !important ile linki de 300'e ceker (bant=300). */
html body .productItem .productName, html body .productItem .productName a, html body .ProductName, html body .ProductName a, html body .productName, html body .productName a{ font-weight:300 !important; }
/* ===== FAZ-60 END ===== */


/* ===== FAZ-61: normal fiyat ince (bant/urun adi gibi 300) - Berfu 25 Tem =====
   Berfu: 'urun adi ok, ama fiyat yine olmadi (kalin)'. Normal satis fiyati FAZ-55'te 400 idi;
   siyah bant + urun adi 300. Tek-tip ince gorunum icin normal fiyat da 300. Indirimli fiyat
   (.discountPriceSpan) FAZ-42 vurgusu (buyuk/500) KORUNUR - istenirse ayrica inceltilir. */
html body .productItem .productPrice, html body .productItem .satisFiyat{ font-weight:300 !important; }
/* ===== FAZ-61 END ===== */


/* ===== FAZ-62: PLP fiyat referans gibi ince/kucuk + indirim yan yana (Berfu 30 Tem) =====
   Berfu ekran goruntusu: fiyatlar cok kaba/buyuk, ince-kucuk olsun; indirim = yeni fiyat + ustu cizili
   eski fiyat AYNI kucuk boyda yan yana (buyuk vurgu/chip yok). Onceki FAZ-42 vurgusu (20px/600 + %chip)
   bu blokla PLP'de sadelesir. Normal fiyat 14->13/300; indirimli yeni 13/300, eski 13 gri cizili, inline. */
html body .productItem .productPrice, html body .productItem .satisFiyat{ font-size:13px !important; font-weight:300 !important; }
html body .productItem .productPrice.IndirimVar{ display:flex !important; align-items:baseline !important; gap:8px !important; flex-wrap:wrap !important; }
html body .productItem .productPrice.IndirimVar .discountPrice, html body .productItem .productPrice.IndirimVar .regularPrice{ display:inline !important; margin:0 !important; padding:0 !important; }
html body .productItem.IndirimliUrun .productPrice .discountPriceSpan, html body .productItem .productPrice.IndirimVar .discountPriceSpan, html body .productItem .discountPriceSpan{ font-size:13px !important; font-weight:300 !important; color:#1a1a1a !important; }
html body .productItem .regularPriceSpan{ font-size:13px !important; font-weight:300 !important; color:#b3b3b3 !important; text-decoration:line-through !important; }
html body .productItem .discountKdv, html body .productItem .regularKdv{ display:none !important; }
html body .productItem .discountIcon{ display:none !important; }
/* ===== FAZ-62 END ===== */


/* ===== FAZ-63: PDP fiyat da referans gibi ince/sade (Berfu 30 Tem) =====
   Berfu: fiyat stili TUM urunlerde ayni (indirimsiz+indirimli). PLP FAZ-62 ile tamamdi; PDP ana fiyati
   FAZ-42'de 22px/600 + %chip idi. Referansa cekildi: yeni+eski AYNI boy (16px) ince, yan yana, chip yok.
   Ozgulluk: FAZ-42 'body.nox-pdp #ProductDetailMain .IndirimliFiyatContent .spanFiyat'(1,3,1) asmak icin 2 ID. */
body.nox-pdp #divIndirimOrani{ display:none !important; }
body.nox-pdp #pnlFiyatlar #divFiyatAlanlari{ display:flex !important; align-items:baseline !important; gap:8px !important; flex-wrap:wrap !important; }
body.nox-pdp #pnlFiyatlar .IndirimliFiyatContent, body.nox-pdp #pnlFiyatlar .PiyasafiyatiContent{ display:inline-block !important; margin:0 !important; float:none !important; width:auto !important; }
html body.nox-pdp #ProductDetailMain #pnlFiyatlar .IndirimliFiyatContent .spanFiyat, html body.nox-pdp #ProductDetailMain #pnlFiyatlar .satisFiyat{ font-size:16px !important; font-weight:300 !important; color:#1a1a1a !important; }
html body.nox-pdp #ProductDetailMain #pnlFiyatlar .PiyasafiyatiContent .spanFiyat{ font-size:16px !important; font-weight:300 !important; color:#b3b3b3 !important; text-decoration:line-through !important; }
html body.nox-pdp #ProductDetailMain #pnlFiyatlar .spanFiyat{ font-size:16px !important; font-weight:300 !important; }
/* ===== FAZ-63 END ===== */


/* ===== FAZ-64: indirimsiz urun fiyati da ince (Berfu 30 Tem) =====
   Berfu: 'Circle Uzun Etek kalin fiyat'. Ticimax tuhafligi: INDIRIMSIZ urunler de fiyati .discountPriceSpan
   icinde gosterir; FAZ-62 sadece .IndirimliUrun icin 300 yapmisti, indirimsizler tema .productPrice
   .discountPriceSpan{500!important}(0,3,0) ile 500 kaliyordu. Tum urunlerde .productPrice .discountPriceSpan -> 300. */
html body .productItem .productPrice .discountPriceSpan{ font-size:13px !important; font-weight:300 !important; }
/* ===== FAZ-64 END ===== */


/* ===== FAZ-65: mobil filtre mukerrer kapatma (×) duzelt (Berfu 30 Tem) =====
   Mobil filtre drawer'inda IKI × vardi: sag-ust .closeFilt (FAZ-50, dogru) + sol-ust #noxDrawerClose
   (bizim mobil enjekte close, basliga cakisiyordu). #noxDrawerClose gizlenir; .closeFilt (JS-29 ile
   kapatir) kalir. Desktop'ta #noxDrawerClose zaten gizli -> global gizleme guvenli. */
html body #noxDrawerClose{ display:none !important; }
/* ===== FAZ-65 END ===== */


/* ===== FAZ-66: PDP 'Hemen Al' butonu da kahve (Sepete Ekle ile ayni) - Berfu 30 Tem =====
   Berfu: Sepete Ekle kahve, Hemen Al siyah/outline -> ikisi ayni renk (KAHVE secildi). Hemen Al bir
   <input.buyfastbutton>; eski PDP kurali 'body.nox-pdp #divSatinAl .buyfast .buyfastbutton{white!important}'
   (1,3,1) yeniyordu -> html body ... (1,3,2) + !important ile kahve. Sepete Ekle zaten rgb(117,91,61).
   Hem mobil hem desktop (media-scope yok). */
html body.nox-pdp #divSatinAl .buyfast .buyfastbutton, html body.nox-pdp #divSatinAl .buyfastbutton{ background-color:rgb(117,91,61) !important; color:#fff !important; border-color:rgb(117,91,61) !important; }
html body.nox-pdp #divSatinAl .buyfast .buyfastbutton *, html body.nox-pdp #divSatinAl .buyfastbutton *{ color:#fff !important; }
/* ===== FAZ-66 END ===== */

/* ===== FAZ-67 mini-sepet cekmecesi Zara-minimal ince ayar (30 Tem) ===== */
/* 1) "Sil" kirmizi (165,0,0) -> soluk gri + altcizgi (Zara REMOVE) */
html body .miniCartRigth .miniCartButtonSil a,
html body .miniCartRigth .miniCartButtonSil a:link,
html body .miniCartRigth .miniCartButtonSil a:visited{
  color:#8a8a8a !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  font-weight:300 !important;
}
html body .miniCartRigth .miniCartButtonSil a:hover{ color:#1a1a1a !important; }
/* 2) Urun adi -> koyu ink (hiyerarsi) + ince; Title Case JS-30 de */
html body .miniCartRigth .miniurunAdi,
html body .miniCartRigth .miniurunAdi a{
  color:#1a1a1a !important;
  font-weight:300 !important;
  letter-spacing:.4px !important;
  text-transform:none !important;
}
/* 3) Tek-marka magazada satir basi MENSURE markasi gurultu -> gizle */
html body .miniCartRigth .minimarka{ display:none !important; }
/* 1b) Sil ">" oku SVG fill de kirmizi (165,0,0) -> ayni gri */
html body .miniCartRigth .miniCartButtonSil svg,
html body .miniCartRigth .miniCartButtonSil svg path,
html body .miniCartRigth .miniCartButtonSil #arrow-icon,
html body .miniCartRigth .miniCartButtonSil #arrow-icon path{
  fill:#8a8a8a !important;
}
html body .miniCartRigth .miniCartButtonSil a:hover svg,
html body .miniCartRigth .miniCartButtonSil a:hover #arrow-icon path{ fill:#1a1a1a !important; }
/* ===== FAZ-67 END ===== */

/* ===== FAZ-68 hesap mobil navigasyon onarimi (30 Tem QA) ===== */
/* FAZ-54 tile grid (.hesabimAnasayfaMenuler) global gizledi; o mobilin native nav idi. */
/* Ticimax .solAnaMenu sidebar i mobilde gizler -> mobilde hesap navigasyonu kalmiyordu. */
/* Fix: mobilde temiz .solAnaMenu listesini goster (desktop ile ayni Zara-minimal liste). */
@media(max-width:768px){
  html body .hesabimContent .solAnaMenu{
    display:block !important;
    width:100% !important;
    float:none !important;
    margin:0 0 22px !important;
  }
}
/* ===== FAZ-68 END ===== */

/* ===== FAZ-69 hesap formu butonlari mono/kahve (31 Tem) =====
   Uyelik Bilgilerim vb. hesap formlarinda yesil "Kaydet" + kirmizi "Sil" palete cakisiyordu. */
html body .hesabimContent .yesilButon{ background:rgb(117,91,61) !important; border-color:rgb(117,91,61) !important; color:#fff !important; }
html body .hesabimContent .yesilButon:hover{ background:rgb(95,73,49) !important; }
html body .hesabimContent .kirmiziButon{ background:transparent !important; border:1px solid #d8d8d8 !important; color:#8a8a8a !important; }
html body .hesabimContent .kirmiziButon:hover{ color:#1a1a1a !important; border-color:#1a1a1a !important; }
/* ===== FAZ-69 END ===== */

/* ===== FAZ-70: Hesabim butonlari keskin kose (02 Agu) ===== */
.hesabimContent .yesilButon,.hesabimContent .kirmiziButon,.hesabimContent button,.hesabimContent input[type=button],.hesabimContent input[type=submit],.hesabimContent a.button,.hesabimContent .buton{border-radius:0 !important;}
/* ===== FAZ-70 END ===== */

/* ===== FAZ-71: Para Puan / hesap ici renkli kutular Zara-minimal (02 Agu) ===== */
.hesabimContent .mavi,.hesabimContent .yesil{background:#f6f4f1 !important;color:#1a1a1a !important;border-radius:0 !important;}
.hesabimContent .mavi *,.hesabimContent .yesil *{color:#1a1a1a !important;}
.hesabimContent .mavi .fa,.hesabimContent .yesil .fa,.hesabimContent .mavi i[class*="fa-"],.hesabimContent .yesil i[class*="fa-"]{background:transparent !important;color:#755b3d !important;}
.hesabimContent .maviUyari{background:#f6f4f1 !important;color:#1a1a1a !important;border:1px solid #e5e5e5 !important;border-radius:0 !important;}
.hesabimContent .kirmiziUyari{background:#f6f4f1 !important;color:#8a6d3b !important;border:1px solid #e5e5e5 !important;border-radius:0 !important;}
.hesabimContent .kuponOlusturButon{background:#1a1a1a !important;color:#fff !important;border:none !important;border-radius:0 !important;}
.hesabimContent .kuponOlusturButon.butonDisabled{background:#8a8a8a !important;}
/* ===== FAZ-71 END ===== */

/* ===== FAZ-72: Hesabim alt-menu maddelerindeki FA ok (absolute left:4px, yaziya biniyordu) kaldirildi (02 Agu) ===== */
.solAnaMenu li ul li a::after{content:none !important;display:none !important;}
.solAnaMenu li ul li a{padding-left:0 !important;}
/* ===== FAZ-72 END ===== */

/* ===== FAZ-73: Hesabim ozet kartlari + kupon alani premium Zara-minimal (02 Agu) ===== */
.hesabimContent .blok{display:flex !important;gap:14px !important;flex-wrap:wrap !important;margin-bottom:10px !important;}
.hesabimContent .mavi,.hesabimContent .yesil{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:6px !important;flex:1 1 200px !important;min-height:112px !important;padding:22px 26px !important;background:#fff !important;color:#8a8a8a !important;border:1px solid #e5e5e5 !important;border-radius:0 !important;font-size:11px !important;letter-spacing:1.8px !important;text-transform:uppercase !important;font-weight:400 !important;}
.hesabimContent .mavi strong,.hesabimContent .yesil strong{font-family:Jost,sans-serif !important;font-size:32px !important;font-weight:300 !important;color:#1a1a1a !important;line-height:1 !important;letter-spacing:0 !important;text-transform:none !important;}
.hesabimContent .mavi .fa,.hesabimContent .yesil .fa{background:transparent !important;color:#755b3d !important;font-size:15px !important;width:auto !important;height:auto !important;line-height:1 !important;padding:0 !important;margin:0 0 2px 0 !important;border-radius:0 !important;}
.hesabimContent .kuponOlustur{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;margin-top:8px !important;}
.hesabimContent .kuponOlusturYazi{font-size:13px !important;font-weight:300 !important;color:#1a1a1a !important;letter-spacing:.3px !important;}
.hesabimContent .kuponInput{border:1px solid #e5e5e5 !important;border-radius:0 !important;padding:10px 12px !important;font-family:Jost,sans-serif !important;font-weight:300 !important;min-width:90px !important;}
/* ===== FAZ-73 END ===== */

/* ===== FAZ-73b: bos puan degeri -> "0" goster + kart hizasi (02 Agu) ===== */
.hesabimContent .mavi strong:empty::before,.hesabimContent .yesil strong:empty::before{content:"0";}
.hesabimContent .mavi,.hesabimContent .yesil{justify-content:flex-start !important;}
.hesabimContent .mavi .fa,.hesabimContent .yesil .fa{margin-bottom:10px !important;}
/* ===== FAZ-73b END ===== */


/* NOX-ILETISIM-38: iletisim sayfasi + rozet marka rengi */
.nox-iletisim{max-width:1180px;margin:48px auto 90px;padding:0 24px;font-family:'Jost',sans-serif;color:#1a1a1a;}
.nox-il-head{text-align:center;margin-bottom:44px;}
.nox-il-head h1{font-size:28px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:#1a1a1a;}
.nox-il-head p{font-size:14px;color:#6b6b6b;font-weight:300;margin:0;}
.nox-il-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}
.nox-il-form{display:flex;flex-direction:column;gap:18px;}
.nox-il-form label{display:flex;flex-direction:column;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;gap:8px;}
.nox-il-form input,.nox-il-form textarea{border:1px solid #e0ddd7;border-radius:0;padding:13px 14px;font-family:'Jost',sans-serif;font-size:15px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%;}
.nox-il-form input:focus,.nox-il-form textarea:focus{border-color:#755b3d;}
.nox-il-form textarea{resize:vertical;min-height:130px;}
.nox-il-send{margin-top:6px;background:#755b3d;color:#fff;border:none;border-radius:0;padding:16px;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.nox-il-send:hover{background:#5e492f;}
.nox-il-send:disabled{opacity:.55;cursor:default;}
.nox-il-status{font-size:13px;font-weight:300;min-height:18px;line-height:1.4;}
.nox-il-status.ok{color:#1f6e3f;}
.nox-il-status.err{color:#b23b3b;}
.nox-il-map{width:100%;aspect-ratio:4/3;border:1px solid #e0ddd7;overflow:hidden;margin-bottom:26px;background:#f6f4f1;}
.nox-il-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15);}
.nox-il-meta{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;}
.nox-il-meta li{font-size:15px;font-weight:300;line-height:1.55;color:#1a1a1a;}
.nox-il-meta li span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin-bottom:5px;}
.nox-il-meta a{color:#755b3d;text-decoration:none;}
.nox-il-meta a:hover{text-decoration:underline;}
@media(max-width:768px){.nox-iletisim{margin:32px auto 60px;}.nox-il-grid{grid-template-columns:1fr;gap:38px;}.nox-il-map{aspect-ratio:1/1;}.nox-il-head h1{font-size:23px;}}
/* Firsat Urunu rozet: yesil -> marka kahvesi */
.firsatIcon{background:#755b3d !important;color:#fff !important;}

/* NOX-BEDEN-TABLO-39 */
.nox-beden-tbl{border-collapse:collapse;margin:6px 0 2px;font-size:13px}
.nox-beden-tbl td,.nox-beden-tbl th{border:1px solid #e0ddd7;padding:6px 16px;text-align:left}
.nox-beden-tbl th{background:#f6f4f0;font-weight:600;letter-spacing:.02em}
.nox-beden-tbl td:first-child{color:#755b3d;font-weight:500}

/* ===== FAZ-74 - HESAP + FAVORILER ZARA-MINIMAL (2026-08-21) =====
   Kapsam: yalniz taslak 10041 tema CSS'i. Sepet/ekleme akisina dokunulmadi.
   1) Hesap birincil butonlar kahve -> SIYAH (site buton standardi 12/500/+2/CAPS)
   2) Favorilerim: grup yonetim tablosu gizli, urunler Zara grid (2 kolon mobil / 4 kolon desktop)
   3) Hesap tablo koyu basliklar -> beyaz hairline; form inputlari underline; etiketler kucuk CAPS */

/* --- 1) BUTONLAR --- */
html body .hesabimContent .yesilButon,
html body .hesabimContent button.yesilButon,
html body .hesabimContent .kuponOlusturButon{
  background:#1a1a1a !important;color:#fff !important;border:1px solid #1a1a1a !important;
  border-radius:0 !important;font-size:12px !important;font-weight:500 !important;
  letter-spacing:2px !important;text-transform:uppercase !important;padding:12px 26px !important;
  transition:background .2s,color .2s;
}
html body .hesabimContent .yesilButon:hover,
html body .hesabimContent button.yesilButon:hover,
html body .hesabimContent .kuponOlusturButon:hover{background:#fff !important;color:#1a1a1a !important}
html body .hesabimContent .kirmiziButon{
  background:transparent !important;color:#8a8a8a !important;border:1px solid #d8d8d8 !important;
  border-radius:0 !important;font-size:12px !important;letter-spacing:1.5px !important;
  text-transform:uppercase !important;padding:12px 22px !important;
}
html body .hesabimContent .fa-star,
html body .hesabimContent .fa-money{color:#1a1a1a !important}

/* --- 2) HESAP TABLOLARI: koyu baslik -> beyaz + hairline --- */
html body .hesabimContent .hesabimTablo .tabloBasliklari{
  background:#fff !important;border:none !important;border-bottom:1px solid #e8e8e8 !important;
}
html body .hesabimContent .hesabimTablo .tabloBasliklari .baslik{
  color:#1a1a1a !important;font-weight:500 !important;font-size:11px !important;
  letter-spacing:1.6px !important;text-transform:uppercase !important;
}

/* --- 3) FORM: underline input + kucuk CAPS etiket --- */
html body .hesabimContent input.hsbmTextbox,
html body .hesabimContent .hsbmTextbox,
html body .hesabimContent select,
html body .hesabimContent textarea{
  border:none !important;border-bottom:1px solid #d8d8d8 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;
}
html body .hesabimContent input.hsbmTextbox:focus,
html body .hesabimContent select:focus,
html body .hesabimContent textarea:focus{border-bottom-color:#1a1a1a !important;outline:none !important}
html body .hesabimContent .satirBlok > .hsbmSpan{
  font-size:11px !important;letter-spacing:1.2px !important;text-transform:uppercase !important;
  color:#8a8a8a !important;font-weight:400 !important;
}

/* --- 4) FAVORILERIM: Zara grid --- */
.hesabimFavoriSayfasi::before{
  content:"FAVOR\130 LER\130 M";display:block;font-size:15px;font-weight:500;
  letter-spacing:3px;color:#1a1a1a;margin:2px 0 22px;
}
.hesabimFavoriSayfasi .ustButonTutucu{display:none !important}
.hesabimFavoriSayfasi .hesabimTablo .tabloBasliklari{display:none !important}
.hesabimFavoriSayfasi .hesabimTablo .tdTutucuBeyaz.wishListe{display:none !important}
.hesabimFavoriSayfasi .hesabimTablo,
.hesabimFavoriSayfasi .hesabimTablo .ustListe,
.hesabimFavoriSayfasi .hesabimTablo .tdTutucu{
  border:none !important;background:transparent !important;padding:0 !important;margin:0 !important;box-shadow:none !important;
}
.hesabimFavoriSayfasi .hsbmFvrProductContent{
  display:grid !important;grid-template-columns:repeat(4,1fr);gap:36px 16px;width:100%;
}
@media(max-width:768px){
  .hesabimFavoriSayfasi .hsbmFvrProductContent{grid-template-columns:repeat(2,1fr);gap:28px 10px}
}
.hesabimFavoriSayfasi .hsbmFvrProductItemCol{
  width:100% !important;float:none !important;padding:0 !important;margin:0 !important;
}
.hesabimFavoriSayfasi .hsbmFvrProductItem{
  border:none !important;background:transparent !important;padding:0 !important;margin:0 !important;box-shadow:none !important;
}
.hesabimFavoriSayfasi .istekDetayIcerik{display:flex !important;flex-direction:column !important}
.hesabimFavoriSayfasi .istekUrunResmi{
  width:100% !important;float:none !important;margin:0 !important;padding:0 !important;position:relative;
}
.hesabimFavoriSayfasi .istekUrunResmi a{display:block}
.hesabimFavoriSayfasi .istekUrunResmi img{width:100% !important;height:auto !important;display:block}
.hesabimFavoriSayfasi .istekUrunIndirim{display:none !important}
.hesabimFavoriSayfasi .favoriUrunDetay{
  width:100% !important;float:none !important;padding:10px 0 0 !important;margin:0 !important;text-align:left !important;
}
.hesabimFavoriSayfasi .favoriUrunDetay .urunBaslik{
  font-size:13px !important;font-weight:300 !important;letter-spacing:.4px;color:#1a1a1a !important;
  line-height:1.5;display:block;text-decoration:none !important;
}
.hesabimFavoriSayfasi .favoriUrunP{display:none !important}
.hesabimFavoriSayfasi .favoriUrunPrice{
  margin:4px 0 12px !important;display:flex;gap:8px;align-items:baseline;
}
.hesabimFavoriSayfasi .favoriUrunPrice .KdvsizFiyat{
  font-size:13px !important;font-weight:300 !important;color:#1a1a1a !important;order:1;
}
.hesabimFavoriSayfasi .favoriUrunPrice .OldPrice{
  font-size:13px !important;font-weight:300 !important;color:#b3b3b3 !important;
  text-decoration:line-through;order:2;
}
.hesabimFavoriSayfasi .favoriUrunDetaySag{
  display:flex !important;flex-direction:column !important;gap:8px;width:100% !important;float:none !important;
}
.hesabimFavoriSayfasi .favoriUrunDetaySag .divItem{
  width:100% !important;margin:0 !important;padding:0 !important;text-align:center;
}
.hesabimFavoriSayfasi .favoriUrunDetaySag .divItem:nth-child(1){order:2}
.hesabimFavoriSayfasi .favoriUrunDetaySag .divItem:nth-child(2){order:3}
.hesabimFavoriSayfasi .favoriUrunDetaySag .divItem:nth-child(3){order:1}
.hesabimFavoriSayfasi .sepetIcon{
  display:block !important;width:100% !important;border:1px solid #1a1a1a !important;
  background:#fff !important;color:#1a1a1a !important;font-size:12px !important;font-weight:500 !important;
  letter-spacing:2px !important;text-transform:uppercase !important;padding:12px 0 !important;
  text-align:center !important;text-decoration:none !important;transition:background .2s,color .2s;
}
.hesabimFavoriSayfasi .sepetIcon:hover{background:#1a1a1a !important;color:#fff !important}
.hesabimFavoriSayfasi .iptalEt{
  font-size:11px !important;color:#8a8a8a !important;text-decoration:underline !important;
  letter-spacing:.5px;display:inline-block;padding:2px 0;
}
/* ===== FAZ-74 SON ===== */

/* ===== FAZ-74b - duzeltmeler (2026-08-21): ParaPuan ikonlari siyah, kaldir linki zeminsiz, kupon buton hizasi ===== */
html body div.hesabimContent .paraPuanSayfasi i.fa,
html body div.hesabimContent .paraPuanSayfasi .blok i,
html body div.hesabimContent .puanlamaBolumu i.fa,
html body div.hesabimContent .paraPuanSayfasi span i{color:#1a1a1a !important}
.hesabimFavoriSayfasi .favoriUrunDetaySag .iptalEt,
.hesabimFavoriSayfasi .iptalEt{
  background:transparent !important;border:none !important;box-shadow:none !important;
  display:inline-block !important;width:auto !important;height:auto !important;
}
html body .hesabimContent .kuponOlusturButon{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  height:auto !important;line-height:1.2 !important;
}
html body .hesabimContent .kuponOlusturButon.butonDisabled,
html body .hesabimContent .kuponOlusturButon[disabled]{
  background:#8a8a8a !important;border-color:#8a8a8a !important;color:#fff !important;cursor:not-allowed !important;
}
/* ===== FAZ-74b SON ===== */

/* ===== FAZ-74c - favori kart cerceveleri kaldirildi + fiyat sarmasi (2026-08-21) ===== */
.hesabimFavoriSayfasi .hsbmFvrProductItemCol,
.hesabimFavoriSayfasi .hsbmFvrProductItem,
.hesabimFavoriSayfasi .istekDetayIcerik,
.hesabimFavoriSayfasi .hsbmFvrProductContent > div{
  border:none !important;outline:none !important;box-shadow:none !important;
  background:transparent !important;padding:0 !important;
}
.hesabimFavoriSayfasi .favoriUrunPrice{flex-wrap:wrap}
.hesabimFavoriSayfasi .favoriUrunPrice .KdvsizFiyat,
.hesabimFavoriSayfasi .favoriUrunPrice .OldPrice{white-space:nowrap}
/* ===== FAZ-74c SON ===== */

/* ===== FAZ-75 - favori kart hizasi + onay penceresi Zara restyle (2026-08-21) =====
   A) Favori kartlari: gorsel kutusu sabit 3/4 oran (contain, kirpma yok) + butonlar satirda ALT hizada
      (farkli oranli urun fotograflari ve farkli uzunlukta adlar kartlari kaydirmasin)
   B) SweetAlert onay pencereleri (or. "urunu favorilerden cikar") site diline: ikon gizli,
      koseler duz, Evet=siyah dolu, Hayir=cerceveli (inline somon stili !important ile ezilir) */
.hesabimFavoriSayfasi .istekUrunResmi img{
  aspect-ratio:3/4;object-fit:contain;background:#fff;
}
.hesabimFavoriSayfasi .hsbmFvrProductItemCol{display:flex !important}
.hesabimFavoriSayfasi .hsbmFvrProductItem{flex:1 1 auto;display:flex !important;flex-direction:column !important}
.hesabimFavoriSayfasi .istekDetayIcerik{flex:1 1 auto}
.hesabimFavoriSayfasi .favoriUrunDetay{display:flex !important;flex-direction:column !important;flex:1 1 auto}
.hesabimFavoriSayfasi .favoriUrunDetaySag{margin-top:auto !important}
.sweet-alert{
  border-radius:0 !important;box-shadow:0 10px 40px rgba(0,0,0,.14) !important;
  padding:34px 28px 30px !important;
}
.sweet-alert .sa-icon{display:none !important}
.sweet-alert h2{color:#1a1a1a !important;font-weight:500 !important;letter-spacing:1px !important}
.sweet-alert p{color:#1a1a1a !important;font-size:14px !important;font-weight:300 !important;line-height:1.7 !important}
.sweet-alert .sa-button-container button{
  border-radius:0 !important;box-shadow:none !important;font-size:12px !important;font-weight:500 !important;
  letter-spacing:2px !important;text-transform:uppercase !important;padding:12px 28px !important;margin:0 6px !important;
}
.sweet-alert button.confirm{background:#1a1a1a !important;color:#fff !important;border:1px solid #1a1a1a !important}
.sweet-alert button.confirm:hover{background:#333 !important}
.sweet-alert button.cancel{background:#fff !important;color:#1a1a1a !important;border:1px solid #1a1a1a !important}
.sweet-alert button.cancel:hover{background:#f5f5f5 !important}
/* ===== FAZ-75 SON ===== */

/* ===== FAZ-76 - header sepet ikonu dokunma alani (2026-08-21) ===== */
html body a.header-cart-link{
  display:inline-flex !important;align-items:center;justify-content:center;
  min-width:34px;min-height:34px;
}
/* ===== FAZ-76 SON ===== */

/* ===== FAZ-77 - ilk yukleme titreme onlemleri (2026-08-21) =====
   1) Hemen Al statik gizli (JS beklemeden, flash yok; karar: Hemen Al kaldirildi)
   2) Ana menu perde: JS siralamayi uygulayana kadar gizli; JS olmezse 0.9sn'de kendini gosterir */
input.buyfastbutton, .buyfastbutton{display:none !important}
.newHeaderNavUl{opacity:0;animation:noxNavG .2s ease .9s forwards}
@keyframes noxNavG{to{opacity:1}}
/* ===== FAZ-77 SON ===== */

/* ===== FAZ-77b - mobil header sepet linki tasma duzeltmesi (2026-08-21) =====
   FAZ-76 min-width mobilde 14px yatay tasma yaratti -> mobilde boyut buyutme yerine
   padding + negatif margin (dokunma alani buyuk kalir, yerlesim genislemez) */
@media(max-width:767px){
  html body a.header-cart-link{
    min-width:0 !important;min-height:0 !important;
    padding:10px !important;margin:-10px !important;
  }
}
/* ===== FAZ-77b SON ===== */

/* ===== FAZ-77c - mobil sepet linki sag padding tasmasi (2026-08-21) ===== */
@media(max-width:767px){
  html body a.header-cart-link{
    padding:10px 0 10px 10px !important;
    margin:-10px 0 -10px -10px !important;
  }
}
/* ===== FAZ-77c SON ===== */

/* ===== FAZ-78 - Berfu 5 madde (2026-08-21): cekmece CTA siyah, iyi-gider baslik, mobil favori ikonu ===== */
html body #checkoutCartProductDiv a[href*="checkout" i],
html body .miniCartRigth a[href*="checkout" i]{
  background:#1a1a1a !important;border-color:#1a1a1a !important;color:#fff !important;
}
html body .JKatAdi{
  font-size:19px !important;font-weight:400 !important;letter-spacing:2.5px !important;
  text-transform:uppercase !important;color:#1a1a1a !important;margin:8px 0 18px !important;
}
@media(max-width:767px){
  html body .JKatAdi{font-size:16px !important}
  html body .header-nav.nav-right{display:flex !important;align-items:center !important;justify-content:flex-end}
  html body .header-favori-item{display:flex !important;align-items:center;order:2}
  html body .mobile-user-item{order:1}
  html body .mobile-cart-item{order:3}
  html body .header-favori-item .header-favori-title,
  html body .header-favori-item .header-favori-count{display:none !important}
  html body .header-favori-item a.favori-link{display:inline-flex !important;align-items:center;justify-content:center;padding:6px}
}
/* ===== FAZ-78 SON ===== */

/* ===== FAZ-78b - duzeltme (2026-08-21): cekmece CTA gercek kabi + JKatAdi ozgulluk takviyesi ===== */
html body .miniCartRigth .checkoutButton,
html body .miniCartRigth .orderCompleteButton,
html body #checkoutCartProductDiv .checkoutButton,
html body #checkoutCartProductDiv .orderCompleteButton{
  background:#1a1a1a !important;border-color:#1a1a1a !important;
}
html body .miniCartRigth .checkoutButton a,
html body .miniCartRigth .orderCompleteButton a,
html body #checkoutCartProductDiv .checkoutButton a,
html body #checkoutCartProductDiv .orderCompleteButton a{
  background:transparent !important;color:#fff !important;
}
html body #ProductDetailMain .JKatAdi,
html body #divIlgiliUrunler .JKatAdi,
html body .JKatAdi.JKatAdi.JKatAdi{
  font-size:19px !important;font-weight:400 !important;letter-spacing:2.5px !important;
  text-transform:uppercase !important;color:#1a1a1a !important;margin:8px 0 18px !important;
}
@media(max-width:767px){
  html body #ProductDetailMain .JKatAdi,
  html body #divIlgiliUrunler .JKatAdi,
  html body .JKatAdi.JKatAdi.JKatAdi{font-size:16px !important}
}
/* ===== FAZ-78b SON ===== */

/* ===== FAZ-78c - iyi-gider basligi P/* FAZ-78c kurali FAZ-82 ile kaldirildi (1 Eyl 2026) */
@media(max-width:767px){
}
html body.nox-pdp #divIlgiliUrunler .JKatAdi{margin:0 0 20px !important}
/* ===== FAZ-78c SON ===== */

/* ===== FAZ-79 - filtre secili durum gorunurlugu (2026-08-21, Berfu telefon bildirimi) =====
   Tema secili filtre satirina 'selected' sinifi basiyor (FAZ-49 yanlislikla '.secili' bekliyordu
   -> secim tamamen gorunmezdi). Secili: kalin + alti cizili + yaninda x (ayni satira tekrar
   dokununca kalkar). Ustteki cop kutusu = TUM filtreleri temizle (tema clearAllFilters). */
html body .liFiltreElement.selected > a{
  font-weight:500 !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  color:#1a1a1a !important;
}
html body .liFiltreElement.selected > a::after{
  content:"\00d7";
  display:inline-block;
  margin-left:10px;
  font-size:15px;
  font-weight:400;
  color:#1a1a1a;
  vertical-align:-1px;
}
/* ===== FAZ-79 SON ===== */

/* ===== FAZ-80 - filtre cekmecesi SONUCLARI GOR butonu (2026-08-21) ===== */
html body .category-vertical-filters .nox-filt-uygula{
  position:sticky;bottom:0;display:block;width:calc(100% - 32px);margin:18px 16px 16px;
  background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:0;
  font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  padding:14px 0;text-align:center;cursor:pointer;z-index:6;
  box-shadow:0 -8px 18px rgba(255,255,255,.9);
}
html body .category-vertical-filters .nox-filt-uygula:hover{background:#333}
/* ===== FAZ-80 SON ===== */

/* ===== FAZ-80b - SONUCLARI GOR mobilde hep altta sabit (2026-08-21) ===== */
@media(max-width:767px){
  html body .category-vertical-filters .nox-filt-uygula{
    position:fixed;left:16px;right:16px;bottom:14px;width:auto;margin:0;
  }
  html body .category-vertical-filters{padding-bottom:84px !important}
}
/* ===== FAZ-80b SON ===== */

/* ===== FAZ-81 - WhatsApp butonu (2026-08-25) - Berfu: "iphone 11'de arkasi gri
   gozukuyor, golgeli duruyor... telefon ve desktop icin daha iyi gorunmesi ve
   bozuk durmamasi lazim". Duzeltilenler:
   1) gri hale (#bdbdbd 0 0 5px 1px) -> asagi dogru yumusak yukseklik golgesi
   2) 49x50 yumurta -> 52x52 tam daire (padding 12px 13px asimetrikti)
   3) glif font-weight 500 idi, FontAwesomeBrands yalniz 400 tasiyor -> sahte-bold
      bulaniklik; 400 + antialiased
   4) iOS'ta dokununca cikan gri dikdortgen parlama kapatildi
   NOT: display'e DOKUNULMUYOR - Ticimax modulu gorunurlugu inline display ile
   yonetiyor, !important ile ezmek butonu her zaman gorunur yapardi. ===== */
html body a.whatsBtn{
  width:52px !important;
  height:52px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:50% !important;
  background:#25D366 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.10) !important;
  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
  transition:box-shadow .2s ease,transform .2s ease !important;
}
html body a.whatsBtn i{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  font-size:27px !important;
  line-height:52px !important;
  font-weight:400 !important;
  color:#fff !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
@media (hover:hover){
  html body a.whatsBtn:hover{
    box-shadow:0 6px 18px rgba(0,0,0,.22),0 2px 5px rgba(0,0,0,.12) !important;
    transform:translateY(-1px) !important;
  }
}
html body a.whatsBtn:active{transform:translateY(0) !important}
/* ===== FAZ-81 SON ===== */

/* ===== FAZ-84 (3 Eylul 2026) — Beden tablosu panelden yonetilebilir =====
   Es kod blogu: NOX-BEDEN-PANEL-40 (tema JS)

   Ticimax "Ozel Alan 1" artik BEDEN TABLOSU alani olarak kullaniliyor.
   Marka urun kartinda bu alani doldurunca tablo otomatik olusuyor.

   1) Detay sayfasinda ham metni gizle — ama YALNIZCA JS onu basariyla
      okuduysa (body.nox-ozelalan-ok). JS calismazsa metin duz yazi olarak
      sayfada kalir, marka yazdigi sey kaybolmaz.
   2) Liste kartlarinda ASLA gosterme. Tema .ozelAlan1/.ozelAlan2'yi urun
      fotografinin uzerine mutlak konumlu GRI ROZET olarak basiyor; panelde
      "listede goster" yanlislikla acilirsa her fotografin ustune olcu metni
      biner. Bu kural o kazayi bastan kapatir.
   3) Marka hazir bir <table> yapistirdiysa modal icinde tema tablosuyla
      ayni gorunsun (.nox-sc-ham).
*/

/* 1) Detay: JS tuketti -> ham alani gizle */
html body.nox-ozelalan-ok #divOzelAlan1 { display: none !important; }

/* 2) Liste/vitrin kartlari: Ozel Alan 1-2 hicbir kosulda gorunmesin */
html body .ProductList .productItem .ozelAlan1,
html body .ProductList .productItem .ozelAlan2,
html body .productItem .ozelAlanlar { display: none !important; }

/* 3) Yapistirilan hazir tablo, kurdugumuz tabloyla ayni dilde */
body.nox-pdp .nox-sc-overlay .nox-sc-ham {
  width: calc(100% - 52px) !important;
  margin: 6px 26px 4px !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-ham table {
  border-collapse: collapse !important;
  width: 100% !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-ham th,
body.nox-pdp .nox-sc-overlay .nox-sc-ham td {
  border: 0 !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 14px 8px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-ham th {
  font-size: 11px !important;
  color: #9a9a9a !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #dcdcdc !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-ham td:first-child,
body.nox-pdp .nox-sc-overlay .nox-sc-ham th:first-child {
  text-align: left !important;
  color: #777 !important;
  font-weight: 400 !important;
}
body.nox-pdp .nox-sc-overlay .nox-sc-ham tr:last-child td { border-bottom: 0 !important; }
/* Tablo yerine liste yapistirilirsa da okunakli kalsin */
body.nox-pdp .nox-sc-overlay .nox-sc-ham ul,
body.nox-pdp .nox-sc-overlay .nox-sc-ham ol { margin: 0 0 0 18px !important; padding: 0 !important; }
body.nox-pdp .nox-sc-overlay .nox-sc-ham li,
body.nox-pdp .nox-sc-overlay .nox-sc-ham p {
  font-size: 13px !important; line-height: 1.7 !important; color: #1a1a1a !important; margin: 0 !important;
}
/* ===== FAZ-84 SON ===== */

/* NOX-IL-MAILTO yardimci satiri (4 Eyl 2026) */
html body .nox-il-status .nox-il-kucuk{
  display:block; margin-top:6px; font-size:12.5px; opacity:.75;
}


/* ================= FAZ-85 — Gelince Haber Ver paneli (uyeliksiz) =================
   Tetik: Ticimax'in .btnnostok'u (beden kutusunun altinda, tema zaten konumluyor)
   Panel: mobilde tam ekran, masaustunde ortalanmis kart. Bkz. NOX-HABERVER-41 (tema JS)
================================================================================= */

/* --- tetik: her zaman gorunur (hover'a bagli degil, mobil icin sart) --- */
html body.nox-pdp #divUrunEkSecenek .size_box.nostok .btnnostok{
  display:inline-flex !important; align-items:center; gap:5px;
  font-size:11px !important; line-height:1.2; letter-spacing:.02em;
  color:#1a1a1a !important; text-decoration:none !important;
  border-bottom:1px solid #1a1a1a; padding-bottom:2px; cursor:pointer;
}
html body.nox-pdp #divUrunEkSecenek .size_box.nostok{ cursor:pointer !important; }
html body.nox-pdp #divUrunEkSecenek .nox-hv-zarf{ width:14px; height:10px; flex:0 0 14px; }
/* tetik kutunun altina tastigi icin satira nefes payi */
html body.nox-pdp #divUrunEkSecenek .eksecenekLine{ margin-bottom:30px; }

/* --- ortu --- */
html body .nox-hv-ortu{
  position:fixed; inset:0; z-index:100000;
  background:rgba(26,26,26,.32);
  display:flex; align-items:center; justify-content:center;
}
html body .nox-hv-ortu[hidden]{ display:none !important; }
html.nox-hv-kilit, html.nox-hv-kilit body{ overflow:hidden; }

/* --- panel --- */
html body .nox-hv-panel{
  position:relative; background:#fff; width:420px; max-width:88vw;
  padding:26px 32px 34px;
  font-family:'Jost','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300; color:#1a1a1a; text-align:left;
  max-height:88vh; overflow-y:auto;
}
html body .nox-hv-kapat{
  position:absolute; top:14px; right:16px;
  background:none; border:0; padding:6px; cursor:pointer;
  font:400 22px/1 'Jost',Helvetica,Arial,sans-serif; color:#1a1a1a;
}
html body .nox-hv-baslik{
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  font-weight:400; margin:12px 0 18px;
}
html body .nox-hv-soru{ font-size:15px; line-height:1.55; margin:0 0 34px; font-weight:300; }
html body .nox-hv-soru b{ font-weight:500; }
html body .nox-hv-etiket{
  display:block; font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:#8c8c8c; margin-bottom:8px;
}
html body .nox-hv-kutu{
  width:100%; border:0; border-bottom:1px solid #1a1a1a; background:none;
  padding:8px 0 10px; border-radius:0;
  font:300 16px 'Jost',Helvetica,Arial,sans-serif; color:#1a1a1a;
}
html body .nox-hv-kutu:focus{ outline:none; border-bottom-width:2px; }
html body .nox-hv-uyari{ min-height:16px; margin:8px 0 0; font-size:12px; color:#9a3b3b; }
html body .nox-hv-gizlilik{ margin:22px 0 18px; font-size:12px; }
html body .nox-hv-gizlilik a{
  color:#1a1a1a; text-decoration:underline; text-underline-offset:3px;
}
html body .nox-hv-dugme{
  width:100%; padding:15px; background:none; border:1px solid #1a1a1a; border-radius:0;
  font:400 12px 'Jost',Helvetica,Arial,sans-serif; letter-spacing:.18em;
  text-transform:uppercase; color:#1a1a1a; cursor:pointer;
}
html body .nox-hv-dugme:hover{ background:#1a1a1a; color:#fff; }
html body .nox-hv-dugme[disabled]{ opacity:.5; cursor:default; }
html body .nox-hv-ok[hidden], html body .nox-hv-form[hidden]{ display:none !important; }

/* --- mobil: tam ekran (Zara da boyle) --- */
@media (max-width:768px){
  html body .nox-hv-ortu{ background:#fff; align-items:stretch; }
  html body .nox-hv-panel{
    width:100%; max-width:none; max-height:none; height:100%;
    padding:22px 24px 40px;
  }
}
/* ================= FAZ-85 SON ================= */

/* ================= FAZ-87 — H1 basliklari =================
   Kategori basligi: sitenin mevcut tipografisiyle ayni aile, sessiz duruyor.
   Ana sayfa basligi: ekranda gorunmez ama okuyucu ve arama motoru icin var
   (display:none KULLANILMAZ, o zaman sayilmaz).
   Bkz. NOX-H1-44 (tema JS)
========================================================== */
html body.nox-plp h1.nox-plp-baslik,
html body h1.nox-plp-baslik{
  margin:26px 0 14px;
  font-family:'Jost','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:15px; font-weight:400; letter-spacing:.2em; text-transform:uppercase;
  color:#1a1a1a; line-height:1.3;
}
@media (max-width:768px){
  html body h1.nox-plp-baslik{ margin:18px 0 10px; font-size:13px; letter-spacing:.16em; }
}
html body h1.nox-gizli-baslik{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
/* ================= FAZ-87 SON ================= */

/* ===== FAZ-88: saglik taramasi gorsel duzeltmeleri — 11 Eyl 2026 ===== */
/* 1. "Gelince haber ver": yan yana iki tukenmis bedende ikinci etiketin zarfi birincinin
      yazisinin ustune biniyordu (masaustu ve mobil). Yazi yalniz SON tukenmis bedende kalir,
      oncekilerde yalniz zarf durur. Tiklama alani ve acilan panel ayni (NOX-HABERVER-41). */
.size_box.nostok:has(~ .size_box.nostok) .btnnostok > span{ display:none !important; }
/* 2. Mobil urun sayfasi: WhatsApp dugmesi (Script Yonetimi "1 Tum Sayfalar", bottom:160px)
      urun adinin sonunu kapatiyordu. Sabit cubuk (#noxStickyBar, 64px, 768px ve alti) varken
      dugme cubugun hemen ustune iner. Diger sayfalar ve masaustu degismez. */
@media (max-width:768px){
  body.nox-pdp:has(#noxStickyBar.on) .whatsBtn{ bottom:72px !important; }
}
/* ===== FAZ-88 SON ===== */