/* ==================== */ /* AHMET CAGLAYAN */ /* ==================== */
@charset "UTF-8";
@import url(bootstrap.css);
@import 'normalize.css';
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext');
:root {--theme-color: #a0d2d8; }


.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: 'Poppins', sans-serif; font-weight: normal; margin: 0; padding: 0; }
#overlay { opacity: .5; position: fixed; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background: #000000; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; transition: transform 300ms ease; z-index: 3; display: none; }
#overlay.active { display: block; }
body.topOverlay #overlay { -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }
body.topOverlay form { width: 100%; box-shadow: none; -webkit-box-shadow: none; -webkit-transform: translate(0, 52px); -ms-transform: translate(0, 52px); -o-transform: translate(0, 52px); transform: translate(0, 52px); }
body.sepetimBody form { -webkit-overflow-scrolling: inherit; -webkit-transform: inherit; transform: inherit; }
html { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
#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%; }
/* ============ 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;}
/* ============ */
.headerContent > .navigation { display: none; }
a { text-decoration: none; color: #666666; }
body, td, th, input, textarea, select, a { font-size: 13px; }
.clear { clear: both; }
.bordernone { border: none !important; }
.textarea { font-family: "Roboto", sans-serif !important; border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }
.textbox { font-family: "Roboto", sans-serif !important; border: 1px solid #ccc; color: #666666; display: block; font-size: 12px; width: 100%; padding: 8px 8px; margin: 0 0 8px 0; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }
.Block_item .button { display: block; width: 100%; }
.button { cursor: pointer; background: 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; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.button:hover { background-color: #000; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
.selectboxx { border: 1px solid #DDDDDD; width: 100%; padding: 0 10px; height: 40px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 1.5%; top: -35px; display: table; background-color: #366f2a; color: #fff; border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #366f2a; position: absolute; right: 10px; bottom: -5px; width: 10px; height: 10px; display: block; border-radius: 0 0 0px 15px; }
.cloudzoom-zoom { z-index: 999; }
#showhideButton { top: 9px !important; }
.password-verdict { color: #000 !important; display: block !important; white-space: nowrap; }
body { -webkit-text-size-adjust: 100%; }
input[type="submit"], button[type="submit"], input[type="button"], button { border: none; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
textarea { resize: none; }
textarea, input[type="text"], input[type="password"] { height: 40px; padding-left: 10px; border: 1px solid #ddd; color: #777; background: transparent; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background: #F1F1F1; }
input[type="submit"] { border: none; cursor: pointer; }
select { height: 40px; padding: 0 17px 0 10px; line-height: 30px; border: 1px solid #ddd; color: #777; }
#store_region_container { position: absolute; top: 5px; }
#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; }
.homeContainer .centerCount .jCarouselLite { padding: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 40px; padding-top: 30px; border-top: 1px solid #e1e1e1; }
.jCarouselLite, .jCarouselLite2 { width: 100% !important; }
.markaSlider .jCarouselLite { height: 160px !important; }
.markaSlider .jCarouselLite ul li { height: 100px !important; }
.markaSlider .jCarouselLite ul li a img { max-width: 100%; }
.jCarouselLite { width: 100% !important; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 40px; }
.jCarouselLite .productItem, .jCarouselLite2 .productItem { float: left; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.JKatAdi { font-size: 16px; float: left; padding: 15px 0; margin: 15px 0 25px 0 !important; width: 100%; float: left; }
.detaySliderContainer .bold { /* display: block; */ border-bottom: 1px solid #e1e1e1; display: block; height: 10px; margin-bottom: 15px; text-align: center; }
.detaySliderContainer .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #fff; padding: 0 70px; }
.owl-nav { }
.ProductListprev { font-size: 0; float: left; cursor: pointer; position: absolute; left: 0px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; background: #e6e4e6; border-radius: 40px; }
.ProductListprev:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f053"; line-height: 40px; }
.ProductListprev:hover { background: var(--theme-color); }
.ProductListprev:hover:after { color: #fff; }
.ProductListnext { font-size: 0; float: left; cursor: pointer; position: absolute; right: 0px; text-align: center; top: 50%; margin-top: -25px; width: 40px; height: 40px; border-radius: 40px; background: #e6e4e6; }
.ProductListnext:after { font-family: 'FontAwesome'; color: #a1a1a1; font-size: 16px; content: "\f054"; line-height: 40px; }
.ProductListnext:hover { background: 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: 20px; margin-bottom: 20px; background: #fff; width: 100% !important; }
.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; width: 2%; float: left; }
.iletisimLine .Right { display: inline-block; width: 40%; float: left; }
.iletisimbanka { width: 97%; padding: 1%; border: solid 1px #dadada; background-color: #fafafa; overflow: hidden; }
.iletisimContent .row { width: 49%; margin: 0px; float: left; border: 1px solid #eee; padding: 11px; min-height: 345px; margin-bottom: 20px; }
.iletisimContent .categoryTitle { font-size: 20px; line-height: 40px; text-transform: uppercase; border-bottom: 1px solid #eee; float: left; padding-right: 20px; margin-bottom: 20px; }
.iletisimContent .row .span { width: 100%; float: left; }
.iletisimContent .row .span div { }
.iletisimContent .row .span .Left { font-weight: 700; float: left; width: 17% !important; font-size: 13px; line-height: 25px; }
.iletisimContent .row .span .Center { font-weight: 700; float: left; width: 2%; font-size: 13px; line-height: 25px; }
.iletisimContent .row .span .Right { float: left; width: 81% !important; font-size: 13px; line-height: 25px; }
.iletisimContent .row .span .line1 { width: 100%; min-height: 50px; margin-bottom: 5px; float: left; }
.iletisimContent .row .span > .line1 { border-bottom: solid 1px #CCC; }
.iletisimContent .row .span .line1 div { width: 41%; float: left; min-height: 50px; }
.iletisimContent .row .span .line1 .line2 { text-align: center; width: 23%; }
.iletisimContent .row .span .line1 .line3 { text-align: center; width: 16%; }
.iletisimContent .row .span .line1 .line4 { text-align: right; float: right; width: 20%; }
.iletisimContent .row .span .line1 div span { display: block; min-height: 25px; }
.iletisimContent .row .span .line1 div span:last-child { font-size: 11px; }
.iletisimContent .row .span .line2 { width: 100%; min-height: 25px; float: left; }
.iletisimContent .row .span > .line2 { border-bottom: solid 1px #CCC; }
.iletisimContent .row .span .line2 .line1 { width: 70%; float: left; line-height: 25px; min-height: 25px; }
.iletisimContent .row .span .line2 .line2 { float: right; width: 30%; text-align: right; }
.iletisimContent .row .span .line3 { width: 100%; float: left; }
.iletisimContent .row .span .line3 .line1 { width: 100%; min-height: 1px; float: left; border-bottom: 1px solid #ccc; }
.iletisimContent .row .span .line3 .line1 span { float: left; display: inline-block; line-height: 20px; min-height: 1px; width: auto !important; }
.iletisimForm { width: 100%; margin-top: 20px; border: solid 1px #eee; overflow: hidden; padding: 1%; }
.iletisimForm .row { border: none; }
.iletisimForm .row .span { height: 70px; position: relative; overflow: visible; margin-bottom: 0px; }
.iletisimForm .row .span .captchaImageBox { float: left; width: 30%; margin-top: -10px; }
.iletisimForm .row .span .captchaInputBox { width: 70%; float: left; }
#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 .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; }
/* ================================================== */ /* YORUM YAZ */ /* ================================================== */
/* ================================================== */ /* 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 { width: 1240px; clear: both; margin: 0 auto; position: relative; }
.headerContent:before, .headerContent:after { content: " "; display: table; }
.headerContent:after { clear: both; }
.ticiContainer { width: 1240px; max-width: 1240px !important; clear: both; margin: 0 auto; }
.homeContainer .leftBlock { display: none; }
.productDetailContainer .leftBlock { display: none; }
.rightBlock { display: none; }
.ticiContainer:before, .ticiContainer:after { content: " "; display: table; }
.ticiContainer:after { clear: both; }
.centerCount .OzelBlokIcerik { }
.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; }
.categoryContainer .centerCount.col-md-12 { padding: 0 !important; }
.centerCount .solYadaSagAcik { padding: 0 10px; }
.centerCount .solSagBlokAcik { padding: 0 10px; }
/* ================================================ */ /* ! ANASAYFA SLIDER */ /* ================================================ */
#pnlSlider { position: relative; margin: 0; max-width: 1260px; }
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { max-width: 100%; display: block; }
#pnlSlider .flex-control-nav { float: left; position: absolute; bottom: 13px; }
#pnlSlider .flex-control-paging li { margin: 0 5px !important; display: inline-block; }
#pnlSlider .flex-control-paging li a { position: relative; width: 14px; height: 4px; box-shadow: none; font-size: 0; text-indent: 0; background: #fff; border: 1px solid #000000; border-radius: 0; }
#pnlSlider .flex-control-paging li a.flex-active { background: #000000; }
#pnlSlider .flex-direction-nav {position: absolute;top: 45%;left: 20px;right: 20px;width: auto;}
#pnlSlider .flex-direction-nav li { display: inline-block; }
#pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next { display: inline-block; z-index: 9; font-size: 0; text-align: center; top: 0; margin: 0; opacity: 1 !important; float: left; width: 40px; height: 40px; }
#pnlSlider .flex-direction-nav .flex-prev { left: 0; }
#pnlSlider .flex-direction-nav .flex-next { right: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before {content: '\f053';font-family: 'FontAwesome';font-size: 40px;line-height: 40px;color: #fff;font-weight: 300;}
#pnlSlider .flex-direction-nav .flex-next:before {content: '\f054';font-family: 'FontAwesome';font-size: 40px;line-height: 40px;color: #fff;font-weight: 300;}
#pnlSlider .flex-direction-nav .flex-prev:hover { }
#pnlSlider .flex-direction-nav .flex-next:hover { }
#pnlSlider .flex-direction-nav .flex-next:hover:before { }
#pnlSlider .flex-direction-nav .flex-prev:hover:before { }
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; float: left; width: 100%; background: #fff; margin: 0; }
#pnlSlider .HPSItems .flex-control-thumbs li { width: 125px; position: relative; }
#pnlSlider .HPSItems .flex-control-thumbs li:after { width: 1px; content: ''; background: #eee; display: block; margin: auto 0; max-height: 43px; position: absolute; right: 0; top: 0; bottom: 0; }
/* ================================================ */ /* ! HIZMETLERIMIZ */ /* ================================================ */
.odemeTeslimat { float: left; width: 100%; padding-bottom: 70px; margin-bottom: 40px; border-bottom: 1px solid #f0f0f0; }
.odemeTeslimat .blokRow { margin: 0 -10px; }
.odemeTeslimat .blok { float: left; width: 33.3333%; padding: 0 10px; }
.odemeTeslimat span { display: block; padding-left: 60px; position: relative; color: #000; font-size: 14px; line-height: 20px; }
.odemeTeslimat span strong { display: block; margin-bottom: 10px; }
.odemeTeslimat .fa { position: absolute; left: 0; top: 50%; font-size: 35px; margin-top: -17.5px; }
/* ================================================ */ /* ! VITRIN URUNLERI */ /* ================================================ */
.ProductListContent { margin-left: -10px; margin-right: -10px; }
.ProductList { }
.ProductListContent .productItem { margin-bottom: 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: #000; font-weight: 400; 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: #000; 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 .productDetail, .productItem .productDetail { float: left; width: 100%; }
.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: 500; color: var(--theme-color); font-size: 16px; }
.productModuleItem2 .moduleregular, .productModuleItem2 .regularPrice, .productModuleItem .moduleregular, .productModuleItem .regularPrice, .productItem .moduleregular, .productItem .regularPrice { display: inline-block !important; float: left; margin-top: 2px; }
.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: #000; 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; }
.pageNumber { float: left; width: 100%; padding-top: 50px; margin-bottom: 30px; text-align: center; }

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

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

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

.pageNumber a.SelectedSayfa { background-color: var(--theme-color); color: #fff; border: 1px solid var(--theme-color); }

/* ================================================ */ /* ! 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; }
#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 { display: block; display: block; height: 10px; margin-bottom: 15px; }
.categoryTitle .bold .satir1 { display: inline-block; padding: 0 0 0 0; font-size: 18px; font-weight: 600; display: inline-block; background-color: #fff; padding: 0 100px; }
.leftBlock .categoryTitle .bold { overflow: hidden; height: auto; cursor: pointer; font-size: 15px; font-weight: 500; word-wrap: break-word; display: block; color: #2b2b2b; border-bottom: 1px solid #ddd; padding: 9px 0 15px 0px; }
.leftBlock .categoryTitle .bold .satir1 { float: left; padding: 0; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #2b2b2b; }
.categoryTitleText { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 13px 0; }
.categoryTitleText * { display: inline-block; /* font-family: 'Roboto', serif !important; */ color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400; letter-spacing: 0.5px; }
ul.breadcrumb li *, ul.breadcrumb li, a#linkOncekiSayfa { display: inline-block; color: #2b2b2b !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: normal; margin-right: 0px !important; }
ul.breadcrumb a { display: inline-block; }
/*kategori gizlenenler*/
.KategoriFilitrelemeContent .Block_Title { display: none; }
#mainHolder_divUstMarkaListesi { display: none; }

/*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; }

#back-to-top {position: fixed;right: 20px;top: auto;z-index: 9999999;bottom: 70px;}
#back-to-top a { font-size: 35px; color: #f1a03a; display: inline-block; }
#back-to-top a:hover { color: var(--theme-color); }


.cloudzoom-blank > div:last-child { display: none !important; }
.productDetailContainer .centerCount { padding: 0; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMain .ProductDetailMainRow { margin: 40px -10px 0; }
.ProductDetailMain .leftImage { width: 390px; float: left; margin-bottom: 20px; padding: 0 20px 0 0; }
.ProductDetailMain .RightDetail { width: 860px; float: left; margin-bottom: 20px; padding: 0 0 0 20px; position: relative; }
.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; }
.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: 5px; }
.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: #f1a03a !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: #f1a03a !important; font-weight: 700; }
.ProductDetailMain .IndirimliFiyatContent * { }
.ProductDetailMain .PiyasafiyatiContent .spanKdv { color: #f1a03a !important; margin-left: 10px; font-size: 12px; line-height: 1; }
.ProductDetailMain .PiyasafiyatiContent .spanFiyat { color: #f1a03a !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: 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: 5px; }
.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: #f1a03a; 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: #f1a03a; 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; margin: 20px 0 0 0; }
#divBenzerUrun .categoryTitle, #divIlgiliUrunler .categoryTitle { background: #fff; }
#divBenzerUrun .categoryTitle *, #divIlgiliUrunler .categoryTitle * { color: #f1a03a; 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 { 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; }
.filterBlock .Block_Title { display: none !important; }
.Block_item .Block_Title span { float: left; display: block; width: 100%; font-size: 13px; font-weight: 500; color: #fff; line-height: 50px; padding-left: 43px; background: var(--theme-color) url(/Uploads/Images/katicon.png) no-repeat left 20px center; }
.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; }
.Block_item.Anket .Block_Text { text-align: center; }
.Block_item.Anket .Block_Text input[type=submit], .Block_item.Anket .Block_Text a { margin-top: 10px; }
.Block_item.Anket .Block_Text table tr td { text-align: left; }
.Block_item.Anket .Block_Text table tr td input { margin-right: 5px; }
.Block_item.ArkadasiniDavetet input[type=submit], .Block_item.ArkadasiniDavetet input[type=button], .Block_item.Arama input[type=submit], .Block_item.Arama input[type=button], .Block_item.EmailListesi input[type=submit], .Block_item.EmailListesi input[type=button] { margin-top: 10px; float: right; }
.Block_item.YanUyeGirisi .sideuserlogin ul li label { line-height: 34px; }
/* ================================================ */ /* ! ANASAYFA BLOKLAR */ /* ================================================ */
.anasayfaBloklar { float: left; width: 100%; }
.anasayfaBloklar .blokRow { margin: 0 -10px; }
.anasayfaBloklar .ucluBlok, .anasayfaBloklar .ortaBlok { float: left; width: 33.333%; padding: 0 10px; margin-bottom: 20px; }
.anasayfaBloklar .solBlok, .anasayfaBloklar .sagBlok { float: left; width: 33.333%; padding: 0 10px; }
.anasayfaBloklar .solBlok .blok, .anasayfaBloklar .sagBlok .blok { float: left; width: 100%; margin-bottom: 20px; }
.anasayfaBloklar a { display: block; }
.anasayfaBloklar a img { display: block; max-width: 100%; margin: 0 auto; }
.anasayfaBanner a { display: block; width: 100%; height: 100%; position: relative; }
.anasayfaBanner .btnincele { background-color: #fff; position: absolute; padding: 10px 50px; bottom: 30px; left: 10%; right: 10%; text-align: center; font-size: 13px; color: #3d3d3d; border: 1px solid #e1e1e1; font-weight: 600; }
.anasayfaBanner .btnincele:hover { background-color: 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-color: #909da3; }
#header:before, #header:after { content: " "; display: table; }
#header:after { clear: both; }
#lang_flag_container { left: auto !important; right: 0 !important; top: -2px !important; position: relative !important; float: right; margin: 30px 20px 30px 0; }
#lang-detail { left: auto !important; right: 0 !important; top: 100% !important; }
#langHover { padding: 13.5px 5px !important; }
body #langHover:not(.white) * { color: #fff !important; }
body #langHover * { font-size: 14px; line-height: 13px; }
.mobileNav { display: none; }
#logo { float: left; margin: 30px 0; }
#logo a { display: block; }
#logo a img { max-width: 300px; display: block; }
.uyeGirisUyeAdi { display: none; }
.welcome { float: right; position: relative; margin: 30px 20px 30px 0; }
.welcome .uyeGirisWelcome { display: none; }
.welcome ul li { float: left; }
.welcome a { float: left; color: #fff; font-weight: 300; font-size: 14px; line-height: 40px; }
.welcome a:hover { /* color: var(--theme-color); */ }
.welcome .headerUyeGiris a { margin-left: 0; position: relative; display: block; }
.welcome .headerUyeGiris a:after { content: "/"; display: block; clear: both; color: #fff; float: right; margin: 0 3px; }
.welcome .headerHesabim:before { content: "\f007"; font-family: fontawesome; font-size: 20px; display: inline-block; vertical-align: top; line-height: 40px; margin-right: 5px; }
.welcome .headerUyeGiris a:before { content: "\f007"; font-family: fontawesome; font-size: 20px; display: inline-block; vertical-align: top; line-height: 40px; margin-right: 5px; }
.welcome .headerCikis:after { display: block; font-size: 18px; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 500; line-height: 97px; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.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; }
/*Header Menu*/
.navigation { max-width: 100%; margin: auto; display: block; }
.navigation > div { width: 1240px; max-width: 100%; margin: 0 auto; }
.navigation:after { content: ""; display: block; clear: both; }
.navigation .HeaderMenu2 { float: left; position: relative; }
.navigation .HeaderMenu2 > li { float: left; position: relative; }
.navigation .HeaderMenu2 > li:first-child > a { padding: 0 30px; line-height: 50px; height: 50px; color: #fff; font-size: 18px; display: block; font-weight: bold; -webkit-font-smoothing: antialiased; text-transform: uppercase; background: var(--theme-color); width: 262px; font-weight: 500; }
.navigation .HeaderMenu2 > li > a { padding: 0 23px; line-height: 50px; height: 50px; color: #000; font-size: 18px; display: block; font-weight: bold; -webkit-font-smoothing: antialiased; text-transform: uppercase; font-weight: 500; }
.navigation .HeaderMenu2 > li:first-child > a:before { content: '\f0c9'; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px; }
.navigation .HeaderMenu2 > li ul { position: absolute; display: none; left: 0; top: 100%; z-index: 99; background: #fff; width: 250px; padding: 0; box-shadow: 0 1px 1px rgba(0,0,0,.15) !important; border: 1px solid rgba(0,0,0,.05); }
.navigation .HeaderMenu2 li:hover > ul { display: block; }
.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; 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: 46px; 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 li:hover { background: var(--theme-color); }
.navigation .HeaderMenu2 > li li:hover > a { color: #fff; }
.navigation .HeaderMenu2 > li > ul li ul { width: 250px; }
.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; }
#logo > .Linkmenu { display: none !important; }
.Linkmenu { float: left; width: calc(100% - 262px); /* border: 1px solid #dedede; */ border-left: none; }
.Linkmenu ul { float: left; }
.Linkmenu ul li { float: left; }
.Linkmenu ul li a { line-height: 48px; color: #000 !important; font-size: 15px; font-weight: 700; padding: 0 20px; display: inline-block; float: left; }
/*Sepet*/
.mycart { float: right; position: relative; margin: 30px 0; }
.mycart > a { display: block; color: #fff; }
.mycart > a:before { content: '\f07a'; font-family: 'FontAwesome'; font-weight: normal; font-size: 20px; line-height: 40px; float: left; }

.mycart .sepetTecxt { display: none; }
.mycart .sepetTecxt .fa { display: none; }
.mycart .sepetUrun { display: none; }
.mycart .sepetUrunSayisi { text-align: center; color: #fff; font-size: 12px; font-weight: 600; padding: 0 0 3px 0; position: absolute; height: 25px; width: 25px; line-height: 27px; background: #c3dee5; border-radius: 40px; }
.mycart > a:hover:after { color: var(--theme-color); }
@media(min-width: 768px){
    .mycart:hover .CartProduct { visibility: visible; opacity: 1; top: 130%; }
}
.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-right: 50px; display: inline-block; color: #fff; font-style: normal; font-weight: 300; font-size: 18px !important; line-height: 100px; }
.aramaButonu .lnr { line-height: 97px; font-size: 17px; }
#divArama { position: relative; float: left; width: 100%; }
.searchContent { position: static; left: 234px; top: 0; z-index: 9999; float: none; display: inline-block; vertical-align: top; margin: 30px auto; width: 350px; }
.searchContent .ButtonMic { display: none !important; }
.searchContent #txtbxArama { -webkit-appearance: none; float: left; width: 100%; font-weight: 300; height: 40px; color: #e1e1e1; font-size: 12px; border: none; padding: 0 70px 0 20px; background: #fff; border: 1px solid #e1e1e1; }
.searchContent #btnKelimeAra { -webkit-appearance: none; cursor: pointer; position: absolute; border: none; right: 0px; top: 0px; padding: 0 15px; height: 40px; color: #fff; font-size: 0; width: 70px; border: none; background: #f1a03a url(Images/searchicon.png) no-repeat center center; }
/* ================================================ */ /* ! 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 #UpdatePanel1 { border-radius: 5px; overflow: hidden; }
#divNewsLetter #txtbxNewsletterMail { border: 1px solid #fff; height: 40px; color: #000; background: #fff; font-size: 13px; width: 100%; padding-right: 80px; }
#divNewsLetter #btnMailKaydet { position: absolute; background: var(--theme-color); right: 0; top: 0; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; font-weight: 500; }
#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; border-top: 1px solid #efefef; padding: 35px 0 35px 0; margin-top: 20px; }
.footerGenelTutucu { float: left; width: 100%; background: #909da3; }
.footerGenelTutucu:after { clear: both; display: table; content: ""; }
.footerBankaTutucu { float: left; width: 100%; background: #909da3; border-top: 1px solid #2b4649; padding: 25px 0; }
.footerBankaTutucu:after { clear: both; display: table; content: ""; }
.bankaSol { float: left; }
.bankaSag { float: right; font-size: 12px; color: #e8e8e8; 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) !important; }
.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: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 15px; display: block; }
.footerGenelTutucu .dortluAltBlok ul { }
.footerGenelTutucu .dortluAltBlok ul li { margin-bottom: 10px; }
.footerGenelTutucu .dortluAltBlok ul li a { display: inline-block; color: #e8e8e8; font-size: 12px; font-weight: 300; }
.footerGenelTutucu .dortluAltBlok ul li a:hover { text-decoration: underline; }
.footerGenelTutucu .dortluAltBlok span { display: inline-block; color: #e8e8e8; font-size: 12px; margin-bottom: 10px; line-height: 20px; }
#ticimaxCopyright { display: inline-block; margin: 0 !important; line-height: 61px !important; clear: both; height: 57px; }
#ticimaxCopyright a { color: var(--theme-color) !important; }
.userLoginBtn, .userSignBtn { border: 0 !important; }
/* temaya ozel css */
.UrunGuruplari { max-width: 233px; float: left; position: relative; }
.UrunGuruplari .KatMenu1 { display: none; }
#txtbxArama::-webkit-input-placeholder { color: #cccccc; font-size: 11px; font-weight: 300; text-transform: uppercase; }
#txtbxArama:-moz-placeholder { color: #cccccc; font-size: 11px; font-weight: 300; text-transform: uppercase; }
#txtbxArama::-moz-placeholder { color: #cccccc; font-size: 11px; font-weight: 300; text-transform: uppercase; }
#txtbxArama:-ms-input-placeholder { color: #cccccc; font-size: 11px; font-weight: 300; text-transform: uppercase; }
#txtbxArama:focus { color: #cccccc; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
.UrunGuruplari:hover .KatMenu1 { display: block !important; position: absolute; width: 100%; z-index: 5; }
.homeContainer .centerCount { width: 100%; padding: 0; margin-top: 10px !important; }
.uclublok { margin-top: 20px; }
.uclublok .item { margin-bottom: 20px; }
.centerCount > .middleTopBlock > .ProductList .JKatAdi { display: none !important; }
.Instagram { float: left; width: 100%; margin-bottom: 40px; }
.Instagram .instagramtext { float: left; width: 100%; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; }
.Instagram .instagramtext .titleText { font-size: 22px; color: #2b2b2b; font-weight: bold; display: inline-block; }
.itakip { margin: auto; width: inherit; clear: both; width: 155px; }
.itakip a { background: #fff; line-height: 41px; padding: 0 20px; border-radius: 20px; border: 1px solid #e1e1e1; display: inline-block; color: #acacac; font-size: 13px; height: 40px; font-weight: 400; }
.itakip a i { margin-left: 4px; }
.Instagram .instagramBolumu { float: left; width: 100%; margin-bottom: 20px; }
.Instagram .instagramBolumu .blokRow { float: left; width: 100%; }
.Instagram .instagramBolumu .blokRow .dortluBlok { float: left; width: 12.5%; }
.sliderBannerContainer .jCarouselLite { padding-top: 0 !important; border-top: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
/* temaya ozel css */

@media (min-width: 1199px) and (max-width:1260px) {
    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }
    .ProductDetailMain .ProductDetailMainRow { margin: 0; }
    .ProductDetailMain .leftImage { width: 390px; padding-right: 10px; }
    .ProductDetailMain .RightDetail { width: 790px; padding-left: 10px; }
}

@media (max-width:1260px) {
    .ticiContainer, .headerContent { width: 1180px; margin-left: 10px; margin-right: 10px; }
    .ProductDetailMain .ProductDetailMainRow { margin: 0; }
    .ProductDetailMain .leftImage { width: 390px; padding-right: 10px; }
    .ProductDetailMain .RightDetail { width: 790px; padding-left: 10px; }
}

@media (max-width: 1199px) {
    .ticiContainer, .headerContent { width: 970px; margin: 0 auto; }
    .navigation { width: 100%; }
    .ProductDetailMain .RightDetail { width: 580px; }
}

@media (max-width: 991px) {
    .ticiContainer, .headerContent { width: 750px; margin: 0 auto; }
    .FiltrelemeUrunAdet { display: none !important; }
    .ProductDetailMain .leftImage { width: 300px; }
    .ProductDetailMain .RightDetail { width: 450px; }
    .ProductDetailMain #divIndirimOrani { position: absolute; right: 0; left: auto; bottom: 70px; width: auto; }
    .leftBlock { display: none; }
}

@media (max-width: 767px) {
    .Instagram .instagramBolumu .blokRow .dortluBlok { width: 50% !important; margin-bottom: 5px; }
    #ticimaxCopyright { font-size: 12px; line-height: 20px !important; padding-top: 10px; }
    .navigation { display: none !important; }
    .ticiContainer, .headerContent { width: 100%; margin: 0 auto; padding: 0 10px; }
    .slides { overflow: hidden; }
    .slides li a { display: block; }
    .slides li a img { display: block; width: 100%; height: auto; }
    .leftBlock { display: none; }
    .ProductDetailMain .leftImage { width: 40%; text-align: center; padding-right: 10px; }
    .ProductDetailMain .RightDetail { width: 60%; padding-left: 10px; }
    .footerBankaTutucu { display: none; }
    .footerGenelTutucu .dortluAltBlok { text-align: center; width: 100%; margin: 10px 0; }
    .anasayfaBanner > div { margin-bottom: 10px; }
    .ProductList .ItemOrj.col-xs-6 { padding-left: 5px; padding-right: 5px; }
    .ProductDetail .product-social-icon-wrapper { display: none !important; }
    .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 > ul > li > a span { font-weight: 600; }
    .urunOzellik .mobilTab { }
    .urunOzellik > .mobilTab > ul > li { position: relative; border-bottom: 1px solid #e9e9e9; }
    .urunOzellik .mobilTab ul li.active { background-color: #fff; border-bottom: 0; }
    .urunOzellik .mobilTab > ul > li > a:after { content: "\f107"; font-family: FontAwesome; font-size: 20px; line-height: normal; position: absolute; right: 8px; top: 10px; }
    .urunOzellik > .mobilTab > ul > li.active > a:after { content: "\f106"; }
    .urunOzellik .mobilTab > ul > li > a { display: block; padding: 13px 0; color: #000; font-size: 14px; text-transform: uppercase; font-weight: 600; }
    .urunOzellik .mobilTab ul li.active .urunDetayPanel { display: block !important; }
    .urunOzellik .urunDetayPanel { background-color: #fff; padding: 0; float: none; }
    .urunOzellik .urunDetayPanel * { }
    .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; }
    .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: 20px; 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) {
    .Linkmenu { width: 100% !important; }
    .Linkmenu ul li { width: 100%; }
    .Linkmenu ul li a { color: #9b9b9b; font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); width: 100%; font-weight: normal; line-height: normal; padding: .96em; }
    #header { background-color: #fff; position: relative; height: 65px; border-bottom: 1px solid #d9d9d9; width: 100%; }
    #header #logo { width: 40%; margin: 0 auto !important; display: table !important; text-align: center; float: none; }
    #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; }
}


@media(max-width:767px) {
    #lang_flag_container { display: none !important; }
    .welcome, .aramaButonu { display: none; }
    #header { background-color: #fff; position: relative; height: 65px; border-bottom: 1px solid #d9d9d9; float: left; width: 100%; border-top: 0; }
    #header #logo { width: 40%; margin: 0 auto !important; display: table !important; text-align: center; float: none; padding: 0; }
    #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; }

    .Linkmenu ul li { width: 100%; }
    .Linkmenu ul li a { color: #000; font-size: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); width: 100%; font-weight: normal; line-height: normal; padding: .96em; }
    .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; }

    .anasayfaBanner .col-sm-6 { padding: 0; }
    .anasayfaBanner .col-sm-4 { padding: 0; }
    .categoryTitle .bold .satir1 { font-size: 16px; line-height: 30px; }
    .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: 20px; }
    .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; }
    .fazlalik { display: none !important; }
    .sliderBannerContainer { margin: 0 0 10px; padding: 10px !important; }
    .anasayfaBanner .col-xs-12 { padding: 0; }
    .Instagram .instagramBolumu { margin-bottom: 10px; }
    .Instagram .itakip a { line-height: 25px; font-size: 10px; }
    .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: 20px; 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 (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; border: 1px solid #eee; padding: 20px; }
.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-bottom: 1px solid #eee; }
.leftBlock .category-vertical-filters > div:last-child { margin-bottom: 0; border: 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%; }

.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: transparent; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a { background: transparent; color: #999999; 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: 20px; }
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: normal; border-radius: 0; padding: 0; border: none; margin-right: 20px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color: transparent; color: #000000; font-size: 12px; border-radius: 0; padding: 0 15px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: normal; 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: #000000; font-weight: normal; 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:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: linearicons-free; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }
section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }
.Modals .modal-body { padding: 30px; max-width: 420px; }
.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }
.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }
.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }
.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }
.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }
.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }
.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }
.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }
.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }
.AddGalleryModal .Btn.Orange:hover { background-color: #000; }
.AddGalleryModal .modal-dialog { margin: 0; }
.AddGalleryModal .modal-body { max-width: 100%; }
.AddGalleryModal .FormElements { margin-bottom: 10px; }
.AddGalleryModal .FormElements > input { padding: 8px 12px; }
.AddGalleryModal .modal-content { background: #fff; }
.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }
.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }
.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }
.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }
.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }
.AddGalleryModal .upload-options:hover { background-color: #000; }
.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }
.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }
.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }
.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }
.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }
.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }
.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }
.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }
.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }
.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }
.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }
.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #ff0000; }
.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }
.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }
.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }
.AddGalleryModal .FormElements .input-box { position: relative; }
.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }
.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }
.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }
.AddGalleryModal .form_valition { display: none; }
.AddGalleryModal .galleryFooterSuccess { display: none; }
.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }
/*Galeri Modülü*/



@media (min-width:1042px) {
    .mobilMenu { display: none; }
    .breadList { display: none !important; }
    body #divSayfalamaUst .filterBlock { float: left; border: none; border-radius: 0; width: 100%; margin-bottom: 20px; }
    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-top: 15px; }
    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: 10px 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; }
    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.dropdown li a { color: #000; line-height: 16px; }
    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: normal; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; width: 100%; }
    .mobilMenu .navUl .ulVar > a { width: auto; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i, .mobilMenu .navUl > li .ResimsizDown i,
    .mobilMenu .navUl > li .ResimliDown i { line-height: 50px; font-size: 25px; float: right; font-weight: 300; }
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
    .mobilMenu .altMenu .altMenuSag { display: none; }
    .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
    /**/
    .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 360px; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active { left: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span,
    .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i,
    .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 16px; font-weight: 500; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
}



@media (min-width: 1042px) and (max-width: 1260px) {

    .categoryContainer .leftBlock { display: block !important; }
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, 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; }
    .sliderBannerContainer .ProductList { max-width: 1000px; }
    .detaySliderContainer .ProductList { max-width: 1000px; }
    .navigation .altMenu .altMenuler { max-width: 1000px; }
    .markaSlider .jCarouselLite { max-width: 1000px; }
    #divIcerik.homepage { margin: 0 auto; }
    .headerContent { margin: 0 auto; }
    body .blockSelect, body #divSayfalamaUst.Slct .blockSelect { display: none !important; }
    .ProductIcon div { width: 50%; }
    .searchContent { width: 340px; }
}


@media (min-width: 768px) and (max-width: 1041px) {
    .mobilMenuAcButton { float: left; margin-top: 20px; margin-right: 20px; color: #FFF; 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: 100%; margin: 0 0 20px 0; }
    .mycart { margin-right: 20px; }
}

@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;position: absolute;right: 0;bottom: -44px;}
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: #fff; 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: 40px; padding: 0; overflow: visible; width: 100%; left: 0; right: 0; display: block; }
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
    .searchContent #txtbxArama { height: 41px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0; margin: 0; border: 0 !important; background: #fafafa; }
    .searchContent.active #txtbxArama { padding: 0 50px 0 10px; }
    body .searchContent #btnKelimeAra { width: 50px; height: 100%; right: 0; top: 0; line-height: 40px; text-indent: 0; padding: 0; left: auto; background-position: center center; background-image: none; border: none; border-radius: 0; font-size: 15px; text-align: center; background: 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; }
    .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; }
    .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; height: 30px; }
    .ProductListprev:after { line-height: 30px; }
    .ProductListnext { width: 30px; height: 30px; }
    .ProductListnext:after { line-height: 30px; }
    #mainHolder_divDesign .owl-dots { display: none !important; }
    .ProductIcon2 > div > a { margin: 0; }
    .homeContainer .ProductListContent .ProductList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

}


/* --- MODERN ENHANCEMENTS START --- */
/* ==========================================================================
   ENOX BAGNO - MODERN LUXURY THEME ENHANCEMENTS
   Theme ID: 10046 (enox-modern)
   Designed for: https://enoxbagno.com/
   Inspired by: baser-new architecture
   ========================================================================== */

:root {
  --theme-color: #0A192F !important;       /* Deep Obsidian Navy (baser-new) */
  --theme-primary: #0A192F !important;
  --theme-dark: #071324 !important;          /* Midnight contrast tone */
  --theme-accent: #c5a059 !important;        /* Brushed champagne gold */
  --theme-accent-hover: #b38e47 !important;
  --theme-secondary: #0f2744 !important;
  --theme-bg-light: #f8fafc !important;
  --theme-border: #e2e8f0 !important;
  --theme-border-hover: #cbd5e1 !important;
  --theme-text-main: #0f172a !important;
  --theme-text-muted: #64748b !important;
  --theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --theme-shadow-md: 0 6px 16px rgba(10, 25, 47, 0.08);
  --theme-shadow-lg: 0 16px 32px rgba(10, 25, 47, 0.12);
  --theme-radius-sm: 6px;
  --theme-radius-md: 10px;
  --theme-radius-lg: 14px;
}

/* ==========================================================================
   1. BASE TYPOGRAPHY (APPLE SYSTEM STACK)
   ========================================================================== */
:root, body, #headerNew, .header-main, .newHeaderNavigation, #top-bar, input, button, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

body {
  color: #1e293b !important;
}

/* Universal 250ms Hover Transitions */
a, button, input, select, .productItem, .enox-mega-card-link, .enox-drawer-link, .ProductListprev, .ProductListnext {
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================================================
   2. UPPERBAR (#top-bar) - MIDNIGHT OBSIDIAN
   ========================================================================== */
#top-bar, .header-top {
  background-color: var(--theme-dark) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  min-height: 38px !important;
}

#top-bar .flex-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#top-bar .flex-left .nav-left {
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

#top-bar .flex-right .nav-right {
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

#top-bar a, .header-top a {
  color: #cbd5e1 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  transition: color 250ms ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#top-bar a:hover, .header-top a:hover {
  color: #ffffff !important;
}

/* Cart Counter Badge */
#spnTopSepetToplamUrun, .sepetUrunSayisi {
  background: var(--theme-accent) !important;
  color: #0A192F !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border-radius: 9999px !important;
  padding: 1px 7px !important;
  margin-left: 6px !important;
}

/* User & Cart Dropdowns */
/* User & Cart Dropdowns */
.nav-dropdown, .header-cart-hover {
  background: rgba(10, 25, 47, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
}

/* User Account Dropdown Luxury Styling */
#divHeaderUyeV2 {
  position: relative !important;
}

#divHeaderUyeV2 .nav-dropdown {
  background: #0A192F !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
  z-index: 10000 !important;
}

#divHeaderUyeV2 .header-member-name {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 16px 12px !important;
  margin-bottom: 4px !important;
}

#divHeaderUyeV2 .header-member-name span {
  color: #c5a059 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  display: block !important;
}

#divHeaderUyeV2 .MyAccount-navigation-link a {
  color: #e2e8f0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 9px 18px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 200ms ease !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  margin: 1px 6px !important;
}

#divHeaderUyeV2 .MyAccount-navigation-link a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  padding-left: 22px !important;
}

#divHeaderUyeV2 .header-member-exit {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 6px !important;
  padding-top: 4px !important;
}

#divHeaderUyeV2 .header-member-exit a {
  color: #f87171 !important;
}

#divHeaderUyeV2 .header-member-exit a:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #ff8080 !important;
}

/* ==========================================================================
   3. MAIN HEADER & NAVBAR (#masthead) - DEEP LUXURY NAVY
   ========================================================================== */
#masthead, .header-main {
  position: relative !important;
  background-color: var(--theme-color) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25) !important;
  transition: all 250ms ease !important;
}

.header-main.sticky, .header.sticky #masthead {
  background-color: rgba(10, 25, 47, 0.98) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35) !important;
}

.header-inner, .newHeaderNavigation, .newHeaderNavUl {
  position: static !important;
}

/* Pure White Transparent Logo - Prevent SSR .jpg White Rectangle Flash */
#hb-logo, .logo {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin-right: 1.5rem !important;
}

#hb-logo a, .logo a {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  min-height: 42px !important;
}

#hb-logo img, .header_logo, .header-logo, .site-logo img, .headerLogo img, .logo img {
  filter: brightness(0) invert(1) !important;
  max-height: 42px !important;
  height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  transition: opacity 180ms ease !important;
}

/* Hide legacy opaque .jpg header logo before Temp.js swaps in transparent enox-logo.png,
   and paint the transparent PNG logo immediately via CSS at First Contentful Paint */
#hb-logo a:has(img[src*=".jpg"]),
#hb-logo a:has(img[src*=".jpeg"]),
#hb-logo a:has(img[src*="HeaderTasarim"]),
.logo a:has(img[src*=".jpg"]),
.logo a:has(img[src*="HeaderTasarim"]) {
  background-image: url('/Uploads/editoruploads/enox/enox-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  filter: brightness(0) invert(1) !important;
  min-width: 148px !important;
  height: 42px !important;
}

#hb-logo img[src*=".jpg"],
#hb-logo img[src*=".jpeg"],
#hb-logo img[src*="HeaderTasarim"],
.header_logo[src*=".jpg"],
.header-logo[src*=".jpg"],
.logo img[src*=".jpg"],
.logo img[src*="HeaderTasarim"] {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 148px !important;
}

#hb-logo img:hover {
  opacity: 0.88 !important;
}

/* Navigation Links - Prevent Wrap & Equal Height Alignment */
.newHeaderNavUl {
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.newHeaderNavUl > li {
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.newHeaderNavUl > li > a,
.newHeaderNavUl .nav-item-link {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #f1f5f9 !important;
  white-space: nowrap !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 4px !important;
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  transition: all 250ms ease !important;
}

.newHeaderNavUl > li > a > span:not(.enox-chevron) {
  display: inline-block !important;
  vertical-align: middle !important;
}

.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a,
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a,
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar:hover > a,
.newHeaderNavUl > li > a,
.newHeaderNavUl > li:hover > a,
.newHeaderNavUl .nav-item-link,
.newHeaderNavUl .nav-item-link:hover,
.newHeaderNavUl > li.ulVar:hover > .nav-item-link {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.newHeaderNavUl > li > a > span,
.newHeaderNavUl > li:hover > a > span,
.newHeaderNavUl .nav-item-link span,
.newHeaderNavUl .nav-item-link:hover span {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Underline Indicator (Clean crisp white line only, no blue background or fuzzy glow) */
.newHeaderNavUl > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), opacity 200ms ease !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.newHeaderNavUl > li:hover > a::after,
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Dropdown Chevron Indicator */
.newHeaderNavUl .enox-chevron {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 3px !important;
  vertical-align: middle !important;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.newHeaderNavUl > li.ulVar:hover .enox-chevron {
  transform: rotate(180deg) !important;
  color: #ffffff !important;
}

.upTagText, .downTagText {
  display: none !important;
}

/* Hide legacy dropdowns and mobile hamburger on desktop */
@media (min-width: 992px) {
  #enox-top-hamburger,
  #enox-masthead-hamburger,
  .mobile-menu-item {
    display: none !important;
  }
}

/* ==========================================================================
   4. DESKTOP NAVBAR SEARCH BOX
   ========================================================================== */
#masthead .flex-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

#divTopProductSearch {
  position: relative !important;
  width: 190px !important;
  margin-left: 1rem !important;
  transition: width 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#divTopProductSearch:focus-within {
  width: 250px !important;
}

#divTopProductSearch .searchform-wrapper {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 9999px !important;
  padding: 2px 10px 2px 16px !important;
  transition: all 250ms ease !important;
}

#divTopProductSearch .searchform-wrapper:hover,
#divTopProductSearch:focus-within .searchform-wrapper {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.15) !important;
}

#txtbxArama {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

#txtbxArama::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
}

#btnKelimeAra {
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 0 4px !important;
  cursor: pointer !important;
  transition: all 250ms ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#btnKelimeAra:hover {
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

/* ==========================================================================
   5. DESKTOP FULL-WIDTH MEGA MENUS (BANYO, MUTFAK & YAKINDA KOLEKSİYONLARI)
   ========================================================================== */
.enox-mega-menu-wrapper {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  padding-top: 0 !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1), visibility 250ms;
  z-index: 9999 !important;
  pointer-events: none;
}

@media (min-width: 992px) {
  .newHeaderNavUl > li.ulVar:hover > .enox-mega-menu-wrapper,
  .enox-mega-menu-wrapper.is-force-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .newHeaderNavUl > li.ulVar > .dropDown-wrap {
    display: none !important;
  }
}

.enox-mega-container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.enox-mega-box {
  background: rgba(10, 25, 47, 0.98) !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: none !important;
  border-radius: 0 0 1.75rem 1.75rem !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55) !important;
  padding: 2.25rem 2rem !important;
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 2.5rem !important;
  color: #ffffff !important;
}

/* Left Showcase Card */
.enox-mega-showcase {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2rem 1.75rem;
  text-decoration: none !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms ease;
}

.enox-mega-showcase:hover {
  transform: translateY(-2px) scale(1.008);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}

.enox-mega-showcase-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

.enox-mega-showcase:hover .enox-mega-showcase-bg {
  transform: scale(1.06);
}

.enox-mega-showcase-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 25, 47, 0.96) 0%, rgba(10, 25, 47, 0.6) 55%, rgba(10, 25, 47, 0.2) 100%);
}

.enox-mega-showcase-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.enox-showcase-badge {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #cbd5e1;
}

.enox-showcase-title {
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff !important;
  margin: 0;
}

.enox-showcase-desc {
  font-size: 0.8125rem;
  color: #94a3b8;
  line-height: 1.45;
  margin: 0;
}

.enox-showcase-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff;
  margin-top: 0.5rem;
  transition: color 250ms ease, gap 250ms ease;
}

.enox-mega-showcase:hover .enox-showcase-cta {
  color: #38bdf8;
  gap: 0.625rem;
}

/* Right Columns Grid */
.enox-mega-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.enox-mega-col-title {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94a3b8;
  display: block;
  margin-bottom: 0.875rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.enox-mega-link-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.enox-mega-card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.875rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.04);
  text-decoration: none !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.enox-mega-card-link:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateX(3px) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.enox-mega-card-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #f1f5f9;
  transition: color 250ms ease;
}

.enox-mega-card-link:hover .enox-mega-card-text {
  color: #ffffff;
}

.enox-mega-card-icon {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  transform: translate(-3px, 3px);
  transition: all 250ms ease;
  display: inline-flex;
}

.enox-mega-card-link:hover .enox-mega-card-icon {
  opacity: 1;
  transform: translate(0, 0);
  color: #ffffff;
}

/* ==========================================================================
   5.1. ÇOK YAKINDA MEGA MENU LAYOUT (BEYAZ EŞYA, SERAMİKLER, YAPI KİMYASALLARI)
   ========================================================================== */
.enox-mega-soon-box {
  grid-template-columns: 1.1fr 1fr !important;
  align-items: center !important;
  padding: 2.5rem 3rem !important;
}

.enox-soon-badge {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #c5a059;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.enox-soon-title {
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff !important;
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

.enox-soon-desc {
  font-size: 0.875rem;
  color: #94a3b8;
  line-height: 1.5;
  margin: 0 0 1.25rem 0;
  max-width: 480px;
}

.enox-soon-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: #cbd5e1;
  background: rgba(197, 160, 89, 0.12);
  border: 1px solid rgba(197, 160, 89, 0.3);
  padding: 6px 14px;
  border-radius: 9999px;
}

.enox-soon-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c5a059;
  box-shadow: 0 0 8px #c5a059;
  display: inline-block;
}

.enox-mega-soon-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.enox-soon-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  color: #e2e8f0;
}

.enox-soon-tag-badge {
  font-size: 0.65rem;
  color: #c5a059;
  background: rgba(197, 160, 89, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* ==========================================================================
   6. ANIMATED LUXURY DRAWER (MOBİL ÇEKMECE MENÜ)
   ========================================================================== */
.enox-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 250ms ease, visibility 250ms !important;
  z-index: 99998 !important;
}

.enox-drawer-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.enox-drawer-panel {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 380px !important;
  max-width: 90vw !important;
  background: rgba(10, 25, 47, 0.98) !important;
  backdrop-filter: blur(30px) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -15px 0 50px rgba(0, 0, 0, 0.55) !important;
  transform: translateX(100%) !important;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  color: #ffffff !important;
  overflow-y: auto !important;
}

.enox-drawer-panel.is-open {
  transform: translateX(0) !important;
}

.enox-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.enox-drawer-title {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #ffffff;
}

.enox-drawer-close {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #f1f5f9;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.enox-drawer-close:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  transform: rotate(90deg);
}

.enox-drawer-body {
  padding: 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1;
}

.enox-drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.enox-drawer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.04);
  color: #f1f5f9 !important;
  text-decoration: none !important;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.enox-drawer-link:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

.enox-drawer-footer {
  padding: 1.5rem 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.8125rem;
  color: #94a3b8;
}

.enox-drawer-footer a {
  color: #cbd5e1 !important;
  text-decoration: none;
  transition: color 250ms ease;
}

.enox-drawer-footer a:hover {
  color: #c5a059 !important;
}

/* ==========================================================================
   7. FLUID SLIDER FULL WIDTH & 100% HEIGHT (>= 1240px)
   ========================================================================== */
#sliderblok_0,
#sliderblok_0 .ticiContainer,
#sliderblok_0 .hazirBlokContent,
#sliderblok_0 .txrow,
#sliderblok_0 .txcol-sm,
.anasayfa_tek_slider,
.anasayfa_tek_slider .owl-stage-outer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 1240px) {
  #sliderblok_0,
  #sliderblok_0 .ticiContainer,
  #sliderblok_0 .hazirBlokContent,
  #sliderblok_0 .txrow,
  #sliderblok_0 .txcol-sm,
  .anasayfa_tek_slider,
  .anasayfa_tek_slider .owl-stage-outer,
  .anasayfa_tek_slider .owl-stage,
  .anasayfa_tek_slider .owl-item,
  .anasayfa_tek_slider .item,
  .anasayfa_tek_slider a.blokResimLink {
    height: calc(100vh - 122px) !important;
    min-height: calc(100vh - 122px) !important;
    max-height: calc(100vh - 122px) !important;
  }

  .anasayfa_tek_slider img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}

/* ==========================================================================
   8. SLIDER NEXT / PREV BUTTONS (ALWAYS WHITE ICON, BG HOVER CHANGE)
   ========================================================================== */
.anasayfa_tek_slider .ProductListprev,
.anasayfa_tek_slider .owl-prev,
.anasayfa_tek_slider .ProductListnext,
.anasayfa_tek_slider .owl-next,
#sliderblok_0 .ProductListprev,
#sliderblok_0 .owl-prev,
#sliderblok_0 .ProductListnext,
#sliderblok_0 .owl-next {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(10, 25, 47, 0.45) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  cursor: pointer !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 0 !important;
}

.anasayfa_tek_slider .ProductListprev,
.anasayfa_tek_slider .owl-prev,
#sliderblok_0 .ProductListprev,
#sliderblok_0 .owl-prev {
  left: 24px !important;
}

.anasayfa_tek_slider .ProductListnext,
.anasayfa_tek_slider .owl-next,
#sliderblok_0 .ProductListnext,
#sliderblok_0 .owl-next {
  right: 24px !important;
}

.anasayfa_tek_slider .ProductListprev span,
.anasayfa_tek_slider .ProductListnext span,
.anasayfa_tek_slider .owl-prev span,
.anasayfa_tek_slider .owl-next span,
#sliderblok_0 .ProductListprev span,
#sliderblok_0 .ProductListnext span,
#sliderblok_0 .owl-prev span,
#sliderblok_0 .owl-next span {
  display: none !important;
}

/* Pure crisp white chevron mask for hero slider */
.anasayfa_tek_slider .ProductListprev::before,
.anasayfa_tek_slider .owl-prev::before,
#sliderblok_0 .ProductListprev::before,
#sliderblok_0 .owl-prev::before {
  content: '' !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background-color: #ffffff !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transition: transform 250ms ease !important;
}

.anasayfa_tek_slider .ProductListnext::before,
.anasayfa_tek_slider .owl-next::before,
#sliderblok_0 .ProductListnext::before,
#sliderblok_0 .owl-next::before {
  content: '' !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  background-color: #ffffff !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transition: transform 250ms ease !important;
}

/* Hover: background changes color to deep luxury navy, icon stays 100% pure white */
.anasayfa_tek_slider .ProductListprev:hover,
.anasayfa_tek_slider .owl-prev:hover,
.anasayfa_tek_slider .ProductListnext:hover,
.anasayfa_tek_slider .owl-next:hover,
#sliderblok_0 .ProductListprev:hover,
#sliderblok_0 .owl-prev:hover,
#sliderblok_0 .ProductListnext:hover,
#sliderblok_0 .owl-next:hover {
  background: #0A192F !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

.anasayfa_tek_slider .ProductListprev:hover::before,
.anasayfa_tek_slider .owl-prev:hover::before,
.anasayfa_tek_slider .ProductListnext:hover::before,
.anasayfa_tek_slider .owl-next:hover::before,
#sliderblok_0 .ProductListprev:hover::before,
#sliderblok_0 .owl-prev:hover::before,
#sliderblok_0 .ProductListnext:hover::before,
#sliderblok_0 .owl-next:hover::before {
  background-color: #ffffff !important;
}

/* ==========================================================================
   9. RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 991px) {
  .enox-mega-menu-wrapper {
    display: none !important;
  }
  .newHeaderNav {
    background: #0A192F !important;
  }
  .newHeaderNav a {
    color: #f1f5f9 !important;
  }
  .mobile-item-button a {
    color: #ffffff !important;
  }
  .ProductListprev, .ProductListnext, .owl-prev, .owl-next {
    width: 38px !important;
    height: 38px !important;
  }
  .ProductListprev, .owl-prev {
    left: 12px !important;
  }
  .ProductListnext, .owl-next {
    right: 12px !important;
  }
}

/* ==========================================================================
   10. PRODUCT CARDS & SHOWCASE (Legacy defaults defer to Section 12)
   ========================================================================== */
.productItem, .productModuleItem, .productModuleItem2, .product-box {
  position: relative !important;
}

.productPrice, 
.discountPrice span, 
.modulediscount span, 
.productItem .discountPrice span,
.productModuleItem .discountPrice span {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.3px !important;
}

.productPriceRegular, .regularPrice, .productItem .productPriceRegular {
  font-size: 13px !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

.productIcon, .newIcon, .discountIcon, .cargoIcon, [class*="firsat" i], .modulEtiket {
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  height: auto !important;
  line-height: normal !important;
  background: #0A192F !important;
  color: #f8fafc !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   11. FOOTER ENHANCEMENTS
   ========================================================================== */
#footer, .footerContent {
  background: var(--theme-dark) !important;
  color: #cbd5e1 !important;
}

#footer h4, #footer .footerTitle, #footer .title {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

#footer a {
  color: #94a3b8 !important;
  transition: color 250ms ease !important;
}

#footer a:hover {
  color: var(--theme-accent) !important;
}

#ticimaxCopyright {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 18px 0 !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
}

#back-to-top, .back-to-top {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* ==========================================================================
   ENOX BAGNO - FINAL INTEGRATION REFINEMENTS
   ========================================================================== */

/* Hero Slider Chevrons Always Pure White */
.anasayfa_tek_slider .ProductListprev,
.anasayfa_tek_slider .ProductListnext,
.anasayfa_tek_slider .owl-prev,
.anasayfa_tek_slider .owl-next,
.anasayfa_tek_slider .ProductListprev *,
.anasayfa_tek_slider .ProductListnext *,
.anasayfa_tek_slider .owl-prev *,
.anasayfa_tek_slider .owl-next *,
.anasayfa_tek_slider .ProductListprev span,
.anasayfa_tek_slider .ProductListnext span,
.anasayfa_tek_slider .owl-prev span,
.anasayfa_tek_slider .owl-next span {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.anasayfa_tek_slider .ProductListprev:hover,
.anasayfa_tek_slider .ProductListnext:hover,
.anasayfa_tek_slider .owl-prev:hover,
.anasayfa_tek_slider .owl-next:hover {
  background-color: #0A192F !important;
  border-color: #c5a059 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
  transform: translateY(-50%) scale(1.08) !important;
}

.anasayfa_tek_slider .ProductListprev:hover *,
.anasayfa_tek_slider .ProductListnext:hover *,
.anasayfa_tek_slider .owl-prev:hover *,
.anasayfa_tek_slider .owl-next:hover * {
  color: #ffffff !important;
}

/* Mobile Drawer Activation */
.enox-drawer-panel.is-open,
.enox-drawer-panel.is-active {
  transform: translateX(0) !important;
}
.enox-drawer-overlay.is-open,
.enox-drawer-overlay.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Separation of Mobile & Desktop Nav */
@media (max-width: 991px) {
  .newHeaderNav,
  .newHeaderNavigation,
  .newHeaderNavUl {
    display: none !important;
  }
}


/* ==========================================================================
   MODERN FOOTER ENHANCEMENTS (Inspired by baser-new)
   ========================================================================== */
#customFooterContent > section {
  display: none !important;
}

#divTicimaxCopyrightContent {
  display: block !important;
  clear: both !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.footerTemp,
#customFooterContent {
  background: #0A192F !important;
  color: #cbd5e1 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  box-sizing: border-box !important;
}

.enox-modern-footer {
  position: relative !important;
  width: 100% !important;
  background: #0A192F !important;
  color: #94a3b8 !important;
  padding: 60px 0 50px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  display: block !important;
}

#formGlobal,
body,
.global_body {
  overflow: visible !important;
  height: auto !important;
  min-height: 100% !important;
}

#formGlobal::after,
body::after,
#customFooterContent::after,
.footerTemp::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.enox-footer-glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 250px;
  background: radial-gradient(circle, rgba(197, 160, 89, 0.08) 0%, rgba(10, 25, 47, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  filter: blur(40px);
}

.enox-footer-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* NEWSLETTER WRAPPER */
.enox-footer-newsletter-wrap {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 32px 40px;
  margin-bottom: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  float: none !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-newsletter-info {
  flex: 1;
  max-width: 520px;
}

.enox-newsletter-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c5a059;
  background: rgba(197, 160, 89, 0.12);
  border: 1px solid rgba(197, 160, 89, 0.25);
  padding: 3px 10px;
  border-radius: 9999px;
  margin-bottom: 10px;
}

.enox-newsletter-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 6px 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.enox-newsletter-desc {
  font-size: 13.5px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}

.enox-newsletter-action {
  flex: 1;
  max-width: 500px;
  width: 100%;
}

.enox-newsletter-form-group {
  display: flex;
  align-items: center;
  background: rgba(7, 19, 36, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9999px;
  padding: 4px 5px 4px 18px;
  transition: all 200ms ease;
}

.enox-newsletter-form-group:focus-within {
  border-color: #c5a059;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15);
  background: #071324;
}

.enox-newsletter-input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  padding: 10px 0 !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

.enox-newsletter-input::placeholder {
  color: #64748b;
}

.enox-newsletter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #c5a059;
  color: #0A192F;
  border: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 10px 22px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 200ms ease;
  white-space: nowrap;
}

.enox-newsletter-btn:hover {
  background: #d4b26f;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.35);
}

.enox-permission-box {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.enox-checkbox {
  width: 15px;
  height: 15px;
  accent-color: #c5a059;
  cursor: pointer;
  margin: 0;
}

.enox-checkbox-label {
  font-size: 12px;
  color: #94a3b8;
  cursor: pointer;
  margin: 0;
  line-height: 1.4;
  user-select: none;
}

/* FOOTER MAIN GRID */
.enox-footer-grid {
  display: grid;
  grid-template-columns: 2.2fr 1.2fr 1fr 1.3fr 1fr;
  gap: 40px;
  padding-bottom: 50px;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-footer-col {
  display: flex;
  flex-direction: column;
}

.enox-footer-brand-col {
  padding-right: 20px;
}

.enox-footer-logo-link {
  display: inline-block;
  margin-bottom: 16px;
  text-decoration: none;
}

.enox-footer-logo {
  height: 36px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1) !important;
  display: block;
}

.enox-footer-brand-desc {
  font-size: 13.5px;
  line-height: 1.65;
  color: #94a3b8;
  margin: 0 0 22px 0;
}

.enox-footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}

.enox-social-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease;
  text-decoration: none;
}

.enox-social-btn:hover {
  background: #ffffff;
  color: #0A192F;
  border-color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

.enox-footer-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 20px 0;
  position: relative;
}

.enox-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.enox-footer-links li a {
  font-size: 13px;
  color: #94a3b8;
  text-decoration: none;
  transition: all 180ms ease;
  display: inline-block;
}

.enox-footer-links li a:hover {
  color: #ffffff;
  transform: translateX(4px);
}

/* BOTTOM BAR */
.enox-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-footer-copy {
  font-size: 12.5px;
  color: #94a3b8;
}

.enox-footer-copy strong {
  color: #cbd5e1;
  font-weight: 600;
}

.enox-footer-badges {
  display: flex;
  align-items: center;
}

.enox-payment-img {
  height: 28px;
  width: auto;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 200ms ease;
}

.enox-payment-img:hover {
  opacity: 1;
}

.enox-footer-credits {
  display: flex;
  align-items: center;
  gap: 16px;
}

.enox-back-to-top-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 200ms ease;
}

.enox-back-to-top-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  transform: translateY(-2px);
}

.enox-oxarus-link {
  font-size: 12.5px;
  color: #94a3b8;
  text-decoration: none;
  transition: color 200ms ease;
}

.enox-oxarus-link:hover {
  color: #cbd5e1;
}

.enox-oxarus-brand {
  color: #ffffff;
  font-weight: 600;
  transition: color 200ms ease;
}

.enox-oxarus-link:hover .enox-oxarus-brand {
  color: #c5a059;
}

.enox-oncukale-link {
  text-decoration: none !important;
  display: inline-block;
  vertical-align: baseline;
  transition: color 200ms ease;
}

.enox-oncukale-brand {
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: all 200ms ease !important;
  display: inline-block;
}

.enox-oncukale-link:hover .enox-oncukale-brand {
  color: #c5a059 !important;
  text-shadow: 0 0 10px rgba(197, 160, 89, 0.65), 0 0 20px rgba(197, 160, 89, 0.35);
  transform: translateY(-0.5px);
}

@media (max-width: 1024px) {
  .enox-footer-newsletter-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
  }
  .enox-newsletter-action {
    max-width: 100%;
  }
  .enox-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .enox-footer-brand-col {
    grid-column: span 2;
    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .enox-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .enox-footer-brand-col {
    grid-column: span 1;
  }
  .enox-footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  .enox-footer-credits {
    flex-direction: column;
    gap: 10px;
  }
}

/* ==========================================================================
   ENOX BAGNO - LUXURY PRODUCT CARDS & CAROUSEL ARROWS ENHANCEMENTS
   ========================================================================== */

/* Slider Containers Overflow Handling */
.sliderBannerContainer,
.ProductList,
.jCarouselLite,
.kategoriBlock {
  overflow: visible !important;
}

.ulUrunSlider.owl-carousel {
  overflow: visible !important;
  position: relative !important;
}

.ulUrunSlider .owl-stage-outer {
  overflow: hidden !important;
  padding: 16px 4px 24px 4px !important;
  margin: -16px -4px -24px -4px !important;
}

/* Luxury External Carousel Navigation Arrows (Half Outside) */
.ulUrunSlider .ProductListprev,
.ulUrunSlider .owl-prev,
.ProductList .ProductListprev,
.kategoriBlock .ProductListprev {
  position: absolute !important;
  left: -22px !important;
  top: 40% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #0A192F !important;
}

.ulUrunSlider .ProductListnext,
.ulUrunSlider .owl-next,
.ProductList .ProductListnext,
.kategoriBlock .ProductListnext {
  position: absolute !important;
  right: -22px !important;
  top: 40% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #0A192F !important;
}

/* Ensure owl-nav is always visible */
.owl-nav,
.owl-nav.disabled {
  display: block !important;
}

/* Suppress legacy pseudo icons on modern product slider arrows */
.ulUrunSlider .ProductListprev::before,
.ulUrunSlider .ProductListprev::after,
.ulUrunSlider .ProductListnext::before,
.ulUrunSlider .ProductListnext::after,
.ulUrunSlider .owl-prev::before,
.ulUrunSlider .owl-prev::after,
.ulUrunSlider .owl-next::before,
.ulUrunSlider .owl-next::after,
.ProductList .ProductListprev::before,
.ProductList .ProductListprev::after,
.ProductList .ProductListnext::before,
.ProductList .ProductListnext::after,
.ProductList .owl-prev::before,
.ProductList .owl-prev::after,
.ProductList .owl-next::before,
.ProductList .owl-next::after {
  content: none !important;
  display: none !important;
}

/* Force crisp navy stroke on SVG chevron paths */
.ulUrunSlider .ProductListprev svg,
.ulUrunSlider .ProductListnext svg,
.ulUrunSlider .owl-prev svg,
.ulUrunSlider .owl-next svg,
.ProductList .ProductListprev svg,
.ProductList .ProductListnext svg,
.ProductList .owl-prev svg,
.ProductList .owl-next svg,
.ulUrunSlider .ProductListprev svg path,
.ulUrunSlider .ProductListnext svg path,
.ulUrunSlider .owl-prev svg path,
.ulUrunSlider .owl-next svg path,
.ProductList .ProductListprev svg path,
.ProductList .ProductListnext svg path,
.ProductList .owl-prev svg path,
.ProductList .owl-next svg path,
.ulUrunSlider .ProductListprev svg *,
.ulUrunSlider .ProductListnext svg *,
.ulUrunSlider .owl-prev svg *,
.ulUrunSlider .owl-next svg *,
.ProductList .ProductListprev svg *,
.ProductList .ProductListnext svg *,
.ProductList .owl-prev svg *,
.ProductList .owl-next svg * {
  width: 20px !important;
  height: 20px !important;
  stroke: #0A192F !important;
  fill: none !important;
  color: #0A192F !important;
  transition: stroke 200ms ease !important;
  display: block !important;
}

.ulUrunSlider .ProductListprev:hover,
.ulUrunSlider .ProductListnext:hover,
.ulUrunSlider .owl-prev:hover,
.ulUrunSlider .owl-next:hover,
.ProductList .ProductListprev:hover,
.ProductList .ProductListnext:hover,
.ProductList .owl-prev:hover,
.ProductList .owl-next:hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.25) !important;
}

.ulUrunSlider .ProductListprev:hover svg,
.ulUrunSlider .ProductListnext:hover svg,
.ulUrunSlider .owl-prev:hover svg,
.ulUrunSlider .owl-next:hover svg,
.ProductList .ProductListprev:hover svg,
.ProductList .ProductListnext:hover svg,
.ProductList .owl-prev:hover svg,
.ProductList .owl-next:hover svg,
.ulUrunSlider .ProductListprev:hover svg path,
.ulUrunSlider .ProductListnext:hover svg path,
.ulUrunSlider .owl-prev:hover svg path,
.ulUrunSlider .owl-next:hover svg path,
.ProductList .ProductListprev:hover svg path,
.ProductList .ProductListnext:hover svg path,
.ProductList .owl-prev:hover svg path,
.ProductList .owl-next:hover svg path,
.ulUrunSlider .ProductListprev:hover svg *,
.ulUrunSlider .ProductListnext:hover svg *,
.ulUrunSlider .owl-prev:hover svg *,
.ulUrunSlider .owl-next:hover svg *,
.ProductList .ProductListprev:hover svg *,
.ProductList .ProductListnext:hover svg *,
.ProductList .owl-prev:hover svg *,
.ProductList .owl-next:hover svg * {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* Positioning inside Category Split Blocks (floating over products, not behind banner) */
#bannerurunslider_4 .ProductListprev,
#bannerurunslider_4 .owl-prev,
#enox-section-mutfak .ProductListprev,
#enox-section-mutfak .owl-prev,
.enox-split-category-block .ProductListprev,
.enox-split-category-block .owl-prev {
  left: 8px !important;
  z-index: 15 !important;
}

#bannerurunslider_4 .ProductListnext,
#bannerurunslider_4 .owl-next,
#enox-section-mutfak .ProductListnext,
#enox-section-mutfak .owl-next,
.enox-split-category-block .ProductListnext,
.enox-split-category-block .owl-next {
  right: 8px !important;
  z-index: 15 !important;
}

.ulUrunSlider .ProductListprev.disabled,
.ulUrunSlider .ProductListnext.disabled {
  opacity: 0.25 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Product Card Architecture (Box-Shadow Driven & Lift on Hover) */
.productItem,
.productModuleItem {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  margin: 6px 4px 14px 4px !important;
  height: calc(100% - 20px) !important;
  box-sizing: border-box !important;
}

.productItem:hover,
.productModuleItem:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 35px -5px rgba(10, 25, 47, 0.12), 0 10px 15px -5px rgba(10, 25, 47, 0.06) !important;
}

/* Product Image Wrapper */
.productItem .productImage {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #fbfbfb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
}

.productItem .productImage a {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.productItem .productImage img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.productItem:hover .productImage img {
  transform: scale(1.06) !important;
}

/* Hide Old Center Action Overlay so it never blocks the photo */
.productItem .productIcon {
  position: static !important;
  width: auto !important;
  height: auto !important;
  display: contents !important;
}
.productItem .productIcon .examineIcon {
  display: none !important;
}
.productItem .productIcon .mycartIcon {
  display: none !important;
}
.productItem .productIcon .firsatIcon {
  display: none !important;
}
.productItem .productIcon .favori {
  display: none !important;
}

/* Luxury Glassmorphic Wishlist Heart Button (Top Right) */
.enox-card-fav-btn {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 200ms ease !important;
  color: #0A192F !important;
  padding: 0 !important;
}

.enox-card-fav-btn:hover {
  transform: scale(1.1) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
}

.enox-card-fav-btn svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #0A192F !important;
  fill: none !important;
  transition: all 200ms ease !important;
}

.enox-card-fav-btn:hover svg {
  stroke: #ef4444 !important;
}

.enox-card-fav-btn.is-active svg {
  stroke: #ef4444 !important;
  fill: #ef4444 !important;
}

/* Badges Container (Top Left) */
.enox-card-badges {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  align-items: flex-start !important;
  pointer-events: none !important;
}

.enox-card-badge-discount {
  background: #c5a059 !important;
  color: #0A192F !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(197, 160, 89, 0.35) !important;
  line-height: 1.2 !important;
}

.enox-card-badge-campaign {
  background: #0A192F !important;
  color: #f8fafc !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.25) !important;
  line-height: 1.2 !important;
}

/* Product Detail / Info Area */
.productItem .productDetail {
  padding: 16px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

/* Brand Eyebrow */
.enox-card-brand,
.productItem .productMarka {
  display: block !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #c5a059 !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}

/* Product Title */
.productItem .productName,
.productItem .productName a {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #1e293b !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  height: 39px !important;
  margin-bottom: 12px !important;
  text-decoration: none !important;
  transition: color 200ms ease !important;
}

.productItem:hover .productName,
.productItem:hover .productName a {
  color: #0A192F !important;
}

/* Pricing Wrapper */
.enox-card-price-wrap,
.productItem .productPrice {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin-bottom: 14px !important;
}

/* Card: Always hide native black round discount badge, native discount text, and third regularPrice */
.productItem .productIcon,
.productItem .discountIcon,
.productItem .productDiscount,
.productItem .productPrice .regularPrice,
.productItem .productPrice .regularKdv,
.productItem .productPrice .discountKdv {
  display: none !important;
}

/* Market Strike Price */
.enox-card-old-price {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Selling Price Row */
.enox-card-current-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}

.enox-card-price-amount,
.productItem .discountPriceSpan {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

.enox-card-price-kdv,
.productItem .discountKdv {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 11px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

/* Luxury Quick Add to Cart Button */
.enox-card-cart-btn {
  width: 100% !important;
  padding: 10px 16px !important;
  background: #0A192F !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  z-index: 2 !important;
  position: relative !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

.enox-card-cart-btn svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #c5a059 !important;
  fill: none !important;
  transition: stroke 200ms ease !important;
}

.enox-card-cart-btn:hover {
  background: #c5a059 !important;
  color: #0A192F !important;
  border-color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(197, 160, 89, 0.35) !important;
}

.enox-card-cart-btn:hover svg {
  stroke: #0A192F !important;
}

@media (max-width: 768px) {
  .ulUrunSlider .ProductListprev,
  .ProductList .ProductListprev,
  .kategoriBlock .ProductListprev {
    left: 2px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .ulUrunSlider .ProductListnext,
  .ProductList .ProductListnext,
  .kategoriBlock .ProductListnext {
    right: 2px !important;
    width: 36px !important;
    height: 36px !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - LUXURY SECTION HEADERS & SHOWCASE SPLIT BLOCKS
   ========================================================================== */

/* Hide legacy default titles in product sliders */
.anasayfa_urun_slider .bold,
.anasayfa_urun_slider .satir1,
.anasayfa_urun_slider .blockTitle,
.kategoriBlock > span.bold {
  display: none !important;
}

/* Section Headers */
.enox-section-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(10, 25, 47, 0.08) !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-section-header::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 64px !important;
  height: 2px !important;
  background: #c5a059 !important;
  border-radius: 2px !important;
}

.enox-header-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.enox-header-eyebrow-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.enox-header-eyebrow {
  color: #8a6825 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.enox-header-pill {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 9px !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

.enox-header-pill.pill-gold {
  background: rgba(197, 160, 89, 0.15) !important;
  color: #78591c !important;
}

.enox-header-pill.pill-navy {
  background: rgba(10, 25, 47, 0.08) !important;
  color: #0A192F !important;
}

.enox-header-pill.pill-deal {
  background: rgba(220, 38, 38, 0.1) !important;
  color: #dc2626 !important;
}

.enox-header-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

.enox-header-right {
  display: flex !important;
  align-items: center !important;
}

.enox-header-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 8px 18px !important;
  border-radius: 20px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.enox-header-link:hover {
  background: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.15) !important;
  transform: translateX(2px) !important;
}

.enox-header-link svg {
  width: 15px !important;
  height: 15px !important;
  stroke: currentColor !important;
  transition: transform 200ms ease !important;
}

.enox-header-link:hover svg {
  transform: translateX(3px) !important;
}

/* Kategori Split Bloğu Tasarımı */
.enox-split-category-block {
  margin: 48px 0 !important;
  position: relative !important;
  clear: both !important;
}

.enox-split-banner-card {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 480px !important;
  box-shadow: 0 10px 30px rgba(10, 25, 47, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 32px 28px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease !important;
}

.enox-split-banner-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(10, 25, 47, 0.2) !important;
}

.enox-split-banner-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 1 !important;
}

.enox-split-banner-card:hover .enox-split-banner-img {
  transform: scale(1.05) !important;
}

.enox-split-banner-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(10, 25, 47, 0.1) 0%, rgba(10, 25, 47, 0.5) 45%, rgba(10, 25, 47, 0.92) 100%) !important;
  z-index: 2 !important;
}

.enox-split-banner-content {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.enox-split-banner-badge {
  align-self: flex-start !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 10px !important;
  background: rgba(197, 160, 89, 0.9) !important;
  color: #0A192F !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
}

.enox-split-banner-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.enox-split-banner-desc {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.enox-split-banner-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  color: #c5a059 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: transform 200ms ease, color 200ms ease !important;
}

.enox-split-banner-card:hover .enox-split-banner-cta {
  color: #e5be70 !important;
  transform: translateX(4px) !important;
}

/* Section Margins & Spacing */
#enox-section-bahar,
#urunblok_1,
#urunblok_3,
#enox-section-firsat,
#bannerurunslider_4,
#enox-section-mutfak {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
  clear: both !important;
}

/* Hide legacy static 4-box banner */
#resimblok_2 {
  display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .enox-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
  }
  .enox-header-title {
    font-size: 22px !important;
  }
  .enox-split-banner-card {
    min-height: 240px !important;
    margin-bottom: 20px !important;
    padding: 24px 20px !important;
  }
  .enox-split-banner-title {
    font-size: 20px !important;
  }
  #urunblok_1,
  #urunblok_3,
  #enox-section-firsat,
  #bannerurunslider_4,
  #enox-section-mutfak {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  #bannerurunslider_4 .txcol-sm-3.hide-mobile,
  #bannerurunslider_4 .txcol-sm-3 {
    display: block !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - LUXURY TRUST BADGES & ARCHITECTURAL CTA SECTION
   ========================================================================== */

/* Trust Badges Section (#bilesenler_5) */
#bilesenler_5 {
  background: #fbfbfd !important;
  border-top: 1px solid rgba(10, 25, 47, 0.06) !important;
  border-bottom: 1px solid rgba(10, 25, 47, 0.06) !important;
  padding: 44px 0 !important;
  margin: 40px 0 !important;
  clear: both !important;
  position: relative !important;
}

#bilesenler_5 .txrow,
#bilesenler_5 .txrow.ticiJustifyCenter {
  display: none !important;
}

.enox-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-trust-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 28px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.05) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px -2px rgba(10, 25, 47, 0.04) !important;
  transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.enox-trust-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px -4px rgba(10, 25, 47, 0.08) !important;
  border-color: rgba(197, 160, 89, 0.35) !important;
}

.enox-trust-icon-box {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: rgba(197, 160, 89, 0.08) !important;
  border: 1.5px solid rgba(197, 160, 89, 0.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  color: #0A192F !important;
  transition: all 250ms ease !important;
}

.enox-trust-card:hover .enox-trust-icon-box {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #c5a059 !important;
  transform: scale(1.06) !important;
  box-shadow: 0 6px 16px rgba(10, 25, 47, 0.18) !important;
}

.enox-trust-icon-box svg {
  width: 26px !important;
  height: 26px !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  transition: stroke 200ms ease !important;
}

.enox-trust-title {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.01em !important;
}

.enox-trust-desc {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

/* Dedicated Architectural CTA Section */
.enox-cta-section {
  margin: 50px 0 70px 0 !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.enox-cta-card {
  position: relative !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #0A192F 0%, #0d213f 55%, #112a4f 100%) !important;
  padding: 56px 40px !important;
  overflow: hidden !important;
  border: 1px solid rgba(197, 160, 89, 0.22) !important;
  box-shadow: 0 20px 50px rgba(10, 25, 47, 0.25) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.enox-cta-glow {
  position: absolute !important;
  top: -40% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 700px !important;
  height: 350px !important;
  background: radial-gradient(circle, rgba(197, 160, 89, 0.16) 0%, rgba(10, 25, 47, 0) 70%) !important;
  border-radius: 50% !important;
  filter: blur(50px) !important;
  pointer-events: none !important;
}

.enox-cta-badge {
  position: relative !important;
  z-index: 2 !important;
  display: inline-block !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.12) !important;
  border: 1px solid rgba(197, 160, 89, 0.3) !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  margin-bottom: 18px !important;
}

.enox-cta-title {
  position: relative !important;
  z-index: 2 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin: 0 0 14px 0 !important;
  max-width: 780px !important;
}

.enox-cta-desc {
  position: relative !important;
  z-index: 2 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 14.5px !important;
  color: #94a3b8 !important;
  line-height: 1.6 !important;
  margin: 0 0 32px 0 !important;
  max-width: 660px !important;
}

.enox-cta-actions {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.enox-cta-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #c5a059 !important;
  color: #0A192F !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  padding: 13px 28px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 200ms ease !important;
  box-shadow: 0 4px 16px rgba(197, 160, 89, 0.35) !important;
}

.enox-cta-btn-primary:hover {
  background: #d4b26f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.45) !important;
  color: #0A192F !important;
}

.enox-cta-btn-primary svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #0A192F !important;
  transition: transform 200ms ease !important;
}

.enox-cta-btn-primary:hover svg {
  transform: translateX(3px) !important;
}

.enox-cta-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 13px 26px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: all 200ms ease !important;
}

.enox-cta-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 992px) {
  .enox-trust-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .enox-trust-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .enox-cta-card {
    padding: 40px 24px !important;
  }
  .enox-cta-title {
    font-size: 24px !important;
  }
  .enox-cta-desc {
    font-size: 13.5px !important;
  }
  .enox-cta-actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .enox-cta-btn-primary,
  .enox-cta-btn-secondary {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   10. INNER PAGES, CATEGORY LISTING & CART ENHANCEMENTS
   - Category Top Slider Removal
   - Modern Breadcrumbs across all pages
   - Category Sorting, Filters & Pagination
   - Mini Cart Dropdown Contrast & Luxury Styling
   - Add-to-Cart Modal Popup Luxury Styling
   ========================================================================== */

/* --- 10.1 Category Top Slider Removal --- */
.middleTopBlock #pnlSlider,
.middleTopBlock #divSliderYani,
.categoryContainer #pnlSlider,
#divCenterBlock > .middleTopBlock #pnlSlider,
#divCenterBlock > .middleTopBlock #divSliderYani {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* --- 10.2 Modern Luxury Breadcrumbs --- */
.categoryTitle,
.categoryTitleText,
.proCategoryTitle,
.categoryTitle .proCategoryTitle {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 18px 0 22px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.breadcrumb,
.categoryTitleText .breadcrumb,
.proCategoryTitle .breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: #ffffff !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px -2px rgba(10, 25, 47, 0.05), 0 1px 3px rgba(10, 25, 47, 0.03) !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  margin: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
}

.breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.breadcrumb li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #64748b !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.breadcrumb li a:hover {
  color: #c5a059 !important;
}

.breadcrumb li a span {
  color: inherit !important;
}

.breadcrumb li:last-child a,
.breadcrumb li:last-child span {
  color: #0A192F !important;
  font-weight: 600 !important;
}

.enox-bc-chevron {
  stroke: #c5a059 !important;
  flex-shrink: 0 !important;
}

.enox-bc-home {
  stroke: #64748b !important;
  transition: stroke 0.2s ease !important;
}

.breadcrumb li a:hover .enox-bc-home {
  stroke: #c5a059 !important;
}

/* Mobile Breadcrumb scroll */
@media (max-width: 768px) {
  .breadcrumb,
  .categoryTitleText .breadcrumb,
  .proCategoryTitle .breadcrumb {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    border-radius: 12px !important;
    width: 100% !important;
  }
  .breadcrumb::-webkit-scrollbar {
    display: none !important;
  }
}

/* Product Detail Breadcrumb Reset (Prevent Card Patlaması) */
.ProductDetail .categoryTitle,
.ProductDetailMainRow .categoryTitle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 10px 0 24px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.ProductDetail .proCategoryTitle {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.ProductDetail #linkOncekiSayfa {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 2px 10px rgba(10, 25, 47, 0.04) !important;
  color: #475569 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.ProductDetail #linkOncekiSayfa:hover {
  color: #0A192F !important;
  border-color: #c5a059 !important;
  background: #f8fafc !important;
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.15) !important;
  transform: translateX(-2px) !important;
}

/* Hide Redundant / Breaking Filter Elements in Category Listing */
.appliedFilter.registeredFiltresListContent,
.filterSaveContent,
.filterSaveList,
#divFilterSaveContent,
#divFilterSaveListContent,
#divSayfalamaUst .pageNumber,
.blockSelect .sort_hrz,
.blockSelect .sort_2 {
  display: none !important;
}

/* --- 10.3 Category Sorting Bar, Filters & Pagination --- */
#ProductListMainContainer > .categoryTitle,
.categoryList .categoryTitle {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  box-shadow: 0 4px 20px -4px rgba(10, 25, 47, 0.04) !important;
  padding: 12px 20px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#divSayfalamaUst {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sortingContent {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

.sortingContent .appliedFilter.FiltrelemeUrunAdet {
  margin-right: auto !important;
  order: -1 !important;
}

#filterOrderSelect {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  border: 1.5px solid rgba(10, 25, 47, 0.1) !important;
  border-radius: 50px !important;
  padding: 8px 38px 8px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0A192F !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.02) !important;
}

#filterOrderSelect:hover,
#filterOrderSelect:focus {
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15) !important;
}

.filterOrderInStock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  border: 1.5px solid rgba(10, 25, 47, 0.1) !important;
  background: #ffffff !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.filterOrderInStock:hover,
.filterOrderInStock.active {
  background: #0A192F !important;
  color: #c5a059 !important;
  border-color: #0A192F !important;
}

.appliedFilter.FiltrelemeUrunAdet {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

.appliedFilter.FiltrelemeUrunAdet > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  float: none !important;
}

.blockSelect {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  box-sizing: border-box !important;
  padding: 0 6px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  gap: 4px !important;
}

.blockSelect a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  border: none !important;
  background: transparent !important;
  color: #64748b !important;
  transition: all 0.2s ease !important;
}

.blockSelect a.selected,
.blockSelect a:hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #c5a059 !important;
}

/* Category Vertical Filters (Sidebar) */
.category-vertical-filters {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.vertical-filter-panel {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  box-shadow: 0 4px 20px -4px rgba(10, 25, 47, 0.05) !important;
  padding: 18px 20px !important;
  margin-bottom: 0 !important;
  transition: box-shadow 0.25s ease !important;
}

.vertical-filter-panel:hover {
  box-shadow: 0 8px 25px -4px rgba(10, 25, 47, 0.08) !important;
}

.vertical-filter-panel .panel-heading {
  padding: 0 0 12px 0 !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid rgba(10, 25, 47, 0.06) !important;
  background: transparent !important;
}

.vertical-filter-panel .panel-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
}

.vertical-filter-panel .list-group-item {
  display: flex !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  border: none !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.vertical-filter-panel .list-group-item:hover {
  background: rgba(197, 160, 89, 0.08) !important;
  color: #0A192F !important;
}

.vertical-filter-panel .list-group-item.selected,
.vertical-filter-panel .list-group-item.isSelected {
  background: rgba(10, 25, 47, 0.04) !important;
  color: #0A192F !important;
  font-weight: 600 !important;
}

.vertical-filter-panel .list-group-item:before {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 10px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.vertical-filter-panel .list-group-item.selected:before,
.vertical-filter-panel .list-group-item.isSelected:before {
  background: #0A192F !important;
  border-color: #0A192F !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.vertical-filter-panel .filterProductCount {
  margin-left: auto !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
}

.vertical-filter-panel .FiyatTextBox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.vertical-filter-panel .FiyatTextBox input {
  flex: 1 !important;
  height: 36px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.vertical-filter-panel .FiyatTextBox input:focus {
  border-color: #c5a059 !important;
}

.vertical-filter-panel .FiyatTextBox button {
  height: 36px !important;
  padding: 0 14px !important;
  background: #0A192F !important;
  color: #c5a059 !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.vertical-filter-panel .FiyatTextBox button:hover {
  background: #172a45 !important;
}

/* Pagination */
#divSayfalamaAlt {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 40px 0 20px !important;
  width: 100% !important;
}

.pageNumber,
.pageNumberBottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.pageBorder {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  background: #ffffff !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px -2px rgba(10, 25, 47, 0.06) !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
}

.pageBorder a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 50px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #0A192F !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pageBorder a:hover {
  background: #f8fafc !important;
  color: #c5a059 !important;
}

.pageBorder a.SelectedSayfa,
.pageBorder a.selected {
  background: #0A192F !important;
  color: #c5a059 !important;
  border-color: #0A192F !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.25) !important;
}

/* --- 10.4 Mini Cart Dropdown Contrast & Luxury Styling --- */
#checkoutCartProductDiv.header-cart-hover.more {
  background: #0A192F !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  box-shadow: 0 25px 50px -12px rgba(10, 25, 47, 0.45) !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  min-width: 330px !important;
}

.checkoutProductItem {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 0 !important;
}

.checkoutItemImg img {
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.checkoutItemName a span {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}

.checkoutItemName a:hover span {
  color: #c5a059 !important;
}

/* CRITICAL READABILITY FIX: Force Champagne Gold & White */
.checkoutItemPrice {
  color: #c5a059 !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
}

.checkoutItemPrice.enox-cart-discounted {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 2px 0 !important;
}

.enox-cart-price-row-top {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.2 !important;
}

.checkoutItemPrice .enox-cart-old-price {
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
  font-size: 11.5px !important;
  opacity: 0.85 !important;
}

.checkoutItemPrice .enox-cart-discount-badge {
  background: rgba(197, 160, 89, 0.18) !important;
  border: 1px solid rgba(197, 160, 89, 0.45) !important;
  color: #c5a059 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0.2px !important;
}

.enox-cart-price-row-bottom {
  line-height: 1.2 !important;
}

.checkoutItemPrice .enox-cart-current-price {
  color: #c5a059 !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
}

.enox-cart-savings-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12) !important;
}

.enox-cart-savings-row .priceCheckoutText {
  color: #34d399 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

.enox-cart-savings-val {
  color: #34d399 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

/* Checkout Page (/checkout) Discount Badges & Savings */
.basket-item-price-customize .enox-checkout-badge {
  background: rgba(197, 160, 89, 0.15) !important;
  border: 1px solid #c5a059 !important;
  color: #c5a059 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  margin-left: 6px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.enox-checkout-savings-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 0 !important;
  color: #10b981 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
}

.checkoutItemSalesUnit span {
  color: #94a3b8 !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

.checkoutItemDelete a svg g path {
  fill: #94a3b8 !important;
  transition: fill 0.2s ease !important;
}

.checkoutItemDelete a:hover svg g path {
  fill: #ef4444 !important;
}

.priceCheckoutInfo {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 14px 0 16px !important;
  margin-top: 6px !important;
}

.priceCheckoutText {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

#checkoutTotalPrice {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
}

.cartCheckoutButtonsContent {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
}

.checkoutButton.basketUrlButton {
  flex: 1 !important;
}

.checkoutButton.orderCompleteButton {
  flex: 1.3 !important;
}

.checkoutButton.basketUrlButton a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.checkoutButton.basketUrlButton a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
}

.checkoutButton.orderCompleteButton a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  border-radius: 10px !important;
  border: none !important;
  background: linear-gradient(135deg, #c5a059 0%, #dfba73 100%) !important;
  color: #0A192F !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3) !important;
  transition: all 0.2s ease !important;
}

.checkoutButton.orderCompleteButton a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.45) !important;
}

/* --- 10.5 Add-to-Cart Modal Popup Luxury Styling --- */
#sepetEkleModal.ticimaxModal {
  z-index: 999999 !important;
}

#sepetEkleModal .modal-content {
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  box-shadow: 0 25px 60px -10px rgba(10, 25, 47, 0.35) !important;
  background: #ffffff !important;
  padding: 30px !important;
  max-width: 540px !important;
  margin: auto !important;
  position: relative !important;
}

#sepetEkleModal .modal-close {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  z-index: 15 !important;
}

#sepetEkleModal .modal-close:hover {
  background: #0A192F !important;
  color: #ffffff !important;
}

.enox-cart-modal-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-bottom: 18px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid rgba(10, 25, 47, 0.08) !important;
}

.enox-cart-modal-check {
  stroke: #c5a059 !important;
  flex-shrink: 0 !important;
}

.enox-cart-modal-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.2px !important;
  margin: 0 !important;
}

#divSepeteEklendiModal .divEklenenUrun {
  max-height: 280px !important;
  overflow-y: auto !important;
  margin-bottom: 20px !important;
  padding-right: 4px !important;
}

#divSepeteEklendiModal .divEklenenUrunRow {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #f8fafc !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
  border: 1px solid rgba(10, 25, 47, 0.05) !important;
}

#divSepeteEklendiModal .divCol1 {
  width: 72px !important;
  height: 72px !important;
  flex-shrink: 0 !important;
}

#divSepeteEklendiModal .divCol1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 4px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
}

#divSepeteEklendiModal .divCol2 {
  flex: 1 !important;
}

#divSepeteEklendiModal .divCol2 h4 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0A192F !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.4 !important;
}

#divSepeteEklendiModal .divCol2 .divStokKodu {
  font-size: 12px !important;
  color: #94a3b8 !important;
}

#divSepeteEklendiModal .divCol3 {
  text-align: right !important;
  flex-shrink: 0 !important;
}

#divSepeteEklendiModal .divCol3 h4 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  margin: 0 0 2px 0 !important;
}

#divSepeteEklendiModal .divCol3 p {
  font-size: 12px !important;
  color: #64748b !important;
  margin: 0 !important;
}

#divSepeteEklendiModal .divEklenenSepetToplam {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  background: #f1f5f9 !important;
  border-radius: 14px !important;
  margin-bottom: 22px !important;
}

#divSepeteEklendiModal .pSepetToplamAdet {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 !important;
}

#divSepeteEklendiModal .pSepetToplamAdet span {
  font-weight: 700 !important;
  color: #0A192F !important;
}

#divSepeteEklendiModal .pSepetToplamFiyat {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 !important;
}

#divSepeteEklendiModal .pSepetToplamFiyat span {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-left: 6px !important;
}

#divSepeteEklendiModal .divAltButonlar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#divSepeteEklendiModal .modalDevamEtBTn {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 48px !important;
  border-radius: 50px !important;
  border: 1.5px solid #0A192F !important;
  background: transparent !important;
  color: #0A192F !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#divSepeteEklendiModal .modalDevamEtBTn:hover {
  background: #0A192F !important;
  color: #ffffff !important;
}

#divSepeteEklendiModal .modalSepetimBtn,
.divAltButonlar .modalSepetimBtn {
  flex: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 48px !important;
  border-radius: 50px !important;
  border: 1.5px solid #0A192F !important;
  background: #0A192F !important;
  color: #c5a059 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(10, 25, 47, 0.25) !important;
  transition: all 0.25s ease !important;
}

#divSepeteEklendiModal .modalSepetimBtn:hover,
.divAltButonlar .modalSepetimBtn:hover {
  background: #c5a059 !important;
  border-color: #c5a059 !important;
  color: #0A192F !important;
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.4) !important;
}

/* ==========================================================================
   11. PRODUCT DETAIL PAGE LUXURY OVERHAUL
   ========================================================================== */
.ProductDetailMainRow {
  margin-top: 10px !important;
  margin-bottom: 50px !important;
}

/* Left Image Container */
.ProductDetailMainRow .leftImage {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  box-shadow: 0 8px 30px rgba(10, 25, 47, 0.04) !important;
  padding: 24px !important;
  text-align: center !important;
}

.ProductDetailMainRow .leftImage .Images {
  margin-bottom: 16px !important;
}

#imgUrunResim.cloudzoom,
.Images.imageZoomPreview,
.ProductDetailMainRow #imgUrunResim,
.ProductDetailMainRow .Images.imageZoomPreview {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  margin: 0 auto !important;
}

.ProductDetailMainRow .SmallImages {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

.ProductDetailMainRow .AltImgCapSmallImg {
  margin: 0 !important;
  padding: 0 !important;
}

.ProductDetailMainRow .AltImgCapSmallImg img {
  width: 72px !important;
  height: 72px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(10, 25, 47, 0.08) !important;
  background: #ffffff !important;
  padding: 4px !important;
  object-fit: contain !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.ProductDetailMainRow .AltImgCapSmallImg img:hover,
.ProductDetailMainRow .AltImgCapSmallImg img.cloudzoom-gallery-active {
  border-color: #c5a059 !important;
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* Right Detail Column */
.ProductDetailMainRow .RightDetail {
  padding-left: 20px !important;
}

/* Brand Badge */
#divMarka {
  display: inline-block !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.1) !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  padding: 4px 14px !important;
  border-radius: 50px !important;
  margin-bottom: 12px !important;
}

#divMarka a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Product Title */
.ProductDetailMainRow .ProductName h1,
.ProductDetailMainRow .ProductName {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  line-height: 1.25 !important;
  letter-spacing: -0.3px !important;
  margin: 0 0 16px 0 !important;
}

/* Price Block */
.ProductDetailMainRow .PriceList {
  background: #f8fafc !important;
  border-radius: 16px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  padding: 18px 24px !important;
  margin-bottom: 24px !important;
}

/* Hide native duplicate discount indicator and old price containers */
#divIndirimOrani,
.ProductDetailMain #divIndirimOrani,
.ProductDetailMainRow .PriceList #divIndirimOrani,
.ProductDetailMainRow .PriceList .urunDetayFiyatContainer,
#divFiyatAlanlari .urunDetayFiyatContainer,
#divIndirimliFiyat,
#divIndirimsizFiyat,
#divKDVDahilFiyat,
.PiyasafiyatiContent,
.IndirimliFiyatContent {
  display: none !important;
}

.ProductDetailMainRow .PriceList #kdvliFiyat .spanFiyat {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #c5a059 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.1 !important;
}

.ProductDetailMainRow .PriceList #fiyat2 .spanFiyat {
  font-size: 16px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.ProductDetailMainRow .PriceList #fiyat2 .spanKdv {
  font-size: 13px !important;
  color: #94a3b8 !important;
}

.ProductDetailMainRow #divTaksitAciklama {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  padding: 6px 14px !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  color: #475569 !important;
  margin-top: 10px !important;
}

/* Quantity & CTA Buttons */
.ProductDetailMainRow #divSatinAl {
  margin-bottom: 28px !important;
}

.ProductDetailMainRow .BasketBtn {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 768px) {
  .ProductDetailMainRow .BasketBtn {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .ProductDetailMainRow .BasketBtn .basketBtn,
  .ProductDetailMainRow .BasketBtn .buyfast {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
  }
  .ProductDetailMainRow .BasketBtn .basketBtn .Addtobasket,
  .ProductDetailMainRow .BasketBtn .basketBtn input,
  .ProductDetailMainRow .BasketBtn .buyfast input {
    width: 100% !important;
    display: block !important;
  }
}

.ProductDetailMainRow #divBasketInputTextBox {
  width: 130px !important;
  min-width: 130px !important;
  height: 50px !important;
  border-radius: 50px !important;
  border: 1.5px solid rgba(10, 25, 47, 0.12) !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 6px !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.02) !important;
  box-sizing: border-box !important;
}

.ProductDetailMainRow #divBasketInputTextBox .RadInput {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
}

.ProductDetailMainRow #divBasketInputTextBox .qtyMinus {
  position: static !important;
  order: 1 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #0A192F !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  float: none !important;
  text-decoration: none !important;
}

.ProductDetailMainRow #divBasketInputTextBox input.txtSepetAdet {
  position: static !important;
  order: 2 !important;
  flex: 1 !important;
  width: 40px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ProductDetailMainRow #divBasketInputTextBox .qtyPlus {
  position: static !important;
  order: 3 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #0A192F !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  float: none !important;
  text-decoration: none !important;
}

.ProductDetailMainRow #divBasketInputTextBox .qtyPlus:hover,
.ProductDetailMainRow #divBasketInputTextBox .qtyMinus:hover {
  background: #0A192F !important;
  color: #c5a059 !important;
}

.ProductDetailMainRow .basketBtn {
  flex: 1.2 !important;
  min-width: 170px !important;
}

.ProductDetailMainRow .Addtobasket.btnAddBasketOnDetail {
  width: 100% !important;
  height: 50px !important;
  border-radius: 50px !important;
  background: #0A192F !important;
  border: 1.5px solid #0A192F !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.2) !important;
  transition: all 0.25s ease !important;
}

.ProductDetailMainRow .Addtobasket.btnAddBasketOnDetail:hover {
  background: #172a45 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  box-shadow: 0 6px 22px rgba(10, 25, 47, 0.3) !important;
  transform: translateY(-1px) !important;
}

.ProductDetailMainRow .buyfast {
  flex: 1.2 !important;
  min-width: 170px !important;
}

.ProductDetailMainRow .buyfastbutton#btnHemenAl {
  width: 100% !important;
  height: 50px !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #c5a059 0%, #dfba73 100%) !important;
  border: none !important;
  color: #0A192F !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(197, 160, 89, 0.35) !important;
  transition: all 0.25s ease !important;
}

.ProductDetailMainRow .buyfastbutton#btnHemenAl:hover {
  box-shadow: 0 6px 22px rgba(197, 160, 89, 0.5) !important;
  transform: translateY(-1px) !important;
}

/* Action Cards (.ProductIcon) */
.ProductDetailMainRow .ProductIcon {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
  width: 100% !important;
}

.ProductDetailMainRow .ProductIcon > div {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
}

.ProductDetailMainRow .ProductIcon > div:empty,
.ProductDetailMainRow .ProductIcon > div:has(.fa-exclamation),
.ProductDetailMainRow .ProductIcon > div:has(#aGelinceHaberVer[data-haber="0"]),
.ProductDetailMainRow .ProductIcon > div:has(> a[title="Kritik Stok"]) {
  display: none !important;
}

.ProductDetailMainRow .ProductIcon a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  border-radius: 12px !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ProductDetailMainRow .ProductIcon a:hover {
  background: #ffffff !important;
  border-color: #c5a059 !important;
  color: #0A192F !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.05) !important;
  transform: translateY(-1px) !important;
}

.ProductDetailMainRow .ProductIcon a svg {
  stroke: #c5a059 !important;
  flex-shrink: 0 !important;
}

.ProductDetailMainRow .ProductIcon a i,
.ProductDetailMainRow .ProductIcon a .fa,
.ProductDetailMainRow .ProductIcon a .fa-arrow-down {
  display: none !important;
}

/* 2. Action Icons (.ProductIcon2) */
.ProductDetailMainRow .ProductIcon2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.ProductDetailMainRow .ProductIcon2 > div {
  flex: 1 1 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  float: none !important;
}

.ProductDetailMainRow .ProductIcon2 > div.clear,
.ProductDetailMainRow .ProductIcon2 > div:empty {
  display: none !important;
}

.ProductDetailMainRow .ProductIcon2 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(10, 25, 47, 0.1) !important;
  color: #0A192F !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.02) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}

.ProductDetailMainRow .ProductIcon2 a:before,
.ProductIcon2 > div > a:before {
  display: none !important;
  content: "" !important;
}

.ProductDetailMainRow .ProductIcon2 a:hover {
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  box-shadow: 0 4px 12px rgba(197, 160, 89, 0.15) !important;
}

.ProductDetailMainRow .ProductIcon2 a svg {
  stroke: #c5a059 !important;
  flex-shrink: 0 !important;
}

/* Product Actions Grid (.ProductIcon) */
.ProductDetailMainRow .ProductIcon {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 10px 0 16px 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}
@media (max-width: 480px) {
  .ProductDetailMainRow .ProductIcon {
    gap: 6px !important;
  }
}

/* Tabs & Specifications (Compact Luxury) */
#divUrunOzellikAlani,
.urunOzellik {
  margin-top: 24px !important;
  margin-bottom: 36px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  box-shadow: 0 2px 12px rgba(10, 25, 47, 0.03) !important;
  padding: 20px 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
}

@media (max-width: 768px) {
  #divUrunOzellikAlani,
  .urunOzellik {
    padding: 16px 12px !important;
    margin: 16px 0 24px 0 !important;
    border-radius: 12px !important;
  }
}

#divUrunOzellikAlani .urunTab,
#divUrunOzellikAlani .mobilTab,
.urunTab,
.mobilTab {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#divUrunOzellikAlani .urunTab ul,
#divUrunOzellikAlani .mobilTab ul,
.urunTab ul,
.mobilTab ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  gap: 8px !important;
  margin: 0 0 18px 0 !important;
  padding: 4px 2px 14px 2px !important;
  list-style: none !important;
  border: none !important;
  border-bottom: 1px solid #edf2f7 !important;
  background: transparent !important;
  width: 100% !important;
}

#divUrunOzellikAlani .urunTab ul::-webkit-scrollbar,
#divUrunOzellikAlani .mobilTab ul::-webkit-scrollbar,
.urunTab ul::-webkit-scrollbar,
.mobilTab ul::-webkit-scrollbar {
  display: none !important;
}

.urunTab ul li,
.mobilTab ul li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: auto !important;
}

.urunTab ul li a,
.mobilTab ul li a {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

.urunTab ul li a:after,
.mobilTab ul li a:after {
  display: none !important;
  content: "" !important;
}

.urunTab ul li.active a,
.mobilTab ul li.active a,
.urunTab ul li a:hover,
.mobilTab ul li a:hover {
  background: #0A192F !important;
  color: #c5a059 !important;
  border-color: #0A192F !important;
  box-shadow: 0 3px 10px rgba(10, 25, 47, 0.12) !important;
}

#divUrunOzellikAlani .urunTabAlt,
.urunTabAlt {
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  padding: 16px 0 0 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.urunTabAlt p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.8 !important;
  color: #334155 !important;
}

/* ==========================================================================
   12. BENZER ÜRÜNLER HORIZONTAL SWIPER SLIDER
   ========================================================================== */
#BenzerUrunDiv {
  margin-top: 50px !important;
  margin-bottom: 60px !important;
  width: 100% !important;
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#BenzerUrunDiv .detaySliderContainer {
  width: 100% !important;
}

#BenzerUrunDiv .JKatAdi {
  display: none !important;
}

#BenzerUrunDiv .ulUrunSlider {
  position: relative !important;
  padding: 10px 0 20px 0 !important;
}

#BenzerUrunDiv .ulUrunSlider .productItem {
  margin: 0 !important;
  width: 100% !important;
}

#BenzerUrunDiv .owl-stage-outer {
  padding: 10px 0 !important;
}

/* ==========================================================================
   13. PRODUCT COMPARISON (POPUP MODAL & COMPARISON PAGE)
   ========================================================================== */

/* --- A. Comparison Popup Modal (#divKarsilastirPopupContainer) --- */
.fancybox-overlay {
  background: rgba(10, 25, 47, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 99999 !important;
}

.fancybox-wrap {
  z-index: 100000 !important;
}

.fancybox-skin {
  border-radius: 24px !important;
  padding: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 25px 60px -15px rgba(10, 25, 47, 0.25) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.fancybox-inner {
  display: flow-root !important;
  height: auto !important;
  max-height: 85vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.fancybox-close {
  top: 22px !important;
  right: 22px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #f1f5f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230A192F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") no-repeat center center !important;
  background-size: 18px 18px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  z-index: 100002 !important;
}

.fancybox-close:hover {
  background-color: #ef4444 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
  transform: rotate(90deg) !important;
}

#divKarsilastirPopupContainer.karsilastirPopupContainer {
  max-width: 820px !important;
  width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.enox-comp-modal-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-right: 48px !important;
}

.enox-comp-modal-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(197, 160, 89, 0.12) !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.enox-comp-modal-text h3 {
  font-family: 'Montserrat', 'Inter', -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.3px !important;
}

.enox-comp-modal-text p {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 !important;
}

.compareProductsContent .compare-products {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 18px !important;
  max-height: 460px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  padding: 4px !important;
}

.compare-products .ItemOrj {
  flex: 0 0 240px !important;
  max-width: 250px !important;
  display: flex !important;
}

.compare-products .ItemOrj .productItem {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 14px !important;
  box-shadow: 0 4px 15px rgba(10, 25, 47, 0.04) !important;
  transition: all 0.25s ease !important;
}

.compare-products .ItemOrj .productItem:hover {
  transform: translateY(-4px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 28px rgba(10, 25, 47, 0.08) !important;
}

.compare-products .ItemOrj .productImage {
  height: 180px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}

.compare-products .ItemOrj .productImage img {
  max-height: 170px !important;
  object-fit: contain !important;
}

.compare-products .ItemOrj .productDetail {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.compare-products .ItemOrj .productMarka {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.compare-products .ItemOrj .productName {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #0A192F !important;
  height: 38px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}

.compare-products .ItemOrj .productPrice {
  margin-top: auto !important;
  margin-bottom: 12px !important;
}

.compare-products .ItemOrj .discountPriceSpan {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
}

.compareTip {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.compareTip a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 13px 40px !important;
  border-radius: 50px !important;
  background: #0A192F !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.18) !important;
  border: 1px solid transparent !important;
  width: auto !important;
}

.compareTip a:hover {
  background: #1e293b !important;
  color: #c5a059 !important;
  border-color: rgba(197, 160, 89, 0.4) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(10, 25, 47, 0.25) !important;
}

/* --- B. Dedicated Comparison Page (/Urun-Karsilastirma) --- */
.ProductComparison {
  max-width: 1340px !important;
  margin: 32px auto 60px auto !important;
  padding: 0 20px !important;
}

.pc-tittle {
  margin-bottom: 20px !important;
}

.pc-tittle p {
  font-family: 'Montserrat', 'Inter', -apple-system, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.5px !important;
  margin: 0 !important;
}

.pc-paragraf {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 14px 24px !important;
  box-shadow: 0 4px 20px rgba(10, 25, 47, 0.04) !important;
  margin-bottom: 28px !important;
}

.pcBackBtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  border-radius: 50px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0A192F !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.pcBackBtn:hover {
  background: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
  transform: translateX(-3px) !important;
}

.pcBackBtn svg {
  stroke: currentColor !important;
  transition: transform 0.2s ease !important;
}

.pcBackBtn:hover svg {
  transform: translateX(-2px) !important;
}

.pc-paragraf p {
  margin: 0 !important;
  font-size: 14px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.pc-paragraf .itemAdetText {
  background: #0A192F !important;
  color: #c5a059 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  margin: 0 4px !important;
  display: inline-block !important;
}

.compare-scroll {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(10, 25, 47, 0.05) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.ProductComparison table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

.ProductComparisonItemFirstTd {
  width: 220px !important;
  min-width: 200px !important;
  background: #f8fafc !important;
  border-right: 1px solid #e2e8f0 !important;
  vertical-align: top !important;
}

.ProductComparisonItemFirstTd .ProductComparisonItem > div {
  padding: 16px 20px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.ProductComparisonItemFirstTd .pcImage {
  height: 250px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

.ProductComparisonItemFirstTd .pcName {
  height: 72px !important;
}

.ProductComparisonItemFirstTd .pcPoints {
  height: 52px !important;
}

.ProductComparisonItemFirstTd .pcFiyat {
  height: 68px !important;
}

.ProductComparisonItemFirstTd .pcMarka {
  height: 52px !important;
}

.ProductComparisonItemFirstTd .pcButton {
  height: 76px !important;
  border-bottom: none !important;
}

.ProductComparisonItemTd {
  min-width: 280px !important;
  background: #ffffff !important;
  border-right: 1px solid #edf2f7 !important;
  vertical-align: top !important;
  transition: background 0.2s ease !important;
}

.ProductComparisonItemTd:hover {
  background: #fafcff !important;
}

.ProductComparisonItemTd .ProductComparisonItem {
  position: relative !important;
}

.RemoveProductFromComparison {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 10 !important;
}

.RemoveProductFromComparison a.close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  transition: all 0.2s ease !important;
}

.RemoveProductFromComparison a.close:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: rotate(90deg) !important;
}

.ProductComparisonItemTd .ProductComparisonItem > div {
  padding: 16px 20px !important;
  border-bottom: 1px solid #edf2f7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.ProductComparisonItemTd .pcImage {
  height: 250px !important;
  padding: 24px !important;
}

.ProductComparisonItemTd .pcImage a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.ProductComparisonItemTd .pcImage img {
  max-height: 190px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.ProductComparisonItemTd:hover .pcImage img {
  transform: scale(1.06) !important;
}

.ProductComparisonItemTd .pcName {
  height: 72px !important;
  padding: 12px 20px !important;
}

.ProductComparisonItemTd .pcName a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0A192F !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ProductComparisonItemTd .pcName a:hover {
  color: #c5a059 !important;
}

.ProductComparisonItemTd .pcPoints {
  height: 52px !important;
}

.ProductComparisonItemTd .productPoints {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ProductComparisonItemTd .rating {
  display: inline-flex !important;
  gap: 2px !important;
}

.ProductComparisonItemTd .rating i {
  color: #cbd5e1 !important;
  font-style: normal !important;
  font-size: 14px !important;
}

.ProductComparisonItemTd .productPoints span {
  font-size: 12px !important;
  color: #94a3b8 !important;
}

.ProductComparisonItemTd .pcFiyat {
  height: 68px !important;
}

.ProductComparisonItemTd .pcdiscountPrice {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}

.ProductComparisonItemTd .discountPriceSpan {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  letter-spacing: -0.3px !important;
}

.ProductComparisonItemTd .discountKdv {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

.ProductComparisonItemTd .pcMarka {
  height: 52px !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  color: #0A192F !important;
  letter-spacing: 0.8px !important;
}

.ProductComparisonItemTd .pcButton {
  height: 76px !important;
  border-bottom: none !important;
  padding: 16px 20px !important;
}

.ProductComparisonItemTd .pcButton a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  background: #0A192F !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.12) !important;
}

.ProductComparisonItemTd .pcButton a:hover {
  background: #1e293b !important;
  color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(10, 25, 47, 0.2) !important;
}

@media (max-width: 768px) {
  #divKarsilastirPopupContainer.karsilastirPopupContainer {
    max-width: 100% !important;
  }
  .compareProductsContent .compare-products {
    flex-direction: column !important;
    max-height: 400px !important;
  }
  .compare-products .ItemOrj {
    flex: 1 1 auto !important;
    max-width: 100% !important;
  }
  .ProductComparison {
    padding: 0 12px !important;
    margin: 20px auto 40px auto !important;
  }
  .pc-paragraf {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 14px 16px !important;
  }
}

/* ==========================================================================
   14. HAKKIMIZDA (ABOUT US) MODERN LUXURY REDESIGN
   ========================================================================== */
.hero-section {
  padding: 90px 20px 50px 20px !important;
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  position: relative !important;
}

.hero-section .badge {
  display: inline-block !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.1) !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

.hero-section h1 {
  font-size: 2.8rem !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  color: #0A192F !important;
  line-height: 1.2 !important;
  margin-bottom: 18px !important;
}

.hero-section p {
  font-size: 1.15rem !important;
  color: #64748b !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.about-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px 24px 80px 24px !important;
  box-sizing: border-box !important;
}

.grid-block {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 60px !important;
  align-items: center !important;
  margin-bottom: 100px !important;
}

.text-side .section-number {
  font-size: 3.5rem !important;
  font-weight: 800 !important;
  color: rgba(197, 160, 89, 0.35) !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
  letter-spacing: -2px !important;
}

.text-side h2 {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  line-height: 1.3 !important;
  margin-bottom: 22px !important;
  letter-spacing: -0.5px !important;
}

.text-side p {
  font-size: 1.05rem !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

.modern-img-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background-color: #f8fafc !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 20px 40px -15px rgba(10, 25, 47, 0.08) !important;
}

.modern-img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.modern-img-wrapper:hover img {
  transform: scale(1.05) !important;
}

.brands-card {
  background-color: #ffffff !important;
  padding: 32px 36px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.04) !important;
  margin-top: 28px !important;
  position: relative !important;
}

.brands-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 36px !important;
  width: 60px !important;
  height: 3px !important;
  background: #c5a059 !important;
  border-radius: 2px !important;
}

.brands-card h4 {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #c5a059 !important;
  margin-bottom: 18px !important;
  font-weight: 700 !important;
}

.brands-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.brand-tag {
  background-color: #f8fafc !important;
  color: #0A192F !important;
  padding: 8px 16px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.2s ease !important;
}

.brand-tag:hover {
  background-color: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
  transform: translateY(-2px) !important;
}

.highlight-text {
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  color: #0A192F !important;
  border-left: 3px solid #c5a059 !important;
  background: rgba(197, 160, 89, 0.05) !important;
  padding: 20px 24px !important;
  border-radius: 0 14px 14px 0 !important;
  margin: 25px 0 !important;
  line-height: 1.7 !important;
}

.mv-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 36px !important;
  margin-top: 40px !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 60px !important;
}

.mv-card {
  background-color: #ffffff !important;
  padding: 48px 40px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 10px 30px rgba(10, 25, 47, 0.04) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.mv-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #c5a059, #e2ca8d) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mv-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 45px rgba(10, 25, 47, 0.08) !important;
  border-color: rgba(197, 160, 89, 0.3) !important;
}

.mv-card:hover::before {
  width: 100% !important;
}

.mv-card h3 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.mv-card p {
  font-size: 1rem !important;
  color: #475569 !important;
  text-align: left !important;
  line-height: 1.8 !important;
}

/* ==========================================================================
   15. İLETİŞİM (CONTACT) MODERN LUXURY REDESIGN
   ========================================================================== */
.contact-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px 80px 24px !important;
  box-sizing: border-box !important;
}

.main-contact-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 36px !important;
  align-items: start !important;
  margin-bottom: 70px !important;
}

.form-side {
  background-color: #ffffff !important;
  padding: 40px 36px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 16px 40px -10px rgba(10, 25, 47, 0.05) !important;
}

.form-side h2 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 28px !important;
  letter-spacing: -0.5px !important;
}

.form-group {
  margin-bottom: 22px !important;
}

.form-group label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 8px !important;
  color: #0A192F !important;
}

.form-control {
  width: 100% !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  color: #0A192F !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.form-control:focus {
  outline: none !important;
  background-color: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.15) !important;
}

textarea.form-control {
  resize: vertical !important;
  min-height: 140px !important;
}

.submit-btn {
  background-color: #0A192F !important;
  color: #ffffff !important;
  padding: 16px 36px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  border: 1px solid #0A192F !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.15) !important;
}

.submit-btn:hover {
  background-color: #c5a059 !important;
  border-color: #c5a059 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px -5px rgba(197, 160, 89, 0.4) !important;
}

.main-contact-grid .info-side {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* Row 1: Direct Contact Methods */
.main-contact-grid .info-side > .info-card:nth-child(1) {
  grid-column: 1 / 2 !important;
}

.main-contact-grid .info-side > .info-card:nth-child(2) {
  grid-column: 2 / 3 !important;
}

/* Row 2: Featured Showroom Flagship Card */
.main-contact-grid .info-side > .info-card:nth-child(3) {
  grid-column: span 2 !important;
  background: linear-gradient(135deg, #ffffff 0%, #faf8f5 100%) !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  box-shadow: 0 12px 30px rgba(197, 160, 89, 0.08) !important;
}

.main-contact-grid .info-side > .info-card:nth-child(3):hover {
  border-color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(197, 160, 89, 0.16) !important;
}

/* Row 3: Operations & Hours */
.main-contact-grid .info-side > .info-card:nth-child(4) {
  grid-column: 1 / 2 !important;
}

.main-contact-grid .info-side > .info-card:nth-child(5) {
  grid-column: 2 / 3 !important;
}

/* Row 4: Social Media Bar */
.main-contact-grid .social-wrap {
  grid-column: span 2 !important;
  margin-top: 6px !important;
  padding: 16px 4px 0 4px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid rgba(10, 25, 47, 0.08) !important;
}

.main-contact-grid .social-wrap h4 {
  margin-bottom: 0 !important;
  font-size: 11.5px !important;
}

.main-contact-grid .info-card {
  padding: 20px 20px !important;
  border-radius: 16px !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.07) !important;
  box-shadow: 0 4px 18px rgba(10, 25, 47, 0.03) !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  align-items: flex-start !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.main-contact-grid .info-card:hover {
  border-color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(197, 160, 89, 0.12) !important;
}

.main-contact-grid .info-card .icon-box {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background-color: rgba(197, 160, 89, 0.1) !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.main-contact-grid .info-card:hover .icon-box {
  background-color: #0A192F !important;
  color: #c5a059 !important;
}

.main-contact-grid .info-card h3 {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  color: #0A192F !important;
}

.main-contact-grid .info-card p {
  font-size: 13px !important;
  color: #64748b !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
}

.social-grid {
  display: flex !important;
  gap: 12px !important;
}

.social-link {
  width: 44px !important;
  height: 44px !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0A192F !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.social-link:hover {
  background-color: #0A192F !important;
  color: #c5a059 !important;
  border-color: #0A192F !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 18px rgba(10, 25, 47, 0.15) !important;
}

.map-section {
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 60px !important;
}

.map-section h2 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 24px !important;
  letter-spacing: -0.5px !important;
}

.map-wrapper {
  width: 100% !important;
  height: 450px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 45px -15px rgba(10, 25, 47, 0.06) !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
}

/* ==========================================================================
   16. HESABIM (MY ACCOUNT) COMPLETE MODERN LUXURY SUITE
   ========================================================================== */
.hesabimBolumuTutucu {
  padding: 30px 0 60px 0 !important;
}

/* Sidebar Navigation (.solAnaMenu) */
.solAnaMenu {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 10px 30px rgba(10, 25, 47, 0.03) !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
}

.solAnaMenu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.solAnaMenu > ul > li {
  margin-bottom: 6px !important;
}

.solAnaMenu > ul > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.solAnaMenu > ul > li > a i,
.solAnaMenu > ul > li > a svg {
  color: #c5a059 !important;
  stroke: #c5a059 !important;
  font-size: 16px !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.solAnaMenu > ul > li > a:hover {
  background: #f8fafc !important;
  color: #0A192F !important;
}

.solAnaMenu > ul > li > a.aktif,
.solAnaMenu > ul > li.aktif > a {
  background: #0A192F !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.15) !important;
}

.solAnaMenu > ul > li > a.aktif i,
.solAnaMenu > ul > li.aktif > a i,
.solAnaMenu > ul > li > a.aktif svg,
.solAnaMenu > ul > li.aktif > a svg {
  color: #c5a059 !important;
  stroke: #c5a059 !important;
}

/* Submenu Items (.solAnaMenuAlt ul) */
.solAnaMenuAlt ul {
  padding: 6px 0 10px 24px !important;
  margin: 0 !important;
  border-left: 2px solid #f1f5f9 !important;
  margin-left: 22px !important;
}

.solAnaMenuAlt ul li {
  margin-bottom: 4px !important;
}

.solAnaMenuAlt ul li a {
  display: block !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.solAnaMenuAlt ul li a:hover {
  color: #0A192F !important;
  background: #f8fafc !important;
}

.solAnaMenuAlt ul li a.aktif {
  background: rgba(197, 160, 89, 0.12) !important;
  color: #0A192F !important;
  font-weight: 700 !important;
  border-left: 3px solid #c5a059 !important;
}

/* Hesabım Sağ İçerik Tutucu */
.sagIcerikTutucu {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 10px 30px rgba(10, 25, 47, 0.03) !important;
  padding: 36px 40px !important;
  min-height: 480px !important;
  box-sizing: border-box !important;
}

/* Dashboard Anasayfa Banner */
.hesabimAnasayfaBaslik {
  background: linear-gradient(135deg, #0A192F 0%, #172a45 100%) !important;
  border-radius: 20px !important;
  padding: 36px 40px !important;
  margin-bottom: 35px !important;
  box-shadow: 0 15px 35px -10px rgba(10, 25, 47, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

.hesabimAnasayfaBaslik::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 300px !important;
  height: 100% !important;
  background: radial-gradient(circle, rgba(197, 160, 89, 0.12) 0%, rgba(10, 25, 47, 0) 70%) !important;
  pointer-events: none !important;
}

.hesabimAnasayfaBaslik h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.hesabimAnasayfaBaslik h2 span {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.15) !important;
  border: 1px solid rgba(197, 160, 89, 0.3) !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  margin-left: 14px !important;
}

.hesabimAnasayfaBaslik p {
  color: #cbd5e1 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  max-width: 680px !important;
  margin: 0 !important;
}

/* Dashboard Grid Menu Tiles */
.hesabimAnasayfaMenuler ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hesabimAnasayfaMenuler ul li {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #edf2f7 !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.03) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 100% !important;
  overflow: hidden !important;
}

.hesabimAnasayfaMenuler ul li:hover {
  transform: translateY(-5px) !important;
  border-color: #c5a059 !important;
  box-shadow: 0 16px 35px rgba(197, 160, 89, 0.16) !important;
}

.hesabimAnasayfaMenuler ul li a {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 18px !important;
  text-align: center !important;
  text-decoration: none !important;
  height: 100% !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

.hesabimAnasayfaMenuler ul li a i,
.hesabimAnasayfaMenuler ul li a svg {
  width: 58px !important;
  height: 58px !important;
  border-radius: 16px !important;
  background: rgba(197, 160, 89, 0.1) !important;
  color: #c5a059 !important;
  stroke: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  font-size: 24px !important;
  margin-bottom: 2px !important;
}

.hesabimAnasayfaMenuler ul li:hover a i,
.hesabimAnasayfaMenuler ul li:hover a svg {
  background: #0A192F !important;
  color: #c5a059 !important;
  stroke: #c5a059 !important;
  transform: scale(1.08) !important;
}

.hesabimAnasayfaMenuler ul li a span {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #0A192F !important;
  letter-spacing: -0.2px !important;
  line-height: 1.4 !important;
}

/* Subpage Forms, Inputs & Textboxes */
.hesabimContent,
.icerikTutucu {
  position: relative !important;
}

.hsbmSpan {
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #0A192F !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.hsbmTextbox,
.satirBlok input[type="text"],
.satirBlok input[type="password"],
.satirBlok input[type="email"],
.satirBlok input[type="tel"],
select.hsbmSelect,
.satirBlok select {
  width: 100% !important;
  height: 48px !important;
  border-radius: 12px !important;
  border: 1.5px solid #e2e8f0 !important;
  background-color: #f8fafc !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  color: #0A192F !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.hsbmTextbox:focus,
.satirBlok input:focus,
select.hsbmSelect:focus {
  outline: none !important;
  background-color: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15) !important;
}

/* Phone input styling (iti) */
.iti {
  width: 100% !important;
}
.iti__selected-flag {
  border-radius: 12px 0 0 12px !important;
}

/* Button Overhauls - Replaces Harsh Green & Red */
.yesilButon,
.btnKaydet,
#btnUyelikGuncelle,
.yeniIadeTalebiOlustur,
.adresEkle,
button.hesabimUyelikBilgi.yesilButon {
  background: #0A192F !important;
  color: #ffffff !important;
  border: 1px solid #0A192F !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 13px 30px !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.15) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  letter-spacing: 0.3px !important;
}

.yesilButon:hover,
.btnKaydet:hover,
#btnUyelikGuncelle:hover,
.yeniIadeTalebiOlustur:hover,
.adresEkle:hover,
button.hesabimUyelikBilgi.yesilButon:hover {
  background: #c5a059 !important;
  border-color: #c5a059 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(197, 160, 89, 0.35) !important;
}

.kirmiziButon,
.iadeTalebiVazgec,
button.hesabimUyelikBilgi.kirmiziButon {
  background: #f8fafc !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.kirmiziButon:hover,
.iadeTalebiVazgec:hover,
button.hesabimUyelikBilgi.kirmiziButon:hover {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}

/* Address Cards (.adress-item) */
.adress-item {
  background: #f8fafc !important;
  border-radius: 18px !important;
  border: 1.5px solid #e2e8f0 !important;
  padding: 24px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important;
}

.adress-item:hover {
  border-color: #c5a059 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(197, 160, 89, 0.12) !important;
  transform: translateY(-3px) !important;
}

.adress-item .Address-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #edf2f7 !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
}

.adress-item .Address-head .T {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
}

.adress-item .Address-head .Control {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.adress-item .Address-head .Control a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

.adress-item .Address-head .Control a:hover {
  color: #c5a059 !important;
}

.adress-item .Address-content p {
  margin: 0 0 6px 0 !important;
  font-size: 13.5px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* Order Tabs (.siparislerim .tabLink) */
.siparislerim .tabLink {
  display: flex !important;
  gap: 10px !important;
  border-bottom: 2px solid #f1f5f9 !important;
  padding-bottom: 14px !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
}

.siparislerim .tabLink a {
  padding: 10px 20px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.siparislerim .tabLink a:hover {
  color: #0A192F !important;
  border-color: #cbd5e1 !important;
}

.siparislerim .tabLink a.aktif {
  background: #0A192F !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-color: #0A192F !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.15) !important;
}

/* Empty State Card (.siparisListeBos) */
.siparisListeBos {
  text-align: center !important;
  padding: 60px 24px !important;
  border-radius: 20px !important;
  background: #f8fafc !important;
  border: 1.5px dashed #cbd5e1 !important;
  margin: 20px 0 !important;
}

.siparisBosIkon {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: rgba(197, 160, 89, 0.12) !important;
  color: #c5a059 !important;
  font-size: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 18px !important;
}

.siparisBosP-1 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 8px !important;
}

.siparisBosP-2 {
  font-size: 14px !important;
  color: #64748b !important;
  margin-bottom: 24px !important;
}

.siparisBosBtn a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0A192F !important;
  color: #ffffff !important;
  padding: 13px 32px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.15) !important;
}

.siparisBosBtn a:hover {
  background: #c5a059 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(197, 160, 89, 0.35) !important;
}

/* Mobile Back to Hesabım Menu Button (.hesabimMenuDon) */
.hesabimMenuDon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  color: #0A192F !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  margin-bottom: 24px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.hesabimMenuDon:hover {
  background: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
}

.hesabimMenuDon i,
.hesabimMenuDon svg {
  color: #c5a059 !important;
}

/* Responsive Overhauls for About, Contact & Hesabım */
@media (max-width: 1024px) {
  .grid-block,
  .grid-block.reverse {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    margin-bottom: 70px !important;
  }
  .text-side,
  .image-side {
    grid-column: span 12 !important;
  }
  .modern-img-wrapper {
    height: 360px !important;
  }
  .main-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .hesabimAnasayfaMenuler ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .hero-section {
    padding: 60px 20px 30px 20px !important;
  }
  .hero-section h1 {
    font-size: 2.2rem !important;
  }
  .text-side h2 {
    font-size: 1.8rem !important;
  }
  .mv-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-top: 40px !important;
  }
  .mv-card {
    padding: 32px 24px !important;
  }
  .form-side {
    padding: 28px 20px !important;
  }
  .main-contact-grid .info-side {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .main-contact-grid .info-side > .info-card:nth-child(1),
  .main-contact-grid .info-side > .info-card:nth-child(2),
  .main-contact-grid .info-side > .info-card:nth-child(3),
  .main-contact-grid .info-side > .info-card:nth-child(4),
  .main-contact-grid .info-side > .info-card:nth-child(5) {
    grid-column: span 1 !important;
  }
  .main-contact-grid .social-wrap {
    grid-column: span 1 !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }
  .info-card {
    padding: 20px 22px !important;
  }
  .map-wrapper {
    height: 320px !important;
  }
  .sagIcerikTutucu {
    padding: 24px 18px !important;
  }
  .hesabimAnasayfaBaslik {
    padding: 24px 20px !important;
  }
  .hesabimAnasayfaBaslik h2 {
    font-size: 20px !important;
  }
  .hesabimAnasayfaMenuler ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .hesabimAnasayfaMenuler ul li a {
    padding: 24px 12px !important;
  }
  .hesabimAnasayfaMenuler ul li a i,
  .hesabimAnasayfaMenuler ul li a svg {
    width: 48px !important;
    height: 48px !important;
    font-size: 20px !important;
  }
}

@media (max-width: 480px) {
  .hesabimAnasayfaMenuler ul {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - DEEP AUDIT, OVERFLOW REMEDIATION & EQUAL-HEIGHT PRODUCT CARDS
   ========================================================================== */

/* 1. GLOBAL HORIZONTAL OVERFLOW REMEDIATION */
html {
  overflow-x: clip !important;
  max-width: 100vw !important;
}

body,
#bodyGlobal,
.global_body {
  overflow-x: clip !important;
  max-width: 100vw !important;
  position: relative !important;
  width: 100% !important;
}

/* Ensure footer glow and ambient glow wrappers do not expand viewport */
.enox-modern-footer,
#customFooterContent,
.footerTemp,
.enox-footer-glow-wrapper,
.enox-footer-bottom {
  overflow: hidden !important;
  position: relative !important;
  max-width: 100% !important;
}

.enox-footer-glow {
  max-width: 100% !important;
  pointer-events: none !important;
}

.enox-cta-card {
  overflow: hidden !important;
  position: relative !important;
  max-width: 100% !important;
}

.enox-cta-glow {
  max-width: 100% !important;
  pointer-events: none !important;
}

/* Drawer off-screen clipping safety */
.enox-drawer-panel:not(.is-open):not(.is-active) {
  display: none !important;
}

.enox-drawer-panel.is-open,
.enox-drawer-panel.is-active {
  display: flex !important;
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Layout containers bounds enforcement */
.ticiContainer,
.container,
.site-wrapper,
#divIcerik,
#customContent {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. PIXEL-PERFECT EQUAL-HEIGHT PRODUCT CARDS */
/* Slider stages: flex stretch */
.ulUrunSlider .owl-stage,
.owl-carousel .owl-stage {
  display: flex !important;
}

.ulUrunSlider .owl-item,
.owl-carousel .owl-item {
  display: flex !important;
  height: auto !important;
}

.ulUrunSlider .owl-item > li,
.owl-carousel .owl-item > li,
.ulUrunSlider .owl-item .productItem,
.owl-carousel .owl-item .productItem {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Category grid items: flex stretch */
#ProductPageProductList,
.ProductList,
.category-products-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

.ItemOrj {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.ItemOrj .productItem {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Product card vertical normalization */
.productItem {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.productItem .productImage {
  flex-shrink: 0 !important;
}

.productItem .productDetail {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  padding: 16px 14px 14px 14px !important;
  box-sizing: border-box !important;
}

/* Title clamp: exactly 2 lines with consistent min/max height */
.productItem .productName {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-bottom: 8px !important;
}

/* Price container normalization: identical 44px min-height for discount & non-discount cards */
.productItem .productPrice {
  min-height: 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  margin-top: auto !important;
  margin-bottom: 10px !important;
}

.productItem .enox-card-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.productItem .enox-card-old-price,
.productItem .indirimliFiyat {
  font-size: 11.5px !important;
  height: 15px !important;
  line-height: 15px !important;
  display: inline-block !important;
}

.productItem .enox-card-current-price,
.productItem .fiyat,
.productItem .regularPrice {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Action button alignment */
.productItem .product-cta,
.productItem .btnSepeteEkle,
.productItem .enox-card-cta {
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   ENOX BAGNO - 5-POINT COMPREHENSIVE OVERHAUL & MOBILE POLISH
   ========================================================================== */

/* --- 1. BREADCRUMBS OVERHAUL (ZERO DUPLICATION, ZERO SQUASHING, TOUCH SCROLL) --- */
body ul.breadcrumb:before,
body ul.breadcrumb:after,
body ul.breadcrumb li:before,
body ul.breadcrumb li:after,
body ul.breadcrumb li a:before,
body ul.breadcrumb li a:after,
body ul.breadcrumb li a span:before,
body ul.breadcrumb li a span:after,
body ul.breadcrumb li:not(:last-child):after {
  display: none !important;
  content: none !important;
}

body ul.breadcrumb,
.categoryTitleText .breadcrumb,
.proCategoryTitle .breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  border-radius: 12px !important;
  margin: 14px 0 20px 0 !important;
  gap: 6px !important;
  list-style: none !important;
  box-shadow: 0 2px 10px rgba(10, 25, 47, 0.03) !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

body ul.breadcrumb::-webkit-scrollbar {
  display: none !important;
}

body ul.breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  color: #64748b !important;
  line-height: normal !important;
  float: none !important;
}

body ul.breadcrumb li a {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  text-decoration: none !important;
  max-width: none !important;
  float: none !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  transition: color 0.2s ease !important;
}

body ul.breadcrumb li a:hover {
  color: #c5a059 !important;
}

body ul.breadcrumb li a span,
body ul.breadcrumb li span[itemprop="name"] {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: inherit !important;
  max-width: none !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  visibility: visible !important;
  float: none !important;
}

body ul.breadcrumb li:last-child a,
body ul.breadcrumb li:last-child span {
  color: #0A192F !important;
  font-weight: 600 !important;
}

.enox-bc-home {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 6px !important;
  stroke: #64748b !important;
  flex-shrink: 0 !important;
}

.enox-bc-chevron {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  margin-right: 2px !important;
  stroke: #c5a059 !important;
  flex-shrink: 0 !important;
}

.breadList,
.mBread {
  display: none !important;
}

/* --- 2. CATEGORY FILTER & SORT BAR (LUXURY CONTROL BAR) --- */
#divSayfalamaUst {
  width: 100% !important;
  float: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

.brandlistselection {
  width: 100% !important;
  float: none !important;
}

.sortingContent {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(10, 25, 47, 0.03) !important;
  margin: 0 0 20px 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.sortingContent > li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.sortingContent .sortingContent .appliedFilter.FiltrelemeUrunAdet,
body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet {
  display: inline-flex !important;
  align-items: center !important;
  order: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 42px !important;
  box-shadow: none !important;
  gap: 8px !important;
}

.sortingContent .appliedFilter.FiltrelemeUrunAdet > span,
.appliedFilter.FiltrelemeUrunAdet > span,
body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span,
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  float: none !important;
}

.sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
.blockSelect {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  box-sizing: border-box !important;
  padding: 0 6px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  gap: 4px !important;
}

.sortingContent li:has(#filterOrderSelect) {
  order: 2 !important;
}

#filterOrderSelect {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230A192F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 0 36px 0 16px !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0A192F !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
  min-width: 170px !important;
}

#filterOrderSelect:hover,
#filterOrderSelect:focus {
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.12) !important;
}

.sortingContent .filterOrderInStock {
  display: inline-flex !important;
  align-items: center !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0A192F !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.sortingContent .filterOrderInStock:hover {
  border-color: #c5a059 !important;
  color: #c5a059 !important;
}

.sortingContent .filterOrderInStock.selected {
  background: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
}

@media (max-width: 768px) {
  .sortingContent {
    gap: 8px !important;
    padding: 10px 12px !important;
    margin-bottom: 16px !important;
  }
  .sortingContent .appliedFilter.FiltrelemeUrunAdet {
    padding: 6px 12px !important;
    font-size: 12.5px !important;
  }
  .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect {
    display: none !important;
  }
  #filterOrderSelect {
    min-width: 140px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 12.5px !important;
    padding: 0 30px 0 12px !important;
  }
  .sortingContent .filterOrderInStock {
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
  }
}

/* --- 3. HAKKIMIZDA OVERHAUL (ZERO RTL OVERFLOW & RESPONSIVE PERFECTION) --- */
.about-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 40px 24px 80px 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.grid-block,
.grid-block.reverse {
  direction: ltr !important;
  unicode-bidi: normal !important;
}

.grid-block.reverse .text-side,
.grid-block.reverse .image-side {
  direction: ltr !important;
}

@media (max-width: 768px) {
  .about-container {
    padding: 10px 16px 60px 16px !important;
  }
  .grid-block,
  .grid-block.reverse {
    direction: ltr !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
    margin-bottom: 48px !important;
  }
  .text-side,
  .image-side,
  .grid-block.reverse .text-side,
  .grid-block.reverse .image-side {
    direction: ltr !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .text-side .section-number {
    font-size: 2.5rem !important;
    margin-bottom: 8px !important;
  }
  .text-side h2 {
    font-size: clamp(1.4rem, 5.5vw, 1.85rem) !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.3px !important;
  }
  .text-side p {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
    margin-bottom: 14px !important;
  }
  .modern-img-wrapper {
    height: 250px !important;
    width: 100% !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(10, 25, 47, 0.08) !important;
  }
  .brands-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 20px 0 0 0 !important;
    padding: 24px 18px !important;
    border-radius: 16px !important;
    left: 0 !important;
  }
  .brands-card::before {
    left: 20px !important;
  }
  .brands-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .brand-tag {
    font-size: 12.5px !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
  }
  .mv-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
    padding-top: 32px !important;
  }
  .mv-card {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
  .admin-edit-btn,
  a[href*="Editor.aspx"] {
    display: none !important;
  }
}

/* --- 4. COVE-INSPIRED CONTACT PAGE (EDITORIAL ARCHITECTURAL GRID) --- */
.contact-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px 24px 80px 24px !important;
  box-sizing: border-box !important;
}

.hero-section {
  text-align: center !important;
  padding: 60px 20px 50px 20px !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.hero-section .badge {
  display: inline-block !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  color: #c5a059 !important;
  font-weight: 700 !important;
  background: rgba(197, 160, 89, 0.1) !important;
  padding: 6px 16px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(197, 160, 89, 0.2) !important;
}

.hero-section h1 {
  font-size: clamp(2rem, 4.5vw, 3rem) !important;
  font-weight: 800 !important;
  color: #0A192F !important;
  letter-spacing: -0.8px !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

.hero-section p {
  font-size: 1.05rem !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

/* Cove 2-Column Split Grid */
.main-contact-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
  align-items: start !important;
  margin-top: 10px !important;
}

/* Form Card */
.form-side {
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  border-radius: 20px !important;
  padding: 40px 36px !important;
  box-shadow: 0 20px 40px -15px rgba(10, 25, 47, 0.06) !important;
  box-sizing: border-box !important;
}

.form-side h2 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 28px !important;
}

.form-side .form-group {
  margin-bottom: 20px !important;
}

.form-side .form-group label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #64748b !important;
  margin-bottom: 8px !important;
}

.form-side .form-control {
  width: 100% !important;
  height: 48px !important;
  border-radius: 10px !important;
  border: 1.5px solid #e2e8f0 !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  background-color: #f8fafc !important;
  color: #0A192F !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.form-side textarea.form-control {
  height: 120px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

.form-side .form-control:focus {
  background-color: #ffffff !important;
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.12) !important;
  outline: none !important;
}

.form-side .submit-btn {
  width: 100% !important;
  height: 50px !important;
  background: #0A192F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
}

.form-side .submit-btn:hover {
  background: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px -5px rgba(197, 160, 89, 0.4) !important;
}

/* Info Side */
.info-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.info-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  border-radius: 18px !important;
  padding: 24px 26px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.03) !important;
  box-sizing: border-box !important;
}

.info-card:hover {
  border-color: #c5a059 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 30px rgba(10, 25, 47, 0.06) !important;
}

.info-card .icon-box {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c5a059 !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.info-card:hover .icon-box {
  background: #c5a059 !important;
  color: #ffffff !important;
  border-color: #c5a059 !important;
}

.info-card .info-content h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 4px !important;
}

.info-card .info-content p {
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.map-section {
  margin-top: 60px !important;
}

.map-section h2 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  margin-bottom: 24px !important;
  text-align: center !important;
}

.map-wrapper {
  height: 380px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  box-shadow: 0 15px 35px -10px rgba(10, 25, 47, 0.08) !important;
}

.map-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

@media (max-width: 768px) {
  .main-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .form-side {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
  .info-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }
  .map-wrapper {
    height: 260px !important;
    border-radius: 16px !important;
  }
}

/* --- 5. HESABIM / PROFILE SETTINGS OVERHAUL (TOUCH-PERFECT RESPONSIVE FORMS) --- */
@media (max-width: 768px) {
  /* Order Status Tabs (Horizontal Scrollable Pill Bar) */
  .siparisBasliklari,
  .siparisTab,
  .btnSiparisDurum {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding: 4px 0 14px 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .siparisBasliklari::-webkit-scrollbar,
  .siparisTab::-webkit-scrollbar {
    display: none !important;
  }
  .siparisBasliklari a,
  .siparisTab a,
  .btnSiparisDurum a,
  .siparisBasliklari > div,
  .siparisTab > div {
    flex: 0 0 auto !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: center !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #475569 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  .siparisBasliklari a.aktif,
  .siparisTab a.aktif,
  .siparisBasliklari .active,
  .siparisTab .active {
    background: #0A192F !important;
    color: #ffffff !important;
    border-color: #0A192F !important;
  }

  /* Form Containers & Columns normalization */
  .HesabimAdresContent,
  .UyelikBilgilerimContent,
  .hesabimAdresSayfasi,
  .hesabimBilgilerimSayfasi,
  .icerikTutucu {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  .HesabimAdresContent .col-sm-6,
  .HesabimAdresContent .col-md-6,
  .hesabimAdresSayfasi .col-sm-6,
  .hesabimAdresSayfasi .col-md-6,
  .UyelikBilgilerimContent .col-sm-6,
  .UyelikBilgilerimContent .col-md-6,
  .HesabimAdresContent .span,
  .UyelikBilgilerimContent .span,
  .HesabimAdresContent .row,
  .UyelikBilgilerimContent .row {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* All form inputs and dropdowns */
  .HesabimAdresContent input[type="text"],
  .HesabimAdresContent input[type="password"],
  .HesabimAdresContent input[type="tel"],
  .HesabimAdresContent input[type="email"],
  .HesabimAdresContent select,
  .HesabimAdresContent textarea,
  .UyelikBilgilerimContent input[type="text"],
  .UyelikBilgilerimContent input[type="password"],
  .UyelikBilgilerimContent input[type="tel"],
  .UyelikBilgilerimContent input[type="email"],
  .UyelikBilgilerimContent select,
  .UyelikBilgilerimContent textarea,
  .hesabimAdresSayfasi input[type="text"],
  .hesabimAdresSayfasi select,
  .hesabimAdresSayfasi textarea {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 1.5px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    color: #0A192F !important;
    margin-bottom: 12px !important;
  }

  .HesabimAdresContent textarea,
  .hesabimAdresSayfasi textarea {
    height: 90px !important;
    min-height: 90px !important;
    padding: 12px 14px !important;
  }

  /* City & District dropdowns grid */
  .HesabimAdresContent .sehirIlce,
  .UyelikBilgilerimContent .sehirIlce,
  .hesabimAdresSayfasi .row:has(select[ng-model*="City"]) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Birth Date 3 selects grid */
  .dateofbirth,
  .UyelikBilgilerimContent .dateofbirth {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.2fr !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .dateofbirth select {
    width: 100% !important;
    height: 48px !important;
    margin-bottom: 0 !important;
  }

  /* Gender and Invoice Type Radio Buttons */
  .cinsiyetSecim,
  .rblCinsiyet,
  .rblFaturaTipi,
  .faturaTipi {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin: 8px 0 16px 0 !important;
    width: 100% !important;
  }
  .cinsiyetSecim label,
  .rblCinsiyet label,
  .rblFaturaTipi label,
  .faturaTipi label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0A192F !important;
    cursor: pointer !important;
    margin: 0 !important;
  }
  .cinsiyetSecim input[type="radio"],
  .rblCinsiyet input[type="radio"],
  .rblFaturaTipi input[type="radio"],
  .faturaTipi input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    accent-color: #0A192F !important;
    cursor: pointer !important;
  }

  /* Checkboxes */
  .UyelikBilgilerimContent input[type="checkbox"],
  .HesabimAdresContent input[type="checkbox"],
  .hesabimAdresSayfasi input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin-right: 10px !important;
    accent-color: #0A192F !important;
    vertical-align: middle !important;
    cursor: pointer !important;
  }

  /* Form Actions (Kaydet / Vazgeç) */
  .hesabimButon,
  .btnAdresKaydet,
  .adresKaydetButonlar,
  .hesabimAdresSayfasi .row:has(.adresEkle) {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }
  .hesabimButon input,
  .hesabimButon button,
  .hesabimButon a,
  .btnAdresKaydet,
  .adresEkle {
    height: 50px !important;
    line-height: 50px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .yesilButon,
  .btnKaydet {
    background: #0A192F !important;
    color: #ffffff !important;
    border: none !important;
  }

  /* Address Card Items */
  .adress-item {
    border: 1px solid rgba(10, 25, 47, 0.08) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(10, 25, 47, 0.03) !important;
  }
}


/* --- 5.1 HESABIM ANGULAR TEMPLATE SPECIFIC REFINEMENTS --- */
@media (max-width: 768px) {
  body .siparislerim .tabLink,
  body .tabLink,
  .siparislerim .tabLink,
  .tabLink {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding: 6px 0 14px 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .siparislerim .tabLink::-webkit-scrollbar,
  .tabLink::-webkit-scrollbar {
    display: none !important;
  }
  .siparislerim .tabLink a,
  .tabLink a {
    flex: 0 0 auto !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: center !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #475569 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
  }
  .siparislerim .tabLink a.aktif,
  .tabLink a.aktif {
    background: #0A192F !important;
    color: #ffffff !important;
    border-color: #0A192F !important;
  }

  .hsbmLabel,
  label.hsbmLabel {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0A192F !important;
    cursor: pointer !important;
    margin-right: 14px !important;
    margin-bottom: 8px !important;
    min-height: 38px !important;
  }
  .hsbmRadio,
  input.hsbmRadio,
  input[type="radio"].hsbmRadio {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    accent-color: #0A192F !important;
    cursor: pointer !important;
  }
  .hsbmCheckbox,
  input.hsbmCheckbox,
  input[type="checkbox"].hsbmCheckbox,
  .uyelikBilgilerim input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 10px 0 0 !important;
    accent-color: #0A192F !important;
    cursor: pointer !important;
    vertical-align: middle !important;
  }

  .altButonTutucu,
  .adresEkleAltButtonAlan {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 24px !important;
    box-sizing: border-box !important;
  }
  .altButonTutucu a,
  .altButonTutucu button,
  .altButonTutucu input,
  .altButonTutucu .yesilButon,
  .altButonTutucu .kirmiziButon {
    flex: 1 1 50% !important;
    height: 48px !important;
    line-height: 48px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
  }
  .altButonTutucu .yesilButon {
    background: #0A192F !important;
    color: #ffffff !important;
    border: none !important;
  }
  .altButonTutucu .kirmiziButon {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1.5px solid #e2e8f0 !important;
  }

  .telDiv .iti {
    width: 100% !important;
  }
}


/* ==========================================================================
   ENOX BAGNO - MOBILE DRAWER DROPDOWNS, CATEGORY FILTERS, ZOOM & CONTACT POLISH
   ========================================================================== */

/* 1. Category Sorting Overlap Fix & Clean Positioning */
#divSayfalamaUst,
#divSayfalamaUst .brandlistselection,
.brandlistselection {
  position: static !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  display: block !important;
  margin-bottom: 16px !important;
}

#divSayfalamaUst .sortingContent,
.sortingContent {
  position: static !important;
  float: none !important;
  width: 100% !important;
}

/* 2. Subcategory Quick Filter Pills Bar */
.enox-subcat-pills-bar {
  width: 100% !important;
  margin: 8px 0 16px 0 !important;
  overflow: hidden !important;
}

.enox-subcat-pills-scroll {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  gap: 8px !important;
  padding: 4px 2px 8px 2px !important;
  box-sizing: border-box !important;
}

.enox-subcat-pills-scroll::-webkit-scrollbar {
  display: none !important;
}

.enox-subcat-pill {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 16px !important;
  background: #ffffff !important;
  color: #475569 !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(10, 25, 47, 0.03) !important;
}

.enox-subcat-pill:hover {
  border-color: #c5a059 !important;
  color: #0A192F !important;
}

.enox-subcat-pill.is-active {
  background: #0A192F !important;
  color: #ffffff !important;
  border-color: #0A192F !important;
  font-weight: 600 !important;
}

/* 3. Mobile Drawer Accordion Navigation */
.enox-drawer-accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 8px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  width: 100% !important;
}

.enox-drawer-accordion-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  user-select: none !important;
}

.enox-drawer-accordion-header:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.enox-drawer-cat-link,
.enox-drawer-cat-link span {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  flex: 1 1 auto !important;
}

.enox-drawer-acc-btn {
  background: none !important;
  border: none !important;
  padding: 6px !important;
  cursor: pointer !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease !important;
}

.enox-drawer-accordion-header .enox-drawer-cat-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.enox-drawer-soon-badge {
  background: rgba(197, 160, 89, 0.15) !important;
  color: #c5a059 !important;
  border: 1px solid rgba(197, 160, 89, 0.4) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

.enox-drawer-accordion-item.is-expanded .enox-drawer-acc-btn {
  transform: rotate(180deg) !important;
}

.enox-drawer-accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  padding: 0 16px !important;
  border-radius: 0 0 12px 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.enox-drawer-accordion-item.is-expanded .enox-drawer-accordion-content {
  max-height: 1200px !important;
  padding: 16px !important;
}

.enox-drawer-subgroup {
  margin-bottom: 16px !important;
}

.enox-drawer-subgroup-title {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin-bottom: 8px !important;
}

.enox-drawer-subgroup a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  font-size: 13.5px !important;
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.enox-drawer-subgroup a:hover {
  color: #c5a059 !important;
}

.enox-drawer-subgroup a span:first-child {
  flex: 1 1 auto !important;
}

.enox-drawer-subgroup a .enox-soon-tag-badge {
  flex: 0 0 auto !important;
  margin-left: 8px !important;
}

.enox-drawer-view-all {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c5a059 !important;
  text-decoration: none !important;
  margin-top: 8px !important;
  padding: 6px 0 !important;
  transition: opacity 0.2s ease !important;
}

.enox-drawer-view-all:hover {
  opacity: 0.8 !important;
}

/* Mobile Header Cart Badge */
.mobile-cart-item .header-button a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.enox-mobile-cart-badge {
  position: absolute !important;
  top: -4px !important;
  right: -8px !important;
  background: #c5a059 !important;
  color: #0A192F !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
  text-align: center !important;
  border-radius: 50% !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  z-index: 10 !important;
}

.enox-drawer-footer {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 24px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 13px !important;
  color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.enox-drawer-footer > div {
  text-align: center !important;
  width: 100% !important;
}

.enox-drawer-footer .drawer-showroom {
  color: #cbd5e1 !important;
}

.enox-drawer-footer strong,
.enox-drawer-footer .drawer-showroom strong {
  color: #ffffff !important;
}

.enox-drawer-footer a,
.enox-drawer-footer .drawer-phone a,
.enox-drawer-footer .drawer-email a {
  color: #c5a059 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: color 0.2s ease !important;
}

.enox-drawer-footer a:hover,
.enox-drawer-footer .drawer-phone a:hover,
.enox-drawer-footer .drawer-email a:hover {
  color: #ffffff !important;
}

/* 4. CloudZoom Viewport Containment & Luxury Inside Zoom */
.cloudzoom-zoom {
  max-width: calc(100vw - 40px) !important;
  box-sizing: border-box !important;
  box-shadow: 0 15px 40px rgba(10, 25, 47, 0.15) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
}

@media (max-width: 1200px) {
  .cloudzoom-zoom {
    border-radius: 16px !important;
  }
}

@media (max-width: 992px) {
  .cloudzoom-zoom:not(.cloudzoom-zoom-inside) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .cloudzoom-lens {
    display: none !important;
  }
}

/* 5. Resilient Benzer Urunler Swiper Container */
#BenzerUrunDiv,
#divBenzerUrun,
.detaySliderContainer {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin-top: 40px !important;
}

#BenzerUrunDiv .ulUrunSlider:not(.owl-loaded) {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 16px !important;
  scrollbar-width: none !important;
}

#BenzerUrunDiv .ulUrunSlider:not(.owl-loaded)::-webkit-scrollbar {
  display: none !important;
}

#BenzerUrunDiv .ulUrunSlider:not(.owl-loaded) .productItem {
  flex: 0 0 280px !important;
  max-width: 280px !important;
}

@media (max-width: 768px) {
  #BenzerUrunDiv .ulUrunSlider:not(.owl-loaded) .productItem {
    flex: 0 0 180px !important;
    max-width: 180px !important;
  }
}

/* 6. Google Maps Custom Luxury Theme & Social Icons */
.map-wrapper {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 25, 47, 0.1) !important;
  box-shadow: 0 15px 35px -10px rgba(10, 25, 47, 0.08) !important;
  background: #0A192F !important;
}

.map-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  filter: contrast(1.05) saturate(0.65) hue-rotate(195deg) brightness(0.95) !important;
  transition: filter 0.4s ease !important;
}

.map-wrapper:hover iframe {
  filter: contrast(1.02) saturate(0.85) brightness(1) !important;
}

.social-grid {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.social-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0A192F !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.04) !important;
}

.social-btn:hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(10, 25, 47, 0.12) !important;
}

/* 7. Comprehensive SEO & Semantic Heading Normalization */
.enox-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 7. Comprehensive SEO & Semantic Heading & Category Sorting Layout */
.enox-category-h1 {
  flex: 1 1 auto !important;
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: -0.3px !important;
  line-height: 1.25 !important;
  display: flex !important;
  align-items: center !important;
  order: 1 !important;
}

#ProductListMainContainer > .categoryTitle,
.categoryList .categoryTitle,
.categoryTitle {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  box-shadow: 0 4px 20px -4px rgba(10, 25, 47, 0.04) !important;
  padding: 18px 24px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#divSayfalamaUst {
  flex: 0 0 auto !important;
  margin: 0 !important;
  width: auto !important;
  order: 2 !important;
  padding: 0 !important;
  float: none !important;
}

.enox-subcat-pills-bar {
  width: 100% !important;
  flex: 1 1 100% !important;
  order: 3 !important;
  margin: 4px 0 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(10, 25, 47, 0.06) !important;
  overflow: hidden !important;
}

.enox-subcat-pills-scroll {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  gap: 8px !important;
  padding: 2px 2px 6px 2px !important;
  box-sizing: border-box !important;
}

.enox-subcat-pills-scroll::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 768px) {
  #ProductListMainContainer > .categoryTitle,
  .categoryList .categoryTitle,
  .categoryTitle {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 16px 14px !important;
    gap: 12px !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
  }

  .enox-category-h1 {
    order: 1 !important;
    font-size: 19px !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.25 !important;
  }

  .enox-subcat-pills-bar {
    order: 2 !important;
    width: 100% !important;
    padding-top: 0 !important;
    border-top: none !important;
    margin: 0 !important;
  }

  #divSayfalamaUst {
    order: 3 !important;
    width: 100% !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(10, 25, 47, 0.06) !important;
  }

  body #divSayfalamaUst .brandlistselection,
  body #divSayfalamaUst.Slct .brandlistselection {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  justify-content: space-between !important;
    width: 100% !important;
    gap: 8px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
   margin: 0 !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent > li,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    height: auto !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent > li:has(#filterOrderSelect),
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(#filterOrderSelect) {
    flex: 1 1 calc(55% - 8px) !important;
    min-width: 130px !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent > li:has(.filterOrderInStock),
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(.filterOrderInStock) {
    flex: 0 0 auto !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet {
    flex: 0 0 auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 38px !important;
    float: none !important;
    gap: 6px !important;
  }

  body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span,
  body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span,
  .sortingContent .appliedFilter.FiltrelemeUrunAdet > span {
    height: 38px !important;
    line-height: 38px !important;
    font-size: 12.5px !important;
    padding: 0 12px !important;
  }

  #filterOrderSelect {
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
    border: 1.5px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    padding: 0 28px 0 10px !important;
    color: #0A192F !important;
    font-weight: 500 !important;
  }

  .sortingContent .filterOrderInStock {
    height: 38px !important;
    line-height: 38px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #0A192F !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  .sortingContent .filterOrderInStock.selected {
    background: #0A192F !important;
    border-color: #0A192F !important;
    color: #ffffff !important;
  }
}

/* 8. Coming Soon Showcase for Empty Pre-launch Categories */
.enox-coming-soon-showcase {
  width: 100% !important;
  margin: 16px 0 32px 0 !important;
  box-sizing: border-box !important;
}

.enox-soon-card {
  border-radius: 20px !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 48px 32px !important;
  color: #ffffff !important;
  text-align: center !important;
  border: 1px solid rgba(197, 160, 89, 0.25) !important;
  box-shadow: 0 16px 40px -10px rgba(10, 25, 47, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.enox-soon-badge-wrap {
  margin-bottom: 14px !important;
}

.enox-soon-gold-badge {
  background: rgba(197, 160, 89, 0.2) !important;
  color: #c5a059 !important;
  border: 1px solid rgba(197, 160, 89, 0.4) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 14px !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  display: inline-block !important;
}

.enox-soon-h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: -0.5px !important;
  max-width: 600px !important;
  line-height: 1.3 !important;
}

.enox-soon-desc {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #cbd5e1 !important;
  max-width: 640px !important;
  margin: 0 0 24px 0 !important;
}

.enox-soon-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
}

.enox-soon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 22px !important;
  border-radius: 50px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.enox-soon-btn-primary {
  background: #c5a059 !important;
  color: #0A192F !important;
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.3) !important;
}

.enox-soon-btn-primary:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
}

.enox-soon-btn-secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.enox-soon-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 768px) {
  .enox-soon-card {
    padding: 32px 18px !important;
  }
  .enox-soon-h2 {
    font-size: 21px !important;
  }
  .enox-soon-desc {
    font-size: 13.5px !important;
  }
  .enox-soon-actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .enox-soon-btn {
    width: 100% !important;
  }
}


/* ==========================================================================
   ENOX BAGNO - MOBILE SLIDER ARROW REMOVAL & FRAMER MOTION LUXURY ANIMATIONS
   ========================================================================== */

/* 1. Mobile Entrance Slider Navigation Arrows Removal (Full Swipe Experience) */
@media (max-width: 768px) {
  .anasayfa_tek_slider .owl-nav,
  .anasayfa_tek_slider .ProductListprev,
  .anasayfa_tek_slider .ProductListnext,
  .anasayfa_tek_slider .owl-prev,
  .anasayfa_tek_slider .owl-next,
  #pnlSlider .owl-nav,
  #pnlSlider .ProductListprev,
  #pnlSlider .ProductListnext,
  #pnlSlider .slider-arrow,
  #pnlSlider .sliderNav,
  .bilesenler_1 .owl-nav,
  .bilesenler_1 .ProductListprev,
  .bilesenler_1 .ProductListnext,
  .middleTopBlock .owl-nav,
  .middleTopBlock .ProductListprev,
  .middleTopBlock .ProductListnext {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* 2. Framer Motion Design Variables */
:root {
  --framer-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --framer-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --framer-smooth: cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Framer Keyframe Animations */
@keyframes framerFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(28px) scale(0.985);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes framerFadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes framerScaleIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes framerGoldGlow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(197, 160, 89, 0);
  }
  50% {
    box-shadow: 0 0 18px 2px rgba(197, 160, 89, 0.25);
  }
}

/* 4. Scroll Reveal Classes */
.framer-reveal {
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  transition: opacity 0.75s var(--framer-ease), transform 0.75s var(--framer-ease) !important;
  will-change: opacity, transform;
}

.framer-reveal.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* Staggered Children */
.framer-stagger > *:nth-child(1) { transition-delay: 0.04s !important; }
.framer-stagger > *:nth-child(2) { transition-delay: 0.08s !important; }
.framer-stagger > *:nth-child(3) { transition-delay: 0.12s !important; }
.framer-stagger > *:nth-child(4) { transition-delay: 0.16s !important; }
.framer-stagger > *:nth-child(5) { transition-delay: 0.20s !important; }
.framer-stagger > *:nth-child(6) { transition-delay: 0.24s !important; }
.framer-stagger > *:nth-child(7) { transition-delay: 0.28s !important; }
.framer-stagger > *:nth-child(8) { transition-delay: 0.32s !important; }

/* 5. Framer-Motion Interactive Micro-Interactions (whileHover & whileTap) */
.productItem,
.productModuleItem {
  transition: transform 0.4s var(--framer-ease), box-shadow 0.4s var(--framer-ease), border-color 0.4s ease !important;
}

.productItem:hover,
.productModuleItem:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 16px 36px -8px rgba(10, 25, 47, 0.12), 0 0 0 1.5px rgba(197, 160, 89, 0.3) !important;
}

.productItem .productImage img,
.productModuleItem .productImage img {
  transition: transform 0.6s var(--framer-ease) !important;
  stroke: #ef4444 !important;
  fill: #ef4444 !important;
}

/* Badges Container (Top Left) */
.enox-card-badges {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  align-items: flex-start !important;
  pointer-events: none !important;
}

/* Buttons with spring response & tactile whileTap */
button,
a.enox-cta-btn-primary,
a.enox-cta-btn-secondary,
a.enox-soon-btn,
.enox-card-cart-btn,
.enox-card-fav-btn,
.btnSepeteAt,
.submit-btn,
.pcButton a {
  transition: transform 0.25s var(--framer-ease), box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease !important;
}

button:hover,
a.enox-cta-btn-primary:hover,
a.enox-cta-btn-secondary:hover,
a.enox-soon-btn:hover,
.enox-card-cart-btn:hover,
.submit-btn:hover {
  transform: translateY(-2px) scale(1.02);
}

button:active,
a.enox-cta-btn-primary:active,
a.enox-cta-btn-secondary:active,
a.enox-soon-btn:active,
.enox-card-cart-btn:active,
.enox-card-fav-btn:active,
.btnSepeteAt:active,
.submit-btn:active {
  transform: scale(0.96) !important;
}

/* Category & Nav Pills Framer Response */
.enox-subcat-pill {
  transition: transform 0.25s var(--framer-ease), background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.enox-subcat-pill:hover {
  transform: translateY(-2px) scale(1.02) !important;
}

.enox-subcat-pill:active {
  transform: scale(0.95) !important;
}

/* Trust Cards & Info Cards */
.enox-trust-card,
.info-card,
.mv-card {
  transition: transform 0.35s var(--framer-ease), box-shadow 0.35s var(--framer-ease), border-color 0.35s ease !important;
}

.enox-trust-card:hover,
.info-card:hover,
.mv-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px -6px rgba(10, 25, 47, 0.1) !important;
  border-color: rgba(197, 160, 89, 0.4) !important;
}

/* Dedicated CTA & Showcase Glow */
.enox-cta-card,
.enox-soon-card {
  animation: framerFadeIn 0.8s var(--framer-ease) backwards;
}

/* ==========================================================================
   DEFENSIVE PROTECTION: CATEGORY PILLS & TRUST CARDS (NEVER SQUISH OR FLATTEN)
   ========================================================================== */
.enox-subcat-pill {
  min-width: auto !important;
  max-width: none !important;
  height: auto !important;
  line-height: normal !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  text-align: left !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  letter-spacing: normal !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.enox-trust-card {
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 140px !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: normal !important;
}

/* ==========================================================================
   INNER PAGES FRAMER MOTION (HAKKIMIZDA & İLETİŞİM LUXURY ENTRANCE)
   ========================================================================== */
.hero-section.framer-reveal,
.grid-block.framer-reveal,
.mv-card.framer-reveal,
.info-card.framer-reveal,
.form-side.framer-reveal,
.map-wrapper.framer-reveal,
.map-section.framer-reveal,
.story-section.framer-reveal,
.elementor-section.framer-reveal {
  opacity: 0;
  transform: translateY(24px) scale(0.99);
  transition: opacity 0.75s var(--framer-ease), transform 0.75s var(--framer-ease) !important;
  will-change: opacity, transform;
}

.hero-section.framer-reveal.is-revealed,
.grid-block.framer-reveal.is-revealed,
.mv-card.framer-reveal.is-revealed,
.info-card.framer-reveal.is-revealed,
.form-side.framer-reveal.is-revealed,
.map-wrapper.framer-reveal.is-revealed,
.map-section.framer-reveal.is-revealed,
.story-section.framer-reveal.is-revealed,
.elementor-section.framer-reveal.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* Staggered delay for Info Cards & MV Cards */
.info-side.framer-stagger > *:nth-child(1),
.mv-grid.framer-stagger > *:nth-child(1) { transition-delay: 0.05s !important; }
.info-side.framer-stagger > *:nth-child(2),
.mv-grid.framer-stagger > *:nth-child(2) { transition-delay: 0.10s !important; }
.info-side.framer-stagger > *:nth-child(3),
.mv-grid.framer-stagger > *:nth-child(3) { transition-delay: 0.15s !important; }
.info-side.framer-stagger > *:nth-child(4),
.mv-grid.framer-stagger > *:nth-child(4) { transition-delay: 0.20s !important; }
.info-side.framer-stagger > *:nth-child(5),
.mv-grid.framer-stagger > *:nth-child(5) { transition-delay: 0.25s !important; }

/* Contact & About Interactive Micro-Interactions */
.info-card {
  transition: transform 0.3s var(--framer-ease), box-shadow 0.3s var(--framer-ease), border-color 0.3s ease !important;
}

.info-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px -6px rgba(10, 25, 47, 0.1) !important;
  border-color: rgba(197, 160, 89, 0.35) !important;
}

.mv-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px -6px rgba(10, 25, 47, 0.1) !important;
  border-color: rgba(197, 160, 89, 0.35) !important;
}

/* Accessibility: Respect Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .framer-reveal,
  .framer-stagger > *,
  .productItem,
  .productModuleItem,
  button,
  .enox-subcat-pill {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - LUXURY CHECKOUT & PAYMENT THEME ADAPTATION (R2 & R3)
   Deep Obsidian Navy: #0A192F / #071324
   Champagne Gold: #c5a059, hover: #b38e47
   Clean typography, modern card layout, zero neon green
   ========================================================================== */

:root {
  --primary-button-color: #0A192F !important;
  --main-third-color: #c5a059 !important;
  --main-fourth-color: #0A192F !important;
  --main-second-color: #f8fafc !important;
  --title-color: #0A192F !important;
  --product-card-color: #0A192F !important;
  --product-card-border: #e2e8f0 !important;
  --border-radius: 10px !important;
  --theme-primary: #0A192F !important;
  --theme-accent: #c5a059 !important;
}

/* --- R2. CHECKOUT / BASKET LUXURY STYLING --- */

/* 1. Primary Action CTA Button: "Alışverişi Tamamla" */
.btn-success,
button.btn-success,
.complete-order-btn,
button.complete-order-btn,
.actions button.update-btn {
  background: #0A192F !important;
  background-color: #0A192F !important;
  color: #ffffff !important;
  border: 1.5px solid #0A192F !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.4px !important;
  height: 52px !important;
  box-shadow: 0 4px 14px rgba(10, 25, 47, 0.22) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.btn-success:hover,
button.btn-success:hover,
.complete-order-btn:hover,
button.complete-order-btn:hover,
.actions button.update-btn:hover {
  background: #071324 !important;
  background-color: #071324 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.32), 0 0 0 2px rgba(197, 160, 89, 0.3) !important;
  transform: translateY(-2px) !important;
}

.btn-success:active,
button.btn-success:active,
.complete-order-btn:active,
button.complete-order-btn:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.2) !important;
}

/* 2. Price Displays - Deep Obsidian Navy / Anthracite (No Green!) */
.basket-item-basket-price,
.basket-item-basket-price span,
.basket-item-basket-price[data-v-60ff23d6],
.customize-basket-price,
.customize-basket-price span,
.basket-item-price-customize,
.basket-item-price-customize *,
.price-wrapper .basket-item-basket-price,
.basket-item-price,
.basket-item-price span {
  color: #0A192F !important;
  font-weight: 700 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif !important;
}

/* 3. Product Cards in Basket */
.cart-product-list .product-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 2px 6px rgba(10, 25, 47, 0.03) !important;
  transition: all 0.25s ease !important;
}

.cart-product-list .product-item:hover {
  border-color: rgba(197, 160, 89, 0.45) !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.07) !important;
}

.basket-item-image {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
}

.basket-item-product-name,
.basket-item-product-name span {
  color: #0A192F !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}

.basket-item-product-name:hover,
.basket-item-product-name:hover span {
  color: #c5a059 !important;
}

/* 4. Quantity Stepper */
.counter {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 2px 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.counter .counter-button {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  color: #0A192F !important;
  transition: all 0.2s ease !important;
}

.counter .counter-button:hover {
  background: #0A192F !important;
  color: #c5a059 !important;
}

.counter .counter-button.text-red {
  color: #94a3b8 !important;
}

.counter .counter-button.text-red:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
}

.counter-text {
  color: #0A192F !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-align: center !important;
}

.counter-unit {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* 5. Order Summary Card */
.order-summary .basket-inner {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(10, 25, 47, 0.05) !important;
}

.order-summary-card-title {
  color: #0A192F !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0.2px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin-bottom: 16px !important;
}

.order-summary-list-item .list-item-key {
  color: #64748b !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

.order-summary-list-item .list-item-value {
  color: #0f172a !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.total-price-card {
  background: #f8fafc !important;
  border: 1.5px solid rgba(197, 160, 89, 0.35) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin-top: 16px !important;
  margin-bottom: 20px !important;
}

.total-price-card .order-summary-card-title {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.basket-total-price,
.basket-total-price span {
  color: #0A192F !important;
  font-weight: 800 !important;
  font-size: 19px !important;
}

/* Header & Cart Actions */
.basket-header-actions button {
  color: #64748b !important;
  font-size: 13px !important;
  transition: color 0.2s ease !important;
}

.basket-header-actions button:hover {
  color: #ef4444 !important;
}

/* --- R3. PAYMENT STEPS & CONTRACT MODALS --- */

/* 1. Address & Payment Option Cards */
.step-box.completed,
.step-box.active {
  border: 1.5px solid #0A192F !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.06) !important;
}

.step-box.completed .mdi-check-circle {
  color: #c5a059 !important;
}

.step-box .v-btn,
.step-box .v-chip,
[class*="edit-btn"],
.address-edit-btn {
  background: rgba(10, 25, 47, 0.06) !important;
  color: #0A192F !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.step-box .v-btn:hover,
.address-edit-btn:hover {
  background: #0A192F !important;
  color: #c5a059 !important;
}

.payment-option-card.active {
  border: 1.5px solid #0A192F !important;
  background: rgba(10, 25, 47, 0.02) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.06) !important;
}

.payment-option-card.active .mdi-radiobox-marked {
  color: #c5a059 !important;
}

/* 2. Radio Buttons & Vuetify Selection Controls */
.v-selection-control--dirty .v-selection-control__input .v-icon,
.v-radio.v-selection-control--dirty .v-icon,
.v-checkbox.v-selection-control--dirty .v-icon {
  color: #0A192F !important;
}

.v-selection-control--dirty .mdi-radiobox-marked,
.v-selection-control--dirty .mdi-checkbox-marked {
  color: #0A192F !important;
}

/* 3. Input Fields & Focus States */
.v-field--focused .v-field__outline {
  color: #0A192F !important;
}

.v-field--focused .v-field__outline__start,
.v-field--focused .v-field__outline__notch,
.v-field--focused .v-field__outline__end {
  border-color: #0A192F !important;
  border-width: 1.5px !important;
}

.v-field--focused .v-label {
  color: #0A192F !important;
}

/* 4. "Ödemeyi Tamamla" Button */
.complete-order-btn,
button.complete-order-btn,
.payment-content .complete-order-btn {
  background: #0A192F !important;
  background-color: #0A192F !important;
  color: #ffffff !important;
  border: 1.5px solid #0A192F !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  height: 54px !important;
  box-shadow: 0 6px 20px rgba(10, 25, 47, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.complete-order-btn:hover,
button.complete-order-btn:hover,
.payment-content .complete-order-btn:hover {
  background: #071324 !important;
  background-color: #071324 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  box-shadow: 0 8px 25px rgba(10, 25, 47, 0.35), 0 0 0 2px rgba(197, 160, 89, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* 5. Contract Agreement Modals */
.v-dialog .v-card {
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 40px rgba(10, 25, 47, 0.15) !important;
  overflow: hidden !important;
}

.v-dialog .v-card-title {
  background: #0A192F !important;
  color: #ffffff !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

.v-dialog .mdi-close {
  color: #ffffff !important;
}

.v-dialog h1 {
  color: #0A192F !important;
  font-size: 22px !important;
  letter-spacing: 1.5px !important;
}

.v-dialog .brand-name {
  color: #c5a059 !important;
  font-weight: 700 !important;
}

:root {
  --accent-color: #c5a059 !important;
}

.step-box--header h2::before,
.step-box h2::before,
h2::before {
  background: #c5a059 !important;
  border-radius: 2px !important;
}

.v-dialog h2 {
  color: #0A192F !important;
  background: #f8fafc !important;
  border-left: 4px solid #c5a059 !important;
  border-radius: 4px !important;
  padding: 10px 16px !important;
}

.v-dialog h2::before {
  display: none !important;
}

ul li::before,
.v-dialog ul li::before,
div.container ul li::before {
  color: #c5a059 !important;
}

.check-box,
.v-dialog .check-box,
div.container .check-box {
  background: rgba(197, 160, 89, 0.05) !important;
  border: 1.5px solid rgba(197, 160, 89, 0.4) !important;
  border-radius: 10px !important;
}

.check-item,
.v-dialog .check-item,
div.container .check-item {
  color: #0A192F !important;
}

.v-dialog h1,
div.container h1 {
  color: #0A192F !important;
}

.v-dialog .brand-name,
div.container .brand-name {
  color: #c5a059 !important;
}

.v-dialog .info-table td,
div.container .info-table td {
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155 !important;
}

.v-dialog .label,
div.container .label {
  color: #0A192F !important;
}

.modal-agreement-btn,
button.modal-agreement-btn,
.v-dialog .modal-agreement-btn,
.v-dialog button.confirm-btn,
.v-dialog button.btn-success,
.v-dialog .v-btn--variant-elevated,
.v-dialog .modal-confirm-btn,
.v-dialog button[class*="confirm"],
.v-dialog button[class*="onay"] {
  background: #0A192F !important;
  background-color: #0A192F !important;
  color: #ffffff !important;
  border: 1.5px solid #0A192F !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.modal-agreement-btn:hover,
button.modal-agreement-btn:hover,
.v-dialog .modal-agreement-btn:hover,
.v-dialog button.confirm-btn:hover,
.v-dialog button.btn-success:hover,
.v-dialog .v-btn--variant-elevated:hover,
.v-dialog .modal-confirm-btn:hover,
.v-dialog button[class*="confirm"]:hover,
.v-dialog button[class*="onay"]:hover {
  background: #071324 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
}

/* 6. Comprehensive Elimination of Default Ticimax Neon Green */
.text-green,
.bg-green,
[class*="success"]:not(.btn-success):not(button) {
  color: #0A192F !important;
}

.cp-card__variation-opt.active,
.variation-product-wrapper .variation-button-list .variation-handler-btn.active {
  background-color: #0A192F !important;
  border-color: #c5a059 !important;
  color: #ffffff !important;
}

/* Master Priority Override for Category Filter Bar Controls (R1) */
.sortingContent .appliedFilter.FiltrelemeUrunAdet,
body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet {
  display: inline-flex !important;
  align-items: center !important;
  order: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 42px !important;
  box-shadow: none !important;
  gap: 8px !important;
}

.sortingContent .appliedFilter.FiltrelemeUrunAdet > span,
.appliedFilter.FiltrelemeUrunAdet > span,
body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span,
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  float: none !important;
}

html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
html body #divSayfalamaUst.Slct .blockSelect,
body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
body #divSayfalamaUst.Slct .blockSelect,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect,
body #divSayfalamaUst .brandlistselection ul.sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect,
.sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
.blockSelect {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  box-sizing: border-box !important;
  padding: 0 6px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  gap: 4px !important;
  float: none !important;
  margin: 0 !important;
}

html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect a,
html body #divSayfalamaUst.Slct .blockSelect a,
body #divSayfalamaUst.Slct .blockSelect a,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a,
body #divSayfalamaUst .brandlistselection .blockSelect a,
.blockSelect a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  width: 30px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  float: none !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  line-height: 30px !important;
  transition: all 0.2s ease !important;
}

html body #divSayfalamaUst.Slct .blockSelect a i,
body #divSayfalamaUst.Slct .blockSelect a i,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i,
body #divSayfalamaUst .brandlistselection .blockSelect a i,
.blockSelect a i {
  line-height: 1 !important;
  font-size: 16px !important;
  display: inline-block !important;
}

html body #divSayfalamaUst.Slct .blockSelect a.Active,
body #divSayfalamaUst.Slct .blockSelect a.Active,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active,
.blockSelect a.Active {
  background: #0A192F !important;
}

html body #divSayfalamaUst.Slct .blockSelect a.Active i,
body #divSayfalamaUst.Slct .blockSelect a.Active i,
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i,
.blockSelect a.Active i {
  color: #c5a059 !important;
}

@media (max-width: 1041px) {
  .sortingContent::before,
  .sortingContent::after,
  #divSayfalamaUst .sortingContent::before,
  #divSayfalamaUst .sortingContent::after {
    display: none !important;
    content: none !important;
  }

  body #divSayfalamaUst .brandlistselection .sortingContent,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(.filterOrderInStock),
  html body #divSayfalamaUst .brandlistselection .sortingContent > li:has(.filterOrderInStock),
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(.filterOrderInStock),
  body #divSayfalamaUst .brandlistselection .sortingContent > li:has(.filterOrderInStock) {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 50% !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(#filterOrderSelect),
  html body #divSayfalamaUst .brandlistselection .sortingContent > li:has(#filterOrderSelect),
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(#filterOrderSelect),
  body #divSayfalamaUst .brandlistselection .sortingContent > li:has(#filterOrderSelect) {
    order: 2 !important;
    flex: 1 1 calc(50% - 8px) !important;
    width: auto !important;
    min-width: 140px !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:has(#filterOrderSelect) select,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select,
  #filterOrderSelect {
    width: 100% !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  html body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  .sortingContent .appliedFilter.FiltrelemeUrunAdet {
    order: 3 !important;
    flex: 1 0 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sortingContent .appliedFilter.FiltrelemeUrunAdet > span,
  .appliedFilter.FiltrelemeUrunAdet > span,
  body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span,
  body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
    flex: 0 0 auto !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  html body #divSayfalamaUst.Slct .blockSelect,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  body #divSayfalamaUst.Slct .blockSelect,
  body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect,
  body #divSayfalamaUst .brandlistselection ul.sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect,
  .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  .blockSelect {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 768px) {
  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  body #divSayfalamaUst .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet,
  .sortingContent .appliedFilter.FiltrelemeUrunAdet {
    height: 38px !important;
  }

  .sortingContent .appliedFilter.FiltrelemeUrunAdet > span,
  .appliedFilter.FiltrelemeUrunAdet > span,
  body #divSayfalamaUst .brandlistselection .appliedFilter.FiltrelemeUrunAdet span,
  body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
    height: 38px !important;
    line-height: 38px !important;
    font-size: 12.5px !important;
    padding: 0 12px !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  html body #divSayfalamaUst.Slct .blockSelect,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  body #divSayfalamaUst.Slct .blockSelect,
  body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect,
  body #divSayfalamaUst .brandlistselection ul.sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect,
  .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect,
  .blockSelect {
    height: 38px !important;
  }

  html body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet .blockSelect a,
  html body #divSayfalamaUst.Slct .blockSelect a,
  body #divSayfalamaUst.Slct .blockSelect a,
  body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a,
  body #divSayfalamaUst .brandlistselection .blockSelect a,
  .blockSelect a {
    height: 28px !important;
    width: 28px !important;
    line-height: 28px !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - FAVORİLERİM LUXURY UI/UX OVERHAUL
   ========================================================================== */

/* 1. Hide ancient ugly table headers */
.istekListelerim .tabloBasliklari,
.hesabimTablo .tabloBasliklari {
  display: none !important;
}

/* 2. Container & Add Group Button */
.istekListelerim {
  padding: 10px 0 !important;
}

.istekListesiEkleButon,
.yesilButon.istekListesiEkleButon {
  background: #0A192F !important;
  color: #ffffff !important;
  border: 1.5px solid #0A192F !important;
  border-radius: 10px !important;
  padding: 10px 22px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.15) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  margin-bottom: 24px !important;
}

.istekListesiEkleButon:hover {
  background: #071324 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(10, 25, 47, 0.25) !important;
}

/* 3. Favorite Group Accordion Card Header */
.ustListe {
  margin-bottom: 24px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.05) !important;
  border: 1.5px solid #e2e8f0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: #ffffff !important;
}

.ustListe:hover {
  border-color: rgba(197, 160, 89, 0.6) !important;
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.08) !important;
}

.tdTutucu.tdTutucuBeyaz.wishListe {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 24px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.ustListe:has(.animate-show:not(.ng-hide)) .tdTutucu.tdTutucuBeyaz.wishListe {
  border-bottom: 1.5px solid #f1f5f9 !important;
  border-radius: 16px 16px 0 0 !important;
  background: #fafbfc !important;
}

/* Group Title and Heart Icon Badge */
#divFavoriGrup {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: auto !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  float: none !important;
}

#divFavoriGrup::before {
  content: '\f004' !important;
  font-family: FontAwesome !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(197, 160, 89, 0.12) !important;
  color: #c5a059 !important;
  font-size: 19px !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.ustListe:hover #divFavoriGrup::before {
  background: #0A192F !important;
  color: #c5a059 !important;
  transform: scale(1.05) !important;
}

#divFavoriGrup span {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #0A192F !important;
  letter-spacing: 0.2px !important;
  text-transform: capitalize !important;
}

/* Right Side Controls */
.wishListe div[ng-if="!AddToFavoritesWithoutGroup"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

.wishListe div[ng-if="!AddToFavoritesWithoutGroup"] .trTutucu {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
}

/* Edit Button */
.duzenle.istekListesiDuzenleButon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.duzenle.istekListesiDuzenleButon:hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #ffffff !important;
}

/* Delete Group Button */
.wishListe a[ng-click*="DeletFavoriGroup"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #94a3b8 !important;
  transition: all 0.2s ease !important;
}

.wishListe a[ng-click*="DeletFavoriGroup"]:hover {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #ef4444 !important;
}

/* Toggle Accordion Pill */
.wishListe [favorite-group-detail]:not(#divFavoriGrup) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #0A192F !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  width: auto !important;
  margin: 0 0 0 10px !important;
  float: none !important;
}

.wishListe [favorite-group-detail]:not(#divFavoriGrup)::after {
  content: 'Ürünleri Gör' !important;
}

.ustListe:has(.animate-show:not(.ng-hide)) .wishListe [favorite-group-detail]:not(#divFavoriGrup)::after {
  content: 'Gizle' !important;
}

.wishListe [favorite-group-detail]:not(#divFavoriGrup) i {
  transition: transform 0.25s ease !important;
  font-size: 12px !important;
}

.ustListe:has(.animate-show:not(.ng-hide)) .wishListe [favorite-group-detail]:not(#divFavoriGrup) i {
  transform: rotate(180deg) !important;
}

.wishListe [favorite-group-detail]:not(#divFavoriGrup):hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #c5a059 !important;
}

/* 4. Products Grid Container */
.hsbmFvrProductContent {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  padding: 24px !important;
  background: #f8fafc !important;
}

.hsbmFvrProductItemCol {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hsbmFvrProductItem {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.03) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hsbmFvrProductItem:hover {
  border-color: rgba(197, 160, 89, 0.5) !important;
  box-shadow: 0 10px 28px rgba(10, 25, 47, 0.09) !important;
  transform: translateY(-3px) !important;
}

.istekDetayIcerik {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.istekUrunResmi {
  width: 100% !important;
  height: 190px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
}

.istekUrunResmi a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.istekUrunResmi img {
  max-width: 90% !important;
  max-height: 170px !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.hsbmFvrProductItem:hover .istekUrunResmi img {
  transform: scale(1.04) !important;
}

.favoriUrunDetay {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  float: none !important;
}

.urunBaslik {
  color: #0A192F !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
  min-height: 42px !important;
}

.urunBaslik:hover {
  color: #c5a059 !important;
}

.favoriUrunP .hsbmSpan {
  color: #94a3b8 !important;
  font-size: 12px !important;
  margin-bottom: 8px !important;
}

.favoriUrunP .hsbmSpan span {
  color: #64748b !important;
  font-weight: 600 !important;
}

.favoriUrunPrice {
  margin: 8px 0 16px 0 !important;
}

.KdvsizFiyat {
  color: #0A192F !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
  display: block !important;
}

/* Action Buttons in Product Card */
.favoriUrunDetaySag {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  float: none !important;
  margin-top: auto !important;
}

.favoriUrunDetaySag .divItem {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* Order: Sepete Ekle first, then Koleksiyon, then Kaldır */
.favoriUrunDetaySag .divItem:has(.sepetIcon) {
  order: -1 !important;
}

.favoriUrunDetaySag .divItem:has(.collectionAddBtn) {
  order: 0 !important;
}

.favoriUrunDetaySag .divItem:has(.iptalEt) {
  order: 1 !important;
}

/* Primary CTA: Sepete Ekle */
.sepetIcon,
a.sepetIcon {
  background: #0A192F !important;
  background-color: #0A192F !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(10, 25, 47, 0.15) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1.5px solid #0A192F !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
}

.sepetIcon::before {
  content: '\f291' !important;
  font-family: FontAwesome !important;
  margin-right: 8px !important;
  font-size: 14px !important;
}

.sepetIcon:hover,
a.sepetIcon:hover {
  background: #071324 !important;
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(10, 25, 47, 0.25) !important;
}

/* Secondary: Koleksiyona Ekle */
.collectionAddBtn,
a.collectionAddBtn {
  background: #f8fafc !important;
  color: #0A192F !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.collectionAddBtn:hover,
a.collectionAddBtn:hover {
  background: #0A192F !important;
  border-color: #0A192F !important;
  color: #ffffff !important;
}

/* Tertiary: Favorilerden Kaldır */
.iptalEt,
a.iptalEt {
  color: #94a3b8 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.iptalEt::before {
  content: '\f1f8' !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
}

.iptalEt:hover,
a.iptalEt:hover {
  color: #ef4444 !important;
}

/* Suppress archaic Ticimax table header pseudo-labels in Favorilerim */
.wishListe .trTutucu::before,
.wishListe div[data-baslik]::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .tdTutucu.tdTutucuBeyaz.wishListe {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 14px 16px !important;
    gap: 12px 0 !important;
  }

  #divFavoriGrup {
    width: 100% !important;
    flex: 1 0 100% !important;
    margin: 0 !important;
    padding-left: 48px !important;
    order: 1 !important;
  }

  #divFavoriGrup span {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0A192F !important;
  }

  .wishListe div[ng-if="!AddToFavoritesWithoutGroup"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 2 !important;
  }

  .wishListe div[ng-if="!AddToFavoritesWithoutGroup"] .trTutucu {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wishListe [favorite-group-detail]:not(#divFavoriGrup) {
    order: 3 !important;
    margin-left: auto !important;
    margin-top: 0 !important;
    width: auto !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
  }

  .wishListe .duzenle {
    padding: 7px 12px !important;
    font-size: 11px !important;
  }

  .wishListe a[ng-click*="DeletFavoriGroup"] {
    width: 32px !important;
    height: 32px !important;
  }

  .hsbmFvrProductContent {
    padding: 16px 12px !important;
    gap: 16px !important;
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   ENOX BAGNO - STOCK CODE & LUXURY DISCOUNT ENGINE (Theme 10046)
   ========================================================================== */

/* 1. Product Card Stock Code Tag */
.productItem .productStokKodu {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  background: rgba(10, 25, 47, 0.03) !important;
  border: 1px solid rgba(10, 25, 47, 0.08) !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  margin: 2px 0 8px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.3 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: all !important;
}

.productItem .productStokKodu span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.productItem .productStokKodu span::before {
  content: "KOD:";
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
}

.productItem:hover .productStokKodu {
  background: rgba(197, 160, 89, 0.07) !important;
  border-color: rgba(197, 160, 89, 0.35) !important;
  color: #0A192F !important;
}

.productItem:hover .productStokKodu span::before {
  color: #c5a059 !important;
}

/* 2. Product Detail Meta Header (Brand + SKU) */
.enox-detail-meta-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 14px 0 !important;
  flex-wrap: wrap !important;
}

.enox-detail-meta-wrap #divMarka {
  margin-bottom: 0 !important;
}

/* 3. Luxury Product Detail SKU Badge */
.enox-detail-sku {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 25, 47, 0.09) !important;
  border-radius: 50px !important;
  padding: 4px 12px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
  font-size: 11.5px !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  position: relative !important;
}

.enox-detail-sku:hover {
  border-color: rgba(197, 160, 89, 0.4) !important;
  box-shadow: 0 2px 6px rgba(197, 160, 89, 0.12) !important;
}

.enox-sku-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
}

.enox-sku-val {
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #0A192F !important;
  font-variant-numeric: tabular-nums !important;
}

.enox-sku-copy-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  padding: 2px !important;
  margin-left: 2px !important;
  cursor: pointer !important;
  color: #94a3b8 !important;
  border-radius: 4px !important;
  transition: all 0.15s ease !important;
  position: relative !important;
}

.enox-sku-copy-btn:hover {
  color: #c5a059 !important;
  background: rgba(197, 160, 89, 0.1) !important;
}

.enox-sku-tooltip {
  position: absolute !important;
  bottom: calc(100% + 6px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #0A192F !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.2) !important;
  z-index: 10 !important;
}

.enox-sku-tooltip.show {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* 4. Luxury Product Detail Price & Discount Engine */
.enox-detail-pricing {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
}

.enox-detail-top-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.enox-detail-market-price {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  letter-spacing: -0.2px !important;
}

.enox-detail-discount-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: linear-gradient(135deg, #c5a059 0%, #a8833e 100%) !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 2px 6px rgba(197, 160, 89, 0.25) !important;
  text-transform: uppercase !important;
}

.enox-detail-main-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

.enox-detail-sale-price {
  font-size: 34px !important;
  font-weight: 800 !important;
  color: #c5a059 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.05 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif !important;
}

.enox-detail-kdv-tag {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: rgba(10, 25, 47, 0.04) !important;
  border: 1px solid rgba(10, 25, 47, 0.06) !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

.enox-detail-vat-ex {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  margin-top: -2px !important;
}


/* ================================================================
 * 23. ENOX LUXURY FLOATING ACTION BUTTONS (WHATSAPP & CALL)
 * Fixed bottom-right contact triggers with pulse animations
 * ================================================================ */
.enox-floating-actions {
  position: fixed !important;
  right: 28px !important;
  bottom: 28px !important;
  z-index: 99990 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: center !important;
  pointer-events: none !important;
  animation: enoxFloatEntrance 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both !important;
}

.enox-float-btn {
  pointer-events: auto !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
  border: none !important;
  padding: 0 !important;
}

.enox-float-btn:hover {
  transform: translateY(-3px) scale(1.06) !important;
}

.enox-float-btn:active {
  transform: translateY(0) scale(0.96) !important;
}

/* WhatsApp (Top) */
.enox-float-whatsapp {
  background: linear-gradient(135deg, #25D366 0%, #1da851 100%) !important;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.38), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.enox-float-whatsapp:hover {
  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.52), 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

/* Phone (Bottom, Enox Gold) */
.enox-float-phone {
  background: linear-gradient(135deg, #c5a059 0%, #a8833e 100%) !important;
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.38), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.enox-float-phone:hover {
  box-shadow: 0 12px 28px rgba(197, 160, 89, 0.52), 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

/* Pulse Wave Animations */
.enox-float-pulse {
  position: absolute !important;
  inset: -3px !important;
  border-radius: 50% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  animation: enoxPulseRing 2.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite !important;
}

.enox-float-whatsapp .enox-float-pulse {
  background: rgba(37, 211, 102, 0.5) !important;
}

.enox-float-phone .enox-float-pulse {
  background: rgba(197, 160, 89, 0.5) !important;
  animation-delay: 1.3s !important;
}

@keyframes enoxPulseRing {
  0% {
    transform: scale(0.92);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.42);
    opacity: 0;
  }
  100% {
    transform: scale(1.42);
    opacity: 0;
  }
}

/* Icon & Wiggle */
.enox-float-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  transition: transform 0.25s ease !important;
}

.enox-float-icon svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
}

.enox-float-phone:hover .enox-float-icon {
  animation: enoxPhoneRing 0.8s ease-in-out !important;
}

.enox-float-whatsapp:hover .enox-float-icon {
  transform: scale(1.12) !important;
}

@keyframes enoxPhoneRing {
  0%, 100% { transform: rotate(0deg); }
  15% { transform: rotate(14deg); }
  30% { transform: rotate(-12deg); }
  45% { transform: rotate(10deg); }
  60% { transform: rotate(-6deg); }
  75% { transform: rotate(0deg); }
}

/* Desktop Hover Tooltip / Label */
.enox-float-label {
  position: absolute !important;
  right: calc(100% + 12px) !important;
  top: 50% !important;
  transform: translateY(-50%) translateX(8px) scale(0.94) !important;
  background: #0A192F !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  padding: 7px 14px !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(10, 25, 47, 0.22) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
  letter-spacing: 0.02em !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.enox-float-label::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 100% !important;
  transform: translateY(-50%) !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: transparent transparent transparent #0A192F !important;
}

.enox-float-btn:hover .enox-float-label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(0) scale(1) !important;
}

@keyframes enoxFloatEntrance {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.85);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 768px) {
  .enox-floating-actions {
    right: 16px !important;
    bottom: 20px !important;
    gap: 10px !important;
  }

  .enox-float-btn {
    width: 48px !important;
    height: 48px !important;
  }

  .enox-float-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .enox-float-label {
    display: none !important;
  }
}

/* ==========================================================================
   PRODUCT DETAIL MODERN LUXURY OVERHAUL (LEAD / SPECS / PACKAGING)
   ========================================================================== */

/* Product Title Typography */
.ProductName {
  margin-bottom: 12px !important;
}
.ProductName h1 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 6px 0 !important;
}
@media (max-width: 768px) {
  .ProductName h1 {
    font-size: 20px !important;
  }
}

/* Ön Yazı (Lead Text / Summary Card) */
#divOnyazi.OnYaziContent {
  display: block !important;
  margin: 14px 0 18px 0 !important;
  padding: 0 !important;
}
.enox-onyazi-lead {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #c5a059 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.enox-onyazi-header {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #b45309 !important;
  margin-bottom: 6px !important;
}
.enox-onyazi-text {
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

/* Specifications Tab Container */
.enox-product-specs-container {
  font-family: inherit !important;
  margin-top: 12px !important;
}

/* Highlight Chips */
.enox-spec-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
}
.enox-spec-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease !important;
}
.enox-spec-chip:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}
.enox-spec-chip-gold {
  background: #fefce8 !important;
  border-color: #fef08a !important;
  color: #854d0e !important;
}

/* Section Titles */
.enox-specs-section-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 22px 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  letter-spacing: -0.01em !important;
}
.enox-specs-section-title svg {
  width: 18px !important;
  height: 18px !important;
  color: #c5a059 !important;
  flex-shrink: 0 !important;
}

/* Specs Grid */
.enox-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0 32px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 8px 20px !important;
  box-shadow: 0 2px 10px rgba(10, 25, 47, 0.03) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px) {
  .enox-specs-grid {
    grid-template-columns: 1fr !important;
    padding: 6px 14px !important;
  }
}
.enox-spec-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: 13.5px !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.enox-spec-row:last-child {
  border-bottom: none !important;
}
.enox-spec-key {
  color: #64748b !important;
  font-weight: 500 !important;
  flex: 1 1 auto !important;
  line-height: 1.4 !important;
}
.enox-spec-val {
  color: #0f172a !important;
  font-weight: 600 !important;
  text-align: right !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
@media (max-width: 820px) {
  .enox-spec-row {
    padding: 10px 0 !important;
    font-size: 13px !important;
    gap: 10px !important;
  }
  .enox-spec-val {
    font-size: 13px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* Package & Notes Cards */
.enox-package-card, .enox-notes-card {
  background: #fafaf9 !important;
  border: 1px solid #e7e5e4 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-top: 18px !important;
}
.enox-package-list, .enox-notes-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px 20px !important;
}
@media (max-width: 768px) {
  .enox-package-list, .enox-notes-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
.enox-package-list li, .enox-notes-list li {
  font-size: 13px !important;
  color: #334155 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  line-height: 1.5 !important;
}
.enox-check-bullet {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #ecfdf5 !important;
  color: #059669 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: bold !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.enox-info-bullet {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: bold !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* Responsive Buy Section & Detail Columns (Tablet & Mobile) */
@media (max-width: 991px) {
  .ProductDetailMainRow {
    margin-bottom: 24px !important;
  }
  .ProductDetailMainRow .LeftDetail,
  .ProductDetailMainRow .RightDetail,
  .ProductDetailMain .LeftDetail,
  .ProductDetailMain .RightDetail {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  #divSatinAl,
  .buybutton {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    float: none !important;
    clear: both !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
  }
  .BasketBtn {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  #divBasketInputTextBox {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 0 4px 0 !important;
    float: none !important;
  }
  .addtobasket,
  .hemenAlBtn {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   ENOX BAGNO - RESPONSIVE UTILITIES & LUXURY CART FEEDBACK
   ========================================================================== */

/* Desktop / Mobile .hidden-phone Utility Rule */
@media (max-width: 767px) {
  .hidden-phone {
    display: none !important;
  }
}

/* Enox Luxury Add-to-Cart Toast Notification */
.enox-cart-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999999;
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #ffffff;
  border: 1px solid rgba(197, 160, 89, 0.4);
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 20px 40px -10px rgba(10, 25, 47, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);
  transform: translateY(30px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
  max-width: 420px;
  min-width: 320px;
  box-sizing: border-box;
  font-family: 'Poppins', -apple-system, sans-serif !important;
}

.enox-cart-toast.enox-toast-show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.enox-toast-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

.enox-toast-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.enox-toast-content {
  flex: 1 1 auto;
  min-width: 0;
}

.enox-toast-badge {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c5a059;
  margin-bottom: 2px;
}

.enox-toast-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #f8fafc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.enox-toast-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.enox-toast-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c5a059;
  color: #0a192f !important;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 8px;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease;
  white-space: nowrap;
}

.enox-toast-btn:hover {
  background: #d4b36d;
  transform: scale(1.02);
}

.enox-toast-close {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  transition: color 0.15s ease;
}

.enox-toast-close:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .enox-cart-toast {
    bottom: 74px;
    left: 16px;
    right: 16px;
    max-width: calc(100% - 32px);
    min-width: 0;
    padding: 12px 14px;
  }
  .enox-toast-title {
    font-size: 12px;
  }
  .enox-toast-btn {
    padding: 5px 10px;
    font-size: 11px;
  }
}


/* ==========================================================================
   ENOX ENTRANCE PROMO POPUP (%61 DISCOUNT COUNTDOWN - 1 KASIM 2026)
   ========================================================================== */
.enox-promo-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(5, 12, 24, 0.82);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 16px;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 0.3s ease;
}

.enox-promo-overlay.enox-promo-active {
  opacity: 1;
  pointer-events: auto;
}

.enox-promo-card {
  position: relative;
  width: 100%;
  max-width: 520px;
  background: #0a192f;
  background: radial-gradient(circle at 50% 0%, #172a45 0%, #0a192f 100%);
  border: 1px solid rgba(197, 160, 89, 0.4);
  border-radius: 20px;
  padding: 36px 32px 28px;
  text-align: center;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 35px rgba(197, 160, 89, 0.2);
  transform: scale(0.92);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.enox-promo-overlay.enox-promo-active .enox-promo-card {
  transform: scale(1);
}

.enox-promo-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #94a3b8;
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2;
}

.enox-promo-close:hover {
  background: rgba(197, 160, 89, 0.2);
  border-color: #c5a059;
  color: #ffffff;
  transform: rotate(90deg);
}

.enox-promo-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(197, 160, 89, 0.12);
  border: 1px solid rgba(197, 160, 89, 0.35);
  color: #d4b36d;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.enox-promo-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c5a059;
  box-shadow: 0 0 8px #c5a059;
}

.enox-promo-title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}

.enox-gold-text {
  color: #c5a059 !important;
  background: linear-gradient(135deg, #e8cf96 0%, #c5a059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.enox-promo-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: #cbd5e1;
  margin: 0 auto 22px;
  max-width: 420px;
}

.enox-promo-timer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 24px;
}

.enox-timer-box {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(197, 160, 89, 0.25);
  border-radius: 12px;
  padding: 10px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
}

.enox-timer-num {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  color: #c5a059;
  font-family: 'Poppins', monospace, sans-serif;
  font-variant-numeric: tabular-nums;
}

.enox-timer-label {
  font-size: 10.5px;
  font-weight: 500;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

.enox-promo-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, #c5a059 0%, #d4b36d 100%);
  color: #0a192f !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(197, 160, 89, 0.3);
  transition: all 0.25s ease;
  box-sizing: border-box;
}

.enox-promo-cta:hover {
  background: linear-gradient(135deg, #d4b36d 0%, #e2c584 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(197, 160, 89, 0.4);
}

.enox-promo-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
  font-size: 11px;
  color: #94a3b8;
}

@media (max-width: 600px) {
  .enox-promo-card {
    padding: 28px 18px 22px;
    border-radius: 16px;
  }
  .enox-promo-title {
    font-size: 24px;
  }
  .enox-promo-desc {
    font-size: 12.5px;
    margin-bottom: 18px;
  }
  .enox-promo-timer {
    gap: 6px;
    margin-bottom: 20px;
  }
  .enox-timer-num {
    font-size: 20px;
  }
  .enox-timer-label {
    font-size: 9.5px;
  }
  .enox-promo-cta {
    padding: 12px 20px;
    font-size: 13px;
  }
  .enox-promo-footer {
    font-size: 10px;
    gap: 8px;
  }
}


/* ==========================================================================
   ENOX CATEGORY FILTER & SEARCH SUITE
   ========================================================================== */
.categoryTitle {
  position: relative !important;
  z-index: 90 !important;
}

.enox-cat-filter-suite {
  position: relative !important;
  z-index: 100 !important;
  order: 3 !important;
  width: 100% !important;
  background: #ffffff;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
  padding: 14px 0 10px;
  margin: 14px 0 10px;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
  clear: both;
}

.categoryTitle #divSayfalamaUst {
  order: 4 !important;
}

.enox-cat-filter-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.enox-cat-search-box {
  position: relative;
  flex: 1 1 auto;
  min-width: 240px;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .enox-cat-search-box {
    flex: 1 1 280px;
    max-width: 480px;
  }
}

.enox-cat-search-icon {
  position: absolute;
  left: 12px;
  width: 17px;
  height: 17px;
  color: #c5a059;
  pointer-events: none;
}

.enox-cat-search-input {
  width: 100% !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 8px 72px 8px 38px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  height: 40px !important;
}

.enox-cat-search-input:focus {
  border-color: #c5a059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2) !important;
  background: #ffffff !important;
}

.enox-cat-search-input::placeholder {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

.enox-cat-search-clear {
  position: absolute;
  right: 36px;
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: color 0.15s ease;
}

.enox-cat-search-clear:hover {
  color: #0f172a;
}

.enox-cat-search-submit {
  position: absolute;
  right: 5px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #c5a059;
  border: none;
  color: #0a192f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

.enox-cat-search-submit:hover {
  background: #d4b36d;
  transform: scale(1.04);
}

.enox-cat-facets-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.enox-facet-wrap {
  position: relative;
}

.enox-facet-wrap.is-open,
.enox-facet-wrap:has(.enox-facet-dropdown.is-open) {
  z-index: 1050 !important;
}

.enox-facet-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 13px;
  border-radius: 9px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.enox-facet-btn:hover, .enox-facet-btn.is-active, .enox-facet-btn.is-open {
  background: rgba(197, 160, 89, 0.12);
  border-color: #c5a059;
  color: #0a192f;
}

.enox-facet-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 220px;
  max-height: 300px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 8px 6px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  z-index: 1060 !important;
  display: none;
}

.enox-facet-dropdown.is-open {
  display: block;
}

.enox-facet-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s ease;
}

.enox-facet-opt:hover {
  background: #f1f5f9;
  color: #0a192f;
}

.enox-facet-opt.selected {
  background: rgba(197, 160, 89, 0.15);
  color: #c5a059;
  font-weight: 600;
}

.enox-facet-opt-count {
  font-size: 11px;
  color: #64748b;
  background: #f1f5f9;
  padding: 1px 6px;
  border-radius: 999px;
}

.enox-cat-active-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e2e8f0;
}

.enox-active-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
  font-size: 11.5px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.enox-active-chip:hover {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #b91c1c;
}

.enox-clear-chips-btn {
  background: transparent;
  border: none;
  color: #64748b;
  font-size: 11.5px;
  cursor: pointer;
  text-decoration: underline;
  padding: 4px 6px;
}

.enox-clear-chips-btn:hover {
  color: #ef4444;
}

.enox-no-results-box {
  grid-column: 1 / -1;
  width: 100%;
  background: #ffffff;
  border: 2px dashed #cbd5e1;
  border-radius: 14px;
  padding: 36px 20px;
  text-align: center;
  color: #334155;
  margin: 20px 0;
}

.enox-no-results-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  background: #c5a059;
  color: #0a192f !important;
  font-weight: 600;
  font-size: 12.5px;
  padding: 8px 18px;
  border-radius: 8px;
  text-decoration: none !important;
  cursor: pointer;
}

/* Tablet Optimization (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .enox-cat-filter-top {
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
  }
  .enox-cat-search-box {
    flex: 1 1 240px !important;
    max-width: 360px !important;
  }
  .enox-cat-facets-row {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  .enox-facet-btn {
    padding: 8px 12px !important;
    font-size: 12.5px !important;
    min-height: 38px !important;
  }
  .enox-facet-dropdown {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    min-width: 220px !important;
    max-width: 300px !important;
    z-index: 1050 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
  }
  .enox-facet-wrap:last-child .enox-facet-dropdown,
  .enox-facet-wrap:nth-last-child(2) .enox-facet-dropdown {
    right: 0 !important;
    left: auto !important;
  }
}

/* Desktop right edge safeguard */
@media (min-width: 1025px) {
  .enox-facet-wrap:last-child .enox-facet-dropdown {
    right: 0 !important;
    left: auto !important;
  }
}

/* Mobile Category Filter Bottom Sheet (< 768px) */
@media (max-width: 767px) {
  .enox-cat-filter-suite {
    padding: 10px 0 8px !important;
    margin: 10px 0 8px !important;
  }
  .enox-cat-filter-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  .enox-cat-search-box {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .enox-cat-search-input {
    height: 40px !important;
    font-size: 13px !important;
    padding: 8px 65px 8px 36px !important;
  }
  .enox-cat-facets-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
    padding-bottom: 2px !important;
  }
  .categoryTitle {
    position: static !important;
    z-index: auto !important;
  }
  .enox-cat-filter-suite {
    position: static !important;
    z-index: auto !important;
  }
  .enox-facet-wrap, .enox-facet-wrap.is-open {
    position: static !important;
    z-index: auto !important;
  }
  .enox-facet-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    min-height: 36px !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .enox-facet-btn.is-active {
    background: #0a192f !important;
    color: #c5a059 !important;
    border-color: #0a192f !important;
    font-weight: 600 !important;
  }
  .enox-facet-dropdown {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 75vh !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 14px 16px 28px !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 -12px 40px rgba(10, 25, 47, 0.28) !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
    animation: enoxSheetSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overscroll-behavior: contain !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .enox-facet-dropdown::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: #cbd5e1;
    border-radius: 2px;
    margin: 0 auto 12px;
  }
  .enox-facet-sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    font-weight: 700;
    font-size: 15px;
    color: #0a192f;
  }
  .enox-facet-sheet-close {
    background: #f1f5f9;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #64748b;
    cursor: pointer;
    line-height: 1;
  }
  .enox-facet-sheet-footer {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
  }
  .enox-facet-sheet-apply-btn {
    width: 100%;
    padding: 12px;
    background: #0a192f;
    color: #c5a059;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s ease;
  }
  .enox-facet-sheet-apply-btn:hover {
    background: #142a4a;
  }
  .enox-facet-opt {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    border-radius: 10px !important;
    margin-bottom: 3px !important;
    color: #334155 !important;
    border: 1px solid transparent !important;
  }
  .enox-facet-opt:active,
  .enox-facet-opt:hover {
    background: #f8fafc !important;
  }
  .enox-facet-opt.selected {
    background: rgba(197, 160, 89, 0.14) !important;
    border-color: rgba(197, 160, 89, 0.3) !important;
    color: #0a192f !important;
    font-weight: 700 !important;
  }
  .enox-facet-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(10, 25, 47, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 999998;
    overscroll-behavior: contain;
    animation: enoxFadeIn 0.2s ease;
  }
  @keyframes enoxSheetSlideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
  }
}

/* Mobile Navbar Search Icon & Trigger (< 850px) */
@media (max-width: 850px) {
  .flex-col.hide-for-medium.flex-left {
    display: flex !important;
    align-items: center !important;
  }
  .header-nav.nav-left {
    display: flex !important;
    align-items: center !important;
  }
  .mobile-search-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    position: relative !important;
    z-index: 10 !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .mobile-search-item a,
  .mobile-search-item .newSearcBtnClick a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #c5a059 !important;
  }
  .mobile-search-item svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #c5a059 !important;
    stroke-width: 2 !important;
  }
}

/* Enox Luxury Mobile Search Overlay & Modal */
.enox-mobile-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  overscroll-behavior: contain;
  animation: enoxFadeIn 0.2s ease;
}
.enox-mobile-search-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 25, 47, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.enox-mobile-search-panel {
  position: relative;
  background: #ffffff;
  width: 100%;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
  animation: enoxSlideDown 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  z-index: 2;
}
.enox-mobile-search-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}
.enox-mobile-search-back {
  background: transparent;
  border: none;
  padding: 6px;
  color: #0a192f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}
.enox-mobile-search-input-wrap {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}
.enox-mobile-search-icon {
  position: absolute;
  left: 12px;
  color: #c5a059;
  pointer-events: none;
}
.enox-mobile-search-input {
  width: 100% !important;
  height: 42px !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 0 34px 0 36px !important;
  font-size: 14px !important;
  color: #0f172a !important;
  outline: none !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  transition: all 0.2s ease !important;
}
.enox-mobile-search-input:focus {
  border-color: #c5a059 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2) !important;
}
.enox-mobile-search-clear {
  position: absolute;
  right: 8px;
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 20px;
  cursor: pointer;
  padding: 2px 6px;
  line-height: 1;
}
.enox-mobile-search-submit-btn {
  background: #0a192f;
  color: #c5a059;
  border: none;
  border-radius: 8px;
  padding: 0 14px;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
.enox-mobile-search-submit-btn:hover {
  background: #142a4a;
}
.enox-mobile-search-body {
  overflow-y: auto;
  padding: 14px;
  max-height: calc(88vh - 70px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.enox-quick-title {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.enox-quick-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.enox-quick-tag {
  background: #f1f5f9;
  color: #334155;
  padding: 7px 13px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.enox-quick-tag:active,
.enox-quick-tag:hover {
  background: rgba(197, 160, 89, 0.18);
  color: #0a192f;
}
.enox-search-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 10px;
  color: #64748b;
  font-size: 13px;
}
.enox-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #e2e8f0;
  border-top-color: #c5a059;
  border-radius: 50%;
  animation: enoxSpin 0.7s linear infinite;
}
.enox-search-count-header {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 8px;
}
.enox-mobile-product-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #f8fafc;
  text-decoration: none !important;
  color: inherit;
  transition: background 0.15s ease;
}
.enox-mobile-product-img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  flex-shrink: 0;
}
.enox-mobile-product-info {
  flex: 1;
  min-width: 0;
}
.enox-mobile-product-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.enox-mobile-product-pricing {
  display: flex;
  align-items: center;
  gap: 6px;
}
.enox-mobile-product-price {
  font-size: 13px;
  font-weight: 700;
  color: #0a192f;
}
.enox-mobile-product-badge {
  background: #fef3c7;
  color: #92400e;
  font-size: 10.5px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 4px;
}
.enox-mobile-search-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin-top: 14px;
  padding: 12px;
  background: #c5a059;
  color: #0a192f !important;
  font-weight: 700;
  font-size: 13px;
  border-radius: 10px;
  text-decoration: none !important;
  box-sizing: border-box;
}
.enox-mobile-search-all-btn:hover {
  background: #d4b36d;
}
.enox-search-no-res {
  text-align: center;
  padding: 30px 16px;
  color: #334155;
}
.enox-search-no-res h4 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin: 10px 0 6px;
}
.enox-search-no-res p {
  font-size: 12.5px;
  color: #64748b;
  margin: 0 0 16px;
}
@keyframes enoxFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes enoxSlideDown {
  from { transform: translateY(-24px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes enoxSpin {
  to { transform: rotate(360deg); }
}