/* ------FE07--BA------- */
/* ==================== */
/* PASS87: Poppins @import KALDIRILDI - olculdu: 8 Poppins font dosyasi indiriliyordu
   ama sayfada Poppins ile render edilen TEK BIR oge bile yoktu (gorunur+gizli+
   pseudo tarandi, sonuc 0). Ustelik bu satir CSS'in ICINDE oldugu icin istek
   ancak 93 KB'lik stylesheet indikten SONRA basliyordu - seri bir tur gecikme.
   Site Jost + Playfair Display kullaniyor; ikisi de ayri <link> ile geliyor. */
:root {--theme-color: #baa380; }
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*Fadein Css*/
@keyframes fadein{from{opacity:0;}
    to{opacity:1;}
}
@-moz-keyframes fadein{from{opacity:0;}
    to{opacity:1;}
}
@-webkit-keyframes fadein{from{opacity:0;}
    to{opacity:1;}
}
@-o-keyframes fadein{from{opacity:0;}
    to{opacity:1;}
}
/*Fadein Css*/
/*Shine Css*/
@-webkit-keyframes shine{100%{left:125%;}
}
@keyframes shine{100%{left:125%;}
}
/*.Blok a:hover:after{-webkit-animation:shine .75s;animation:shine .75s;position:absolute;top:0;left:-100%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
*/
/*Shine Css*/
@-webkit-keyframes fadeIn{from{opacity:0;}
    to{opacity:1;}
}
@keyframes fadeIn{from{opacity:0;}
    to{opacity:1;}
}
.fa-facebook-f:before{content:"\f39e"!important;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;-webkit-appearance:none;margin:0;}
body{font-family:'Poppins',sans-serif !important;margin:0;padding:0;font-size:0.8rem;-webkit-animation:fadein 500ms ease-in-out 1s both;animation:fadein 1s ease-in-out 1s both;}
body.MenuOverlayActive #header:before{content:'';position:fixed;background:#00000094;left:0;right:0;bottom:0;top:0;display:block;z-index:9;}
label input{margin-right:5px;}
img{border:none;max-width:100%;}
i{font-style:normal;}
.hesabimBolumuTutucu i{vertical-align:middle;}
a{text-decoration:none;color:#666;transition:background .1s ease-in-out;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:normal;}
input[type="text"]{border:solid 1px #a9a9a9;padding:0 5px;height:26px;color:#777777;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#333;}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#333;}
input[type="password"]{border:solid 1px #a9a9a9;padding:4px;text-indent:5px;color:#777777;}
input[type="submit"]{border:none;cursor:pointer;}
select,input{font-family:'Poppins',sans-serif !important;}
button{-moz-appearance:none;-webkit-appearance:none;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 600s ease-in-out 0s;}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm>div{margin:0 !important;}
#cb3DSecureOdeme{margin-right:8px;}
#txtbxCep{border:solid 1px #a9a9a9;height:26px;color:#777777;background-color:transparent;}
.clear{clear:both;}
.textarea{font-family:'Poppins',sans-serif !important;border:solid 1px #a9a9a9;padding:4px;width:100%;height:80px;resize:none;color:#777777;background-color:transparent;transition-duration:0.2s,0.2s;-webkit-transition-duration:0.2s,0.2s;}
.textbox{font-family:'Poppins',sans-serif !important;color:#666666;display:block;font-size:14px;width:100%;transition-duration:0.2s,0.2s;-webkit-transition-duration:0.2s,0.2s;}
.button{cursor:pointer;color:#fff;padding:4px 5px;transition:all 0.3s ease 0s;border:none;font-family:'Poppins',sans-serif !important;text-align:center;}
.selectboxx{height:26px;line-height:26px;padding:0 5px;background-color:none !important;width:100%;margin-bottom:4px;}
.validate,.validateSol,.validateOrta{position:absolute;right:0;left:0;bottom:0;/* display:table;*/
 background-color:#a94442;color:#fff;border-radius:5px;padding:0 10px;}
 .validate .validateOk,.validateSol .validateSolOk,.validateOrta .validateOrtaOk{background-color:#a94442;position:absolute;right:0;bottom:0;left:0;height:10px;display:block;border-radius:0 0 5px 5px;}
 .cloudzoom-zoom{z-index:999;}
 .clearfix{content:'';clear:both;display:block;float:left;width:100%;}
 .clearfix:after,.clearfix:before{content:'';clear:both;display:block;float:left;width:100%;}
 .KasaOnuFirsatlarContent ul li a.button{border:none!important;}
 body .adresGir .kirmiziButon{background:#ca2128!important;border-color:#ca2128!important;}
 body .adresGir .yesilButon{background:#59962d!important;border-color:#59962d!important;}
 body .adresGir .kirmiziButon:hover{background:#9e1a20!important;color:#fff !important;}
 body .adresGir .yesilButon:hover{background:#406d20!important;color:#fff !important;}
 /* ============ 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;}
/* ============ */
/*------------------------------------Sabit Renkler--------------------------------------------*/
.button{background-color:var(--theme-color);}
.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,a.YeniAdresEkle,.Basketstep ul li.onestepsec span{color:#000 !important}
.basketCompletebtn{background:#000 !important;}
.OdemeMenu ul li.activeMenu{border-color:#000 !important;}
.baglanButton{background:#000;border-color:transparent;}
.baglanButton:hover{background:transparent;color:#000 !important;}
.Basketstep ul li:before{border:1px solid #000 !important;}
.Basketstep ul li.pasif i{color:#000 !important}
.BasketDetail table tbody tr td a{display:inherit;}
.BasketDetail table tbody tr td:last-child a{display:block;}
#AdresContent .button{background:#000 !important;}
.siparisOzetTakip{background:#000 !important;color:#fff;}
.sepetimBody .hnavigation{display:none;}
.sepetimBody #header:after{display:none;}
.BasketPage .Basketstep ul li.pasif i{color:#000 !important;}
.BasketPage .cargoInformation div.cargoName span{color:#000 !important;}
.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check{color:#000 !important;}
.BasketPage .OdemeMenu ul li.activeMenu>a{background-color:#000 !important;}
.BasketPage .faturaAdresBtn.active,.adresAyniBtn.active{color:#000 !important;}
.BasketPage .sepetItemB4{color:#000 !important;}
/*HoverRenk*/
.userLoginBtn:hover,.userSignBtn:hover{background:#000!important;}
.KasaOnuFirsatlarContent ul li a.button:hover{background:#000 !important;border:none !important;}
.BasketPage .sepetTitle2 a:hover{color:#000 !important;}
.BasketPage .alisverisedevamet:hover{background:#000 !important;border:1px solid #000 !important;}
.BasketPage .OdemeMenu ul li:hover>a{background-color:#000 !important;border-color:#000 !important;}
.BasketPage #hed div.hediCekForm a:hover{background:#000 !important;}
.BasketPage .faturaAdresBtn:hover,.adresAyniBtn:hover{color:#000 !important;}
.BasketPage .AdresItemAlt a:hover{color:#000 !important;}
.BasketPage .sepetiTemizle:hover{color:#000 !important;}
.BasketPage a.YeniAdresEkle:hover{background-color:#000 !important;border-color:#000 !important;color:#fff !important;}
.BasketPage .sepet-sil:hover:before{color:#000 !important;}
#AdresContent .button:hover{background:#000 !important;}
.OdemeMenu ul li:hover{border-color:#000 !important;}
.basketCompletebtn:hover{background:#000 !important;}
/*------------------------------------Sabit Renkler--------------------------------------------*/
/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip{position:absolute;z-index:-1;display:none;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
.tooltip.in{opacity:1;filter:alpha(opacity=90);z-index:1030;display:block;}
.tooltip.top{padding:5px 0;margin-bottom:7px;bottom:100%;left:50%;}
.tooltip.right{padding:0 5px;margin-left:7px;left:100%;top:50%;}
.tooltip.bottom{padding:5px 0;margin-top:7px;top:100%;left:50%;}
.tooltip.left{padding:0 5px;margin-right:7px;right:100%;top:50%;}
.tooltip-inner{min-width:90px;padding:0 15px;line-height:30px;color:#fff;text-align:center;font-size:12px;text-decoration:none;background:#212121;border-radius:0;white-space:nowrap;font-weight:normal;}
.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:#212121;border-width:5px 5px 0;}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#212121;border-width:5px 5px 0;}
.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#212121;border-width:5px 5px 0;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#212121;border-width:5px 5px 5px 0;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#212121;border-width:5px 0 5px 5px;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#212121;border-width:0 5px 5px;}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#212121;border-width:0 5px 5px}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#212121;border-width:0 5px 5px}
/* ------------------------------------ ToolTip --------------------------------------------*/
/* -----------------------------------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;}
/* -----------------------------------Sayfayi Yazdir--------------------------------------------*/
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header{margin-bottom:50px;}
.Magazalar .magazaSelect{background:#fff;border:1px solid #eeeff0;color:#222222;font-size:13px;}
.Magazalar #searchStore input{background:#fff;border:1px solid #eeeff0;color:#222222;font-size:13px;}
.Magazalar #searchStore .buton{width:105px;background:#222;border-color:#222;}
.Magazalar #searchStore .buton:hover{color:#222;}
.Magazalar .magazalarContent{float:left;width:100%;margin-top:50px;}
.Magazalar #nearStores{float:left;width:100%;}
.Magazalar #nearStores>h2{font-weight:600!important;color:#222;font-size:18px;}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent{float:left;width:100%;}
.iletisimContent .row{margin:0;}
.iletisimContent .AdBan{float:left;width:50%;}
.iletisimContent .iletisimLeft{float:left;padding:0;margin:0 0 40px;width:100%;display:block;}
.iletisimContent .categoryTitle{float:left;padding:0;margin:0 0 30px;width:100%;text-align:left;}
.iletisimContent .categoryTitle .categoryTitleText{margin-bottom:0;color:#838080;font-size:24px;font-weight:bold;line-height:80px;text-align:left;}
.iletisimContent .categoryTitle:after{clear:left;content:'';width:70px;height:1px;background:#e5e5e5;float:left;}
.iletisimContent .iletisimLeft .Left{display:none;}
.iletisimContent .iletisimLeft .Center{display:none;}
.iletisimContent .iletisimLeft .span{float:left;width:100%;margin-top:20px;}
.iletisimContent .iletisimLeft .Right{display:block;color:#343434;font-size:14px;line-height:20px;}
.iletisimContent .iletisimLeft .Right:before{color:#bababa;font-size:20px;font-family:'FontAwesome';width:35px;text-align:left;font-weight:300;float:left;}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size:20px;font-weight:bold;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size:24px;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before{content:'\f2a0';}
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before{content:'\f1ac';}
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before{content:'\f3c5';}
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before{content:'\f2b6';}
.iletisimContent .iletisimRight{float:left;padding:0;margin:0;width:100%;}
.iletisimContent .iletisimRight .iletisimbanka{float:left;padding:0;width:100%;margin:0;}
.iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding:0;width:100%;margin:0;}
.iletisimContent .iletisimRight .iletisimbanka .span>div{display:block;font-size:0;border-bottom:1px solid #e5e5e5;padding:0 0 20px;margin:0 0 20px;}
.iletisimContent .iletisimRight .iletisimbanka .span>div span{display:inline-block;vertical-align:top;width:auto!important;color:#343434;font-size:14px;}
.iletisimContent .iletisimRight .iletisimbanka .span>div div{display:inline-block;vertical-align:top;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1 span{display:block;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1{text-align:center;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1 .line1{text-align:left;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1 .line4{text-align:right;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1>div{display:inline-block;vertical-align:top;width:25%;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line1>div span:nth-child(1){margin-bottom:10px;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2{float:right;}
.iletisimContent .iletisimRight .iletisimbanka .span>.line1:nth-child(n+2){border-top:4px solid #838080;margin-top:20px;padding-top:20px;}
.iletisimContent .iletisimForm{float:left;width:50%;padding-left:80px;}
.iletisimContent .iletisimForm .rowLeft{float:left;padding:0;margin:0;width:100%;}
.iletisimContent .iletisimForm .rowLeft .span{float:left;padding:0;margin:0 0 10px;width:100%;}
.iletisimContent .iletisimForm .rowLeft .span .Center{display:none;}
.iletisimContent .iletisimForm .rowLeft .span .Left{display:block;font-size:12px;color:#222222;font-weight:600;line-height:30px;}
.iletisimContent .iletisimForm .rowLeft .span .Right{display:block;position:relative;}
.iletisimContent .iletisimForm .rowLeft .span .Right input{height:40px;border-color:#e3e3e3;background:transparent;padding:0 10px;}
.iletisimContent .iletisimForm .rowRight{float:left;padding:0;margin:0;width:100%;}
.iletisimContent .iletisimForm .rowRight .span{float:left;padding:0;margin:0 0 10px;width:100%;}
.iletisimContent .iletisimForm .rowRight .span .Center{display:none;}
.iletisimContent .iletisimForm .rowRight .span .Left{display:block;font-size:12px;color:#222222;font-weight:600;line-height:30px;width:auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right{display:block;position:relative;width:auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display:block;margin-bottom:10px;}
.iletisimContent .iletisimForm .rowRight .span .Right input{height:40px;border-color:#e3e3e3;background:transparent;padding:0 10px;}
.iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color:#e3e3e3;background:transparent;padding:10px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top:20px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding:0;display:block;height:55px;font-size:16px;color:#fff;font-weight:normal;text-transform:uppercase;float:left;width:100%;}
.iletisimContent .validate .validateOk,.iletisimContent .validateSol .validateSolOk,.iletisimContent .validateOrta .validateOrtaOk{left:0;right:0;bottom:0;width:100%;height:2px;background-color:#ff0d0d;border-radius:2px;}
.iletisimContent .validate,.iletisimContent .validateSol,.iletisimContent .validateOrta{left:0;right:0;bottom:0;top:auto;display:block;border-radius:2px;}
/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle{display:block;margin:20px 0;font-size:26px;text-align:center;}
.uyeOlContainer #FrmYeniUye>.uyeOlCol{margin:30px 20px 0 0;padding:30px;background-color:#fff;border:1px solid #eee;width:calc(50% - 10px);}
.uyeOlContainer #FrmYeniUye>.uyeOlCol:nth-child(2){margin-right:0;}
.uyeOlContainer .uyeOlRow{margin:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left:0;}
.uyeOlContainer .uyeOlCol label{font-size:14px;margin-bottom:10px;display:inline-block;}
.uyeOlContainer .uyeOlCol input.textbox{font-size:14px;display:block;letter-spacing:0.3px;background-color:#fff !important;height:auto !important;border-radius:0;box-shadow:none;padding:15px 0;border:1px solid #eee !important;font-weight:400;color:#555 !important;width:100%;text-indent:15px;transition-duration:0.2s,0.2s;-webkit-transition-duration:0.2s,0.2s;}
.uyeOlContainer .uyeOlCol select.selectboxx{font-size:14px;display:block;letter-spacing:0.3px;background-color:#fff !important;height:auto;border-radius:0;box-shadow:none;padding:15px 0;border:1px solid #eee !important;font-weight:400;color:#555 !important;width:100%;text-indent:15px;transition-duration:0.2s,0.2s;-webkit-transition-duration:0.2s,0.2s;}
.uyeOlContainer .dateofbirth select.selectboxx{width:31%;float:left;margin-right:1%;}
.uyeOlContainer .gender{float:left;width:100%;}
.uyeOlContainer .gender label{float:left;width:70px;margin-top:10px;display:block;}
.uyeOlContainer .gender input{float:left;margin-top:14px;margin-right:3px;}
.uyeOlContainer .intl-tel-input{margin-bottom:15px;}
.uyeOlContainer #mainHolder_rblCinsiyet{float:left;}
.uyeOlContainer input.uyeol{height:auto;padding:15px 0;line-height:normal;font-weight:500;font-size:16px;width:100%;}
.uyeOlContainer .intl-tel-input input[type=tel]{padding-left:48px !important;}
.uyeOlContainer .uyeOlColItem.checkboxItem label span{display:inline-block;vertical-align:top;float:left;font-size:13px;line-height:14px;width:calc(100% - 26px);}
.uyeOlContainer .uyeol{width:100%;text-align:center;padding:2px;margin:30px 0;height:45px;font-size:15px;line-height:48px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label input{margin-left:-20px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label:before{margin-right:10px;}
.uyeOlContainer .uyeOlCol .uyeOlCol{margin-right:20px;}
.uyeOlContainer #chkSozlesme{margin:0!important;}
.uyeOlContainer #chkSozlesme+label{width:calc(100% - 20px);float:right;line-height:15px;font-size:13px;}
.userContainer .userMail,.userContainer .userSms,.userContainer .userSozlesmeDiv{float:left;width:100%;}
.userContainer .userMail label,.userContainer .userSms label,.userContainer .userSozlesmeDiv label{width:93%;float:right;}
.userContainer #chkSozlesme+label{width:93%;float:right;}
/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum{width:100%;margin:30px 0;padding-left:50px;float:left;}
.SifremiUnuttum p{line-height:25px;}
.SifremiUnuttum #mainHolder_txtbxMail{width:80%;height:40px;float:left;line-height:40px;padding:0 20px;}
.SifremiUnuttum .button{padding:0 10px;float:right;width:20%;height:40px;}
.SifremiUnuttumInput{position:relative;width:100%;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;width:400px;position:relative;margin:0 auto;}
.SifremiUnuttum .line .Left{width:30%;float:left;}
.SifremiUnuttum .line .Center{width:4%;float:left;}
.SifremiUnuttum .line .Right{width:66%;float:left;}
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------uyelik Onay--------------------------------------------*/
.uyelikonay{margin:50px 0;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;}
/* ------------------------------------uyelik Onay--------------------------------------------*/
/*------------------------------------uye Giris Popup--------------------------------------------*/
.popupBox{width:80% !important;}
.popupBox input[type="password"],.popupBox input[type="text"]{width:100% !important;padding:0 10px !important;margin-bottom:7px !important;height:40px !important;border:1px solid #e7e7e7 !important;}
.popupBox input[type="password"]:focus,.popupBox input[type="text"]:focus{border-color:#000 !important;}
.popupBox input[type="checkbox"]{margin:3px 10px 0 0 !important;}
.popupBox input[type="radio"]{margin:3px 10px 0 0 !important;float:left;}
.userloginF1{border:none !important;}
.errBoxRegister{overflow:hidden;}
.uyePopupContent .button{padding:10px !important;}
.uyePopupCinsiyet{margin:10px 0 !important;}
.uyePopupCinsiyet tr td{padding-right:10px !important;}
.popupLogo{margin-bottom:10px;}
/*------------------------------------uye Giris Popup--------------------------------------------*/
/*******************************************UYELIK********************************/
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
.taksitBlok{width:50%;height:auto;float:left;line-height:20px;}
.taksitBaslik{width:100%;height:21px;text-align:center;}
.taksitBaslik img{display:none;}
.taksitLine{width:101%;}
.taksitLine .tak{width:40.2%;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%;}
.taksitBaslik1{background:url(/Uploads/BankaLogo/1.png) center center no-repeat #7cc242;}
.taksitBaslik2{background:url(/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57;}
.taksitBaslik3{background:url(/Uploads/BankaLogo/3.png) center center no-repeat #6950a2;}
.taksitBaslik4{background:url(/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e;}
.taksitBaslik5{background:url(/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24;}
.taksitBaslik6{background:url(/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4;}
.taksitBaslik7{background:url(/Uploads/BankaLogo/7.png) center center no-repeat #ee3623;}
.taksitBaslik8{background:url(/Uploads/BankaLogo/8.png) center center no-repeat #00aedb;}
.taksitBaslik9{background:url(/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3;}
.taksitBaslik10{background:url(/Uploads/BankaLogo/10.png) center center no-repeat #2e3192;}
.taksitBaslik11{background:url(/Uploads/BankaLogo/11.png) center center no-repeat #056bb6;}
.taksitBaslik12{background:url(/Uploads/BankaLogo/12.png) center center no-repeat #221f1f;}
.taksitBaslik13{background:url(/Uploads/BankaLogo/13.png) center center no-repeat #0053a0;}
.taksitBaslik14{background:url(/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00;}
.taksitBaslik15{background:url(/Uploads/BankaLogo/15.png) center center no-repeat #024d39;}
.taksitBaslik16{background:url(/Uploads/BankaLogo/16.png) center center no-repeat #8c1639;}
.taksitBaslik17{background:url(/Uploads/BankaLogo/17.png) center center no-repeat #e9690e;}
.taksitBaslik18{background:url(/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00;}
.taksitBaslik19{background:url(/Uploads/BankaLogo/19.png) center center no-repeat #ffffff;}
.TakRenk1{background-color:#edf4e6;}
.TakRenk2{background-color:#f1e7f3;}
.TakRenk3{background-color:#f5f9d9;}
.TakRenk4{background-color:#eeafa2;}
.TakRenk5{background-color:#b5d0df;}
.TakRenk6{background-color:#e4e9f4;}
.TakRenk7{background-color:#edf4e6;}
.TakRenk8{background-color:#f1e7f3;}
.TakRenk9{background-color:#f5f9d9;}
.TakRenk10{background-color:#eeafa2;}
.TakRenk11{background-color:#b5d0df;}
.TakRenk12{background-color:#e4e9f4;}
.TakRenk13{background-color:#edf4e6;}
.TakRenk14{background-color:#f1e7f3;}
.TakRenk15{background-color:#f5f9d9;}
.TakRenk16{background-color:#eeafa2;}
.TakRenk17{background-color:#b5d0df;}
.TakRenk18{background-color:#e4e9f4;}
.TakRenk19{background-color:#edf4e6;}
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/* ------------------------------------ Cari odeme Yap Blok --------------------------------------------*/
.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("https://cdn.ticimax.com/v8100/App_Themes/elittema9/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;}
/* ------------------------------------ Cari odeme Yap Blok --------------------------------------------*/
#mainHolder_txtbxNotlar{width:100%;}
.Block_Text img{max-width:100%;}
#GUVENLIK_KODU{margin-bottom:10px;margin-top:10px;}
/* ------------------------------------ Arama Sonuclari --------------------------------------------*/
#ArmaSonuclari{width:100%;border:solid 1px #CCC;padding:3%;text-align:center;font-size:19px;background-color:#fff;}
/* ------------------------------------ Arama Sonuclari --------------------------------------------*/
/*------------------------------------yan blok uye giris ve sepet--------------------------------------------*/
.sideuserlogin{float:left;width:100%;text-align:center;}
.sideuserlogin>div{float:left;width:100%;}
.sideuserlogin .spanTittle{float:left;width:100%;text-align:center;color:#3c3934;font-weight:600;font-size:14px;line-height:53px;text-transform:uppercase;}
.sideuserlogin .textbox{float:left;width:100%;border:none;border-radius:5px;box-shadow:0 0 0 0;height:40px;background:#f1f0f0;color:#3c3934;font-size:12px;padding:0 20px;margin-bottom:10px;text-indent:0;}
.sideuserlogin .button{float:left;height:40px;background:#fff !important;border-radius:5px;border:2px solid #3c3934!important;margin-bottom:0;width:100%;line-height:36px;text-transform:uppercase;padding:0;}
.sideuserlogin .button strong{font-size:0 !important;color:#3c3934;font-weight:600 !important;}
.sideuserlogin .button strong:before{content:'';font-size:14px!important;}
.sideuserlogin .userSignUp{float:left;width:100px;font-size:12px;color:#ffffff;background:#4c5a58;border-radius:5px;font-weight:bold;line-height:31px;text-transform:uppercase;}
.sideuserlogin .userPassBtn{float:left;color:#3c3934;font-size:13px;text-align:left;line-height:30px;width:100%;margin-bottom:9px;}
.sideuserlogin #chkUyeGiriRememberMe{display:none;}
.sideuserlogin .uyeGirisBeniHatirla{float:right;text-align:right;font-size:10px;color:#a0a0a0;margin-top:5px;margin-bottom:5px;display:none;}
.sideuserlogin .uyeGirisBeniHatirla input{width:12px;height:10px;float:left;}
.sideuserlogin .baglanButton{margin:0;padding:0 !important;float:right;border-radius:5px;width:100px;height:30px;margin-bottom:0 !important;background:#fff !important;border:1px solid #385a95 !important;text-indent:0 !important;}
.sideuserlogin .baglanButton a{line-height:28px;text-indent:0;color:#385a95;font-size:0;font-weight:600;}
.sideuserlogin .baglanButton a:before{content:'\f09a';font-family:'FontAwesome';margin-right:5px;line-height:28px;font-size:13px;}
.sideuserlogin .baglanButton a:after{content:'';font-size:12px;line-height:28px;}
.YanUyeGirisi{float:left;width:100%;background:#fff;padding:0 15px 9px;text-align:center;margin-bottom:20px;border-radius:5px;}
.YanUyeGirisi .Block_Title{float:left;width:100%;padding:0;display:block;}
.YanUyeGirisi .Block_Title span{float:left;width:100%;text-align:center;color:#3c3934;font-weight:600;font-size:14px;line-height:53px;text-transform:uppercase;}
.YanUyeGirisi li{float:left;width:100%;margin-bottom:5px;font-size:12px;color:#000;}
.YanUyeGirisi li *{font-size:12px;color:#000;}
.SepetBlock{float:left;width:100%;background:#eeeeee;text-align:center;margin-bottom:10px;}
.SepetBlock .Block_Title{float:left;width:100%;background:#636363;border-radius:0;text-align:center;color:#fff;display:block;font-size:15px;font-weight:bold;text-transform:uppercase;line-height:55px;overflow:hidden;position:relative;}
.SepetBlock .Block_Title span{font-weight:600;position:relative;z-index:1;}
.SepetBlock .Block_Title span:before{content:'';margin-right:4px;}
.SepetBlock .Block_Title:after{content:'\f291';font-family:'FontAwesome';font-size:60px;color:#797979;font-weight:400;position:absolute;left:-3px;top:-3px;transform:rotate(-25deg);}
.SepetBlock .solBlokSepetUrunyok{float:left;width:100%;padding:0 50px 10px;font-size:13px;color:#3c3934;font-weight:500;}
.SepetBlockContent{float:left;width:100%;padding:20px 10px;}
.SepetBlockInfo{float:left;width:100%;text-align:left;overflow-y:auto;max-height:230px;}
.SepetBlockInfo::-webkit-scrollbar{width:4px;}
.SepetBlockInfo::-webkit-scrollbar-track{background:#e5e5e5;}
.SepetBlockInfo::-webkit-scrollbar-thumb{background:#a81d11;}
.SepetBlockInfo table{border-collapse:collapse;width:100%;}
.SepetBlockImg{width:60px;float:left;}
.SepetBlockName{width:70px;float:left;}
.SepetBlockInfo tr{position:relative;float:left;width:100%;margin-bottom:10px;}
.SepetBlockInfo tr:last-child{margin-bottom:0;}
.SepetBlockInfo tr td{padding:0;}
.SepetBlockInfo .SepetBlockImg img{border:1px solid #eceaea;width:50px;height:50px;max-width:50px!important;max-height:50px!important;display:inline-block;}
.SepetBlockInfo .SepetBlockName a{display:block;color:#272727;font-size:11px;max-height:50px;overflow:hidden;}
.SepetBlockInfo .SepetBlockName a span{display:block;font-weight:bold;}
.SepetBlockInfo .SepetBlockName a span:nth-child(2){display:none;}
.SepetBlockInfo .SepetBlockAdet{text-align:right;color:#2d2d2d;font-size:11px;line-height:20px;display:block;padding-right:20px;}
.SepetBlockInfo .SepetBlockAdet:after{content:'Adet';}
.SepetBlockInfo td.SepetBlockTotal{text-align:right;color:#2d2d2d;font-size:11px;display:block;font-weight:900;padding-right:20px;}
.SepetBlockInfo .SepetBlockRemove a{display:inline-block;width:9px;height:9px;line-height:9px;text-align:center;color:#272727;font-size:9px;cursor:pointer;position:absolute;top:0;right:5px;}
.SepetBlockInfo .SepetBlockRemove a:hover{color:#f22a18;}
.SepetBlockGenelTotal{float:left;width:100%;margin:0 0 12px;text-align:center;padding:0 30px 0 10px;}
.SepetBlockGenelTotal table{width:100%;}
.SepetBlockGenelTotal tr:nth-child(1),.SepetBlockGenelTotal tr:nth-child(2),.SepetBlockGenelTotal tr:nth-child(3){display:none;}
.SepetBlockGenelTotal tr{text-align:left;}
.SepetBlockGenelTotal tr td{text-align:left !important;}
.SepetBlockGenelTotal tr td:nth-child(1){color:#2d2d2d;font-size:11px;display:inline-block;}
.SepetBlockGenelTotal tr td:nth-child(1) b{color:#2d2d2d;font-size:11px;font-weight:600 !important;line-height:20px;}
.SepetBlockGenelTotal tr td:nth-child(2){text-align:right !important;line-height:20px;display:inline-block;color:#db9b39;font-weight:900;float:right;}
.SepetBlockCheck{padding:0 10px 14px;text-align:center;display:none!important;float:left;width:100%;}
.more .SepetBlockCheck{display:block!important;}
.SepetBlockCheck .button:nth-child(1){background:#bbbbbb;margin-bottom:10px;}
.SepetBlockCheck .button:nth-child(2){background:#87bb4a;}
.SepetBlockCheck .button{display:inline-block;width:100%;height:35px;line-height:35px;border:none;margin:0;padding:0;text-transform:uppercase;font-size:13px;color:#fff;font-weight:bold;border-radius:25px;}
/*------------------------------------yan blok uye giris ve sepet--------------------------------------------*/
/*------------------------------------kampanya baner yonetimi--------------------------------------------*/
#divKampanyaBanner{float:left;width:100%;font-size:0;text-align:center;margin:0;padding:0;}
#divKampanyaBanner .AnasayfaTasarimLine{float:left;width:100%;padding:0;}
#divKampanyaBanner .AnasayfaTasarimLine a{display:inline-block;vertical-align:top;float:left;width:100%;overflow:hidden;position:relative;}
#divKampanyaBanner .AnasayfaTasarimLine a img{max-width:100%;display:block;}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi{}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime{}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime *{}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime>span.Sayac>span{}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime .NoSayac{}
#divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime .countdown_amount{position:relative;}
/*------------------------------------kampanya baner yonetimi--------------------------------------------*/
.HesabimContainer .categoryTitle .categoryTitleText{width:100% !important;margin-bottom:20px;font-size:13px;}
.iletisimContent .categoryTitle .categoryTitleText{width:100% !important;margin-bottom:10px;}
/*******************************************URUN DETAY********************************/
.RightDetail>.clear{clear:none;}
.ProductDetailMain{float:left;width:100%;}
.ProductDetailMainRow{float:left;width:100%;}
.TopDet{float:left;width:100%;position:relative;margin:0;}
.leftImage{width:510px;float:left;position:relative;padding:0;}
.RightDetail{width:calc(100% - 510px);float:left;position:relative;padding:0 0 0 50px;}
/*Urun Resim*/
.UrunDetayLeft{margin:0 !important;overflow:hidden;}
.Images{float:right;width:430px;padding-bottom:calc(150% - 135px);position:relative;}
.Images img{max-width:100%;max-height:100%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
#divVideoGoruntulemeAlan{float:right;width:545px!important;padding-bottom:63%;position:relative;}
#vdUrunVideo{max-width:100%;max-height:100%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.cloudzoom-blank>div:last-child{display:none !important;}
.SmallImages{display:block !important;float:left;width:59px;max-height:455px;overflow-y:auto;overflow-x:hidden;}
.SmallImages div{float:left;width:100%;height:auto;margin-bottom:18px;}
.SmallImages div img{max-width:100%;max-height:100%;}
.leftImage .productTimer{display:none!important;}
.DetayYeniUrun{display:none!important;}
.RightDetail .TopList{float:left;width:100%;position:relative;}
.RightDetail .MiddleList{float:left;width:100%;position:relative;}
.RightDetail .BottomList{float:left;width:100%;position:relative;}
.ProductName{float:left;position:relative;margin:0;width:100%;}
.ProductName h1{margin:0;float:left;width:100%;}
.ProductName h1 span{float:left;width:100%;display:inline-block;color:#1a1a1a;font-size:20px;font-weight:600;letter-spacing:.5px;}
#divUrunKodu{float:left;clear:left;color:#dadada;font-size:16px;font-weight:300;line-height:16px;padding:0;margin:10px 0 0;}
#divUrunKodu:before{display:inline-block;vertical-align:top;content:'STK KOD';color:#dadada;font-size:16px;font-weight:300;position:relative;line-height:14px;margin-right:10px;}
#divTaksitAciklama{display:block;float:left;clear:left;margin-top:10px;}
#divTaksitAciklama .taksitSatir{color:#000;font-size:14px;}
.RightDetail .puanVer{float:left;clear:left;margin-top:10px;}
.RightDetail #PuanVer{float:left;}
.RightDetail .PuanVerSag{float:left;font-size:14px;color:#2a2929;margin-left:5px;font-weight:600;line-height:17px;display:none;}
.RightDetail ul.rating{float:left;}
.RightDetail ul.rating li{margin-right:5px !important;width:14px !important;float:left;height:14px;}
.RightDetail ul.rating li i.starItem{font-size:14px!important;color:#e6e6e6;line-height:14px;height:14px;font-weight:300;font-family:FontAwesome;}
.RightDetail ul.rating li i.starItem:before{content:'\f005'!important;}
.RightDetail ul.rating li i.starItem:hover{font-size:14px !important;color:#000000 !important;font-weight:600;}
.RightDetail ul.rating li.filled i{color:#000000 !important;font-weight:600;}
.RightDetail .rating-stars ul>li.star.hover>i.fa{color:#000000;font-weight:600;}
.RightDetail .rating-stars ul>li.star.selected>i.fa{color:var(--theme-color);font-weight:600;}
.markaresmi{float:left;position:relative;z-index:1;display:none!important;}
.markaresmi a{float:left;}
.markaresmi img{max-width:100%;float:left;}
#divMagazaStok{float:left;clear:left;margin:10px 0 0!important;}
#divMagazaStok a{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*on yazi*/
#divOnyazi{float:left;width:100%;margin-top:10px;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi *{font-family:'Poppins',sans-serif !important;}
#divOnyazi strong{font-weight:bold;}
#divOnyazi strong *{font-weight:bold;}
#divOnyazi i{font-family:'FontAwesome'!important;margin-right:12px;}
/*fiyatlar*/
.urunDetayFiyatContainer{}
.PriceList{float:left;position:relative;width:100%;padding:0;margin:15px 0px;}
#pnlFiyatlar{display:inline-block;vertical-align:top;float:left;}
#divIndirimliFiyat{display:block;}
/*marka adi*/
#divMarka{float:left;clear:left;margin-top:10px;line-height:14px;}
#divMarka .left_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divMarka .center_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divMarka .right_line{display:inline-block;vertical-align:top;width:auto;}
#divMarka .right_line *{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*tedarikci*/
#divTedarikci{float:left;clear:left;margin-top:10px;line-height:14px;}
#divTedarikci .left_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divTedarikci .center_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divTedarikci .right_line{display:inline-block;vertical-align:top;width:auto;}
#divTedarikci .right_line *{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*Urun stok miktari*/
#divUrunStokAdedi{float:left;clear:left;margin-top:10px;line-height:14px;}
#divUrunStokAdedi .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divUrunStokAdedi .center_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divUrunStokAdedi .right_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*Toplam stok miktari*/
#divToplamStokAdedi{float:left;clear:left;margin-top:10px;line-height:14px;}
#divToplamStokAdedi .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divToplamStokAdedi .center_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divToplamStokAdedi .right_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*Barkod*/
#divBarkod{float:left;clear:left;margin-top:10px;line-height:14px;}
#divBarkod .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divBarkod .center_line{display:inline-block;vertical-align:top;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divBarkod .right_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*Para Puan*/
#divParaPuan{float:left;clear:left;margin-top:10px;line-height:14px;}
#divParaPuan .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divParaPuan .center_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divParaPuan .right_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*Teslim Suresi*/
#divTahminiTeslimatSuresi{float:left;clear:left;margin:10px 0 0;padding:0;}
#divTahminiTeslimatSuresi .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divTahminiTeslimatSuresi .center_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divTahminiTeslimatSuresi .right_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*indirim orani*/
#divIndirimOrani{float:left;clear:left;margin-top:10px;line-height:14px;}
#divIndirimOrani .left_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divIndirimOrani .center_line{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divIndirimOrani .indirimliOrani{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
#divIndirimOrani .indirimliOrani *{display:inline-block;vertical-align:top;width:auto;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
/*piyasa fiyati*/
.PiyasafiyatiContent{display:block;line-height:0.8;float:left;margin-right:10px;}
.PiyasafiyatiContent .left_line{display:none;color:#343434;font-size:14px;font-weight:normal;line-height:0.8;}
.PiyasafiyatiContent .center_line{display:none;color:#4d555f;font-size:14px;font-weight:normal;margin-right:0;}
.PiyasafiyatiContent .right_line{display:inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line *{display:inline-block;vertical-align:top;text-decoration:line-through;line-height:24px;font-weight:300;}
.PiyasafiyatiContent .right_line .spanKdv{display:none!important;vertical-align:top;}
/*indirimli fiyati*/
.IndirimliFiyatContent{display:block;line-height:0.8;float:left;}
.IndirimliFiyatContent .left_line{display:none;color:#343434;font-size:14px;font-weight:normal;line-height:0.8;}
.IndirimliFiyatContent .center_line{display:none;color:#000;font-size:14px;font-weight:normal;margin-right:0;}
.IndirimliFiyatContent .right_line{display:inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line *{display:inline-block;vertical-align:top;line-height:0.8;}
.IndirimliFiyatContent .right_line .spanKdv{vertical-align:bottom;font-size:12px;line-height:1;}
.IndirimliFiyatContent .right_line .spanKdv:after{content:')';}
.IndirimliFiyatContent .right_line .spanKdv:before{content:'(';}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat{display:block;line-height:0.8;}
#divTurkLirasiFiyat .left_line{display:none;width:103px;color:#152e59;font-size:12px;font-weight:normal;}
#divTurkLirasiFiyat .center_line{display:none;color:#152e59;font-size:14px;font-weight:normal;margin-right:0;}
#divTurkLirasiFiyat .right_line{display:inline-block;}
#divTurkLirasiFiyat .right_line *{display:inline-block!important;vertical-align:top;line-height:0.8;}
/*indirimsiz fiyati*/
#divIndirimsizFiyat{display:block;line-height:0.8;}
#divIndirimsizFiyat .left_line{display:none;vertical-align:top;font-size:14px;font-weight:normal;}
#divIndirimsizFiyat .center_line{display:none;color:#000;font-size:17px;font-weight:normal;margin-right:0;}
#divIndirimsizFiyat .right_line{display:inline-block;font-size:13px;font-weight:normal;}
#divIndirimsizFiyat .right_line *{display:inline-block!important;vertical-align:top;}
#divIndirimsizFiyat .right_line .spanKdv{vertical-align:top;color:#000;font-size:14px;line-height:24px;font-weight:500;}
/*kdv dahil fiyati*/
#divKDVDahilFiyat{display:block;line-height:0.8;float:left;margin-top:18px;}
#divKDVDahilFiyat .left_line{display:inline-block;vertical-align:top;color:#000;font-size:14px;line-height:24px;font-weight:500;float:right;margin-left:15px;}
#divKDVDahilFiyat .center_line{display:none;color:#000;font-size:13px;font-weight:normal;margin-right:0;}
#divKDVDahilFiyat .right_line{}
#divKDVDahilFiyat .right_line *{display:inline-block!important;vertical-align:top;}
/*Stok yok*/
body #divStokYok{float:left;width:100%;margin:20px 0 0;font-size:18px;color:#000;font-weight:normal;text-align:center;padding:7% 0;background-color:#f2f5f6;border-radius:0;}
body #divStokYok:before{content:'\e880';font-family:'Linearicons-Free';font-weight:normal;width:100%;float:left;font-size:62px;display: none;}
/*kdvler*/
#pnlFiyatlar .spanKdv{margin-left:5px;line-height:24px;float:right;display:none;}
/*Urun ekstrabilgileri*/
#divEkstraBilgiler{float:left;clear:left;}
#divEkstraBilgiler img{max-width:100%;display:block;}
/*Ekstra*/
.PiyasafiyatiContent .right_line *{color:#d4cabb;font-size:24px;}
#divIndirimsizFiyat .right_line{color:#000;}
#divIndirimsizFiyat .left_line{color:#000;line-height:24px;}
.IndirimliFiyatContent .right_line *{font-size:24px;color:#000000;font-weight:normal;line-height:24px;}
#divTurkLirasiFiyat .right_line *{font-size:24px;color:#000;font-weight:bold;}
#divIndirimsizFiyat .right_line *{font-size:24px;color:#000000;font-weight:500;}
#divKDVDahilFiyat .right_line *{font-size:24px;color:#000000;font-weight:500;}
/*---*/
#pnlFiyatlar br{display:none;}
#pnlFiyatlar strong{display:inline-block;}
#pnlFiyatlar #ltrHavaleFiyati{float:left;font-size:14px;color:#4d555f;font-weight:normal;}
/*varyasyonlar*/
#divUrunEkSecenek{float:left;position:relative;margin:0;padding:0;}
#divUrunEkSecenek .eksecenekLine{clear:none !important;margin:0;float:left;width:100%;}
#divUrunEkSecenek .eksecenekLine:last-child{margin-bottom:0!important;border:none;}
#divUrunEkSecenek .eksecenekLine .left_line{float:left;width:100%;line-height:30px;color:#444444;font-size:16px;font-weight:normal;text-transform:uppercase;}
#divUrunEkSecenek .eksecenekLine .center_line{display:none;}
#divUrunEkSecenek .eksecenekLine .right_line{display:inline-block;vertical-align:top;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box{float:left;cursor:pointer;text-align:center;font-size:14px;position:relative;color:#444444;font-weight:normal;margin-right:10px;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img{width:100%;height:100%;display:block;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon{}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line{}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line{width:100%;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select{min-width:100%;float:left;height:40px;border:1px solid #cccccc;color:#1a1a1a;font-size:12px;font-weight:normal;padding:0 10px;background:#fff;border-radius:0;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width:24px;height:24px;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon{width:auto;margin:30px 0px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .left_line{width:auto;float:left;display:none;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width:40px;height:40px;line-height:38px;border:1px solid #c5c5c5;text-align:center;border-radius:0;padding:0 4px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right:0;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover{background:#000;color:#fff;border-color:#000;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected{background:var(--theme-color);color:#fff;border-color:var(--theme-color);}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok{position:relative;background:#f5f3f3!important;color:#7a7979!important;border-color:#e4dfdd;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after{content:'';height:1px;max-width:65px;margin:0 auto;background:#cecece;left:0;right:0;top:50%;position:absolute;transform:rotate(140deg);}
/*ilgili Urunler*/
#IlgiliUrunDiv{float:left;width:100%;}
#IlgiliUrunDiv #divIlgiliUrunler{}
.TopDet #IlgiliUrunDiv{display:block;float:left;width:100%;margin:0;margin-top:30px;}
.TopDet #IlgiliUrunDiv #divIlgiliUrunler{padding:0;margin:0;background:transparent;border:none;}
.TopDet #IlgiliUrunDiv .JKatAdi{padding:0;margin:0;width:auto;float:left;width:100%;background:transparent;}
.TopDet #IlgiliUrunDiv .JKatAdi:before{display:none;}
.TopDet #IlgiliUrunDiv .JKatAdi:after{display:none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold{text-align:left;margin:0;padding:0;border:none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display:none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display:none;}
.TopDet #IlgiliUrunDiv .JKatAdi .satir1{float:left;width:100%;line-height:30px;color:#444444;font-size:16px;font-weight:normal;text-transform:uppercase;}
.TopDet #IlgiliUrunDiv .JKatAdi .satir1:after{display:none;}
.TopDet #IlgiliUrunDiv .JKatAdi .satir1:before{display:none;}
.TopDet #IlgiliUrunDiv .clear{display:none;}
.TopDet #IlgiliUrunDiv ul{float:left;width:100%;padding:0;}
.TopDet #IlgiliUrunDiv ul li{float:left;width:25px;margin-right:10px;border-radius:0;overflow:hidden;}
.TopDet #IlgiliUrunDiv ul li:hover{}
.TopDet #IlgiliUrunDiv ul li .productItem{border:none;width:100%;float:left;padding:0;box-shadow:none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer{display:none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage{padding:0;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a{padding-bottom:100%;border-radius:100%;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before{display:none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage img{}
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon{display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet{display:none !important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail{padding:0;margin:0;display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before{display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after{display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .productName{display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco{display:none;}
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent{display:none !important;}
#divUrunKisiselNot{float:left;width:100%;margin-top:5px;}
#divUrunKisiselNot div:first-child{font-size:14px;font-weight:bold;color:#343437;line-height:45px;}
#divUrunKisiselNot br{display:none;}
#divUrunKisiselNot input{float:left;width:100%;height:41px;border:2px solid #bbb;border-radius:3px;padding:15px;font-size:13px;color:#343437;font-weight:700;}
#divUrunKisiselNot input::-webkit-input-placeholder{color:#343437;}
#divUrunKisiselNot input:-moz-placeholder{color:#343437;}
#divUrunKisiselNot input::-moz-placeholder{color:#343437;}
#divUrunKisiselNot input:-ms-input-placeholder{color:#343437;}
#divUrunKisiselNot input:focus{color:#343437;transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s;}
/*urun dosya ekle*/
#divUrunSiparisDosya{float:left;width:50%;clear:left !important;}
#divUrunSiparisDosya div{position:relative;}
#divUrunSiparisDosya div:first-child{font-size:12px;font-weight:bold;color:#010101;}
#divSatinAl{float:left;width:100%;padding:0;margin-top:20px;margin-bottom:30px;}
.BasketBtn{float:left;position:relative;width:100%;}
/*Adet Select*/
#divAdetCombo{display:block!important;position:relative;float:left;}
#divAdetCombo .left_line{}
#divAdetCombo .center_line{display:none !important;float:left;}
#divAdetCombo .right_line{float:left;width:92px;max-width:100%!important;}
#divAdetCombo select{width:100%;padding:0 10px;text-align:left;}
/*Adet input*/
.riSingle{position:relative;display:inline-block;vertical-align:top;border-radius:0;width:140px;}
.riSingle a.riUp,.riSingle a.riDown{width:38px !important;height:38px!important;top:1px;line-height:38px;font-size:10px;color:#1a1a1a;background:#fff;font-weight:normal;position:absolute;margin:0 !important;float:left;cursor:pointer;text-indent:0;text-align:center;right:1px !important;bottom:1px !important;}
.riSingle a.riUp i{}
.riSingle a.riDown i{line-height:40px;}
.riSingle a.riUp{left:auto;right:0;}
.riSingle a.riDown{left:1px;}
.riSingle a.riUp:hover,.riSingle a.riDown:hover{}
.Basketinp{display:block;float:left;position:relative;margin:10px 0px 30px 0px;}
.Basketinp p,#divAdetCombo .left_line{display:none;}
#txtbxurunSiparisAdedi_wrapper{float:left;width:100% !important;position:relative;padding:0 !important;}
#txtbxurunSiparisAdedi{width:100% !important;text-align:center;display:inline-block;padding:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#txtbxurunSiparisAdedi,#divAdetCombo select{float:left;height:40px !important;color:#333333;font-size:18px;font-weight:normal;border:1px solid #c5c5c5;background:#f2f4f2;margin:0;border-radius:0;}
/*sepete Ekle*/
.basketBtn{float:left;position:relative;width:265px;margin-right:20px;clear:both;}
.basketBtn input{height:50px;line-height:50px;color:#fff;font-weight:normal;font-size:16px;width:100%;display:inline-block;vertical-align:top;padding:0;letter-spacing:0;border:none;border-radius:0;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;font-size:18px;}
.basketBtn input:hover{}
/*Hemen Al*/
.buyfast{float:left;width:265px;margin:0;}
.buyfast input{background:transparent;height:50px;line-height:50px;color:#1a1a1a;font-weight:normal;font-size:16px;width:100%;display:inline-block;vertical-align:top;padding:0;letter-spacing:0;border:none;border-radius:0;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;font-size:18px;border:1px solid #1a1a1a;}
.buyfast input:hover{}
/*kombin Al*/
#divKombinSatinAl{display:none;}
/*Iconlar*/
.ProductIcon{float:left;width:100%;margin-top:5px;display:none;}
.ProductIcon .box1{padding:0;margin:0;min-width:0;background:transparent;color:#333333;font-size:12px;font-weight:normal;line-height:16px;text-align:left;float:left;width:100%;}
.ProductIcon .box1 i{margin:0 10px 0 0;float:left;font-size:16px;color:#000;display:block;font-weight:normal;text-align:center;line-height:16px;transition:all 0.3s ease;}
.ProductIcon .box1 i:before{font-weight:normal;font-family:'FontAwesome';}
.ProductIcon .UGelinceHaberVer .box1 i:before{content:'\f0a1';}
.ProductIcon>div{float:left;width:33.33%;margin-top:20px;}
.ProductIcon>div>a{display:inline-block;vertical-align:top;width:100%;}
.ProductIcon2{float:left;margin-top:20px;}
.ProductIcon2 .clear{clear:none;}
.ProductIcon2>div{float:left;}
.ProductIcon2>div>a{float:left;background:#ebebeb;color:#000000;font-size:12px;text-transform:uppercase;margin-right:10px;padding:0 18px;line-height:31px;}
.ProductIcon2>div>a:hover{background:#cfa18a;color:#fff;}
.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:'\f303';}
.ProductIcon2>div.TavsiyeEtBtnContent>a:before{content:'\f164';}
.divYorumYaz,#yorumYaz{float:left;}
.fancybox-inner #yorumYaz{min-width:540px;}
.fancybox-inner #yorumYaz .fancyboxTittle{font-size:18px;font-weight:bold;color:#000;}
.fancybox-inner #yorumYaz .divYorumYaz{min-width:520px;}
.fancybox-inner #yorumYaz .yorumYaz input{height:25px;padding:0 5px;}
.fancybox-inner #yorumYaz .button{font-size:16px;line-height:25px;}
.fancybox-inner .yorumYazMesaj textarea{min-height:155px;padding:5px;}
#TavsiyeEt{padding:20px;}
.socialButons{float:right !important;width:100%;position:relative;margin:0 !important;}
.socialButons iframe{float:left;}
.product-social{float:left;margin-right:10px;}
.product-social span{float:left;line-height:32px;display:inline-block;color:#000000;font-size:12px;font-weight:300;margin-right:5px;}
.product-social ul{float:left;}
.product-social ul li{float:left;margin-right:13px;}
.product-social ul li a{display:block;color:#323232;font-size:18px;}
/*urun ozellik Bolumu*/
.urunOzellik{float:left;width:100%;margin:0;max-width:550px;margin-top:20px;}
.urunTab{float:left;width:100%;text-align:center;}
.urunTab ul{width:100%;float:left;border-bottom:1px solid #f1f1f1;}
.urunTab>ul>li{float:left;}
.urunTab>ul>li:not(.TabOzellikler):not(.TabYorumlar){display:none !important;}
.urunTab>ul>li:last-child{margin-right:0;}
.urunTab>ul>li>a{cursor:pointer;line-height:40px;font-size:13px;display:block;padding:0px 22px;text-transform:uppercase;color:#444444;font-weight:500;}
.urunTab>ul>li>a span{font-weight:normal;}
.urunTab>ul>li.active>a{background:#f1f1f1;}
.webTab{float:left;position:relative;width:100%;}
.webTab>ul{float:left;width:100%;}
.webTab>ul>li{float:left;width:100%;border-bottom:1px solid #f1f1f1;}
.webTab>ul>li:last-child>a{margin-bottom:0;}
.webTab>ul>li>a{float:left;width:100%;text-align:left;color:#181818;font-size:14px;line-height:37px;font-weight:600;}
.webTab>ul>li>a:after{content:'\f067';font-family:'FontAwesome';font-weight:300;float:right;margin-right:0;font-size:18px;color:#282727;}
.webTab>ul>li>a span{font-weight:600;}
.webTab>ul>li.active>a:after{content:'\f068';}
.webTab>ul>li.active .urunDetayPanel{display:block!important;}
.urunDetayPanel{float:left;width:100%;clear:none !important;border:none;padding:20px 0;}
.urunTabAlt{float:left;width:100%;}
.urunTabAlt strong{font-weight:bold;}
.urunTabAlt .divYorumYaz,.urunTabAlt #yorumYaz{padding:0 0 10px;width:100%;}
.urunTabAlt #txtOneriMail{width:100%;margin:0;height:30px;padding:0 10px;width:100%!important;}
.urunTabAlt #txtOneriNot{width:100%;margin:0;padding:10px;width:100%!important;background:#fff;}
.yorumlarItem{background-color:#eeeeee;border-bottom:3px solid #A09B98;padding:16px;line-height:26px;float:left;width:100%;margin-top:20px;text-align:left;}
.yorumlarItemS1{padding-bottom:5px;font-size:12px;color:#666;border-bottom:1px dashed #A09B98;}
.urunDetayPanel .button{color:#fff;}
.urunTabAlt{font-family:'Poppins',sans-serif !important;padding:0;}
.urunTabAlt *{font-family:'Poppins',sans-serif !important;}
.urunTabAlt i{font-family:'FontAwesome' !important;}
.urunTabAlt img{max-width:100% !important;}
.urunTabAlt iframe{max-width:100% !important;display:none;}
.urunTabAlt .ng-valid-email{text-align:left;}
.urunTabAlt .button{padding:10px 5px;}
.orders .order-info i{margin-top:0 !important;}
#btnYorumKaydet{float:left;text-align:center;-moz-appearance:none;-webkit-appearance:none;}
.urunTabAlt ul li{margin-bottom:10px;clear:both;}
.oneriValidate .validate{top:0;padding:5px;}
.urunTabAlt ul li input{float:left;margin-right:5px;width:auto !important;}
.urunTabAlt ul li label{float:left;width:auto !important;line-height:normal;}
.urunTabAlt ul li input[type="checkbox"]{margin-top:0;}
.urunTabAlt ul li .captchaImageBox{float:left;}
.urunTabAlt ul li .captchaImageBox img{max-width:100%;width:auto;}
.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;}
/* ------------------------------------Yorum Yaz--------------------------------------------*/
.fancyboxTittle{margin-bottom:10px;font-size:13px;}
.urunTabAlt #yorumYaz{margin:0 auto;float:left;}
.yorumYaz{margin-bottom:10px;position:relative;}
.yorumYaz .validate{padding:5px;top:-30px;}
.yorumYazMesaj textarea{width:100%;}
.urunYorumYok{float:left;width:100%;text-align:left;}
/* ------------------------------------Yorum Yaz--------------------------------------------*/
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler{float:left;width:100%;padding:0 20px 20px;margin:50px 0 0;background:#fff;text-align:center;}
#divEtiketler .productModuleTitle{float:left;color:#202122;font-size:15px;font-weight:bold;width:100%;text-align:center;line-height:30px;margin:10px 0;}
#divEtiketler a{color:#696d71;font-size:13px;}
#divEtiketler a:hover{text-decoration:underline;}
/*------------------------------------Etiketler--------------------------------------------*/
.bedenT{float:left;position:relative;width:100%;margin-top:20px;}
.bedenTablosu{font-size:12px;font-weight:normal;line-height:12px;float:left;color:var(--theme-color);}
.taksitT{float:right;margin-top:-16px;position:relative;z-index:5;margin-right:150px;}
.taksitT .taksitTablosu{color:#000000;font-size:13px;font-weight:normal;text-decoration:underline;line-height:13px;float:left;}
.fancybox-inner #taksitTablosu{width:720px;padding:10px;}
.UD_Share{float:right;width:100%;margin-top:42px;padding-left:100px;}
.UD_Share li{float:left;width:50%;text-align:center;border:1px solid #ebebeb;background:#fff;line-height:40px;}
.UD_Share li a{font-size:12px;font-weight:600;color:#000000;}
.UD_Share li a i{font-size:25px;line-height:40px;margin-right:10px;display:inline-block;vertical-align:top;}
.UD_Share li:first-child i{color:#25d366;}
.UD_Share li:last-child i{color:#ea242e;font-size:21px;}
.UD_Share li:last-child{background:#f3f3f3;}
.TopDet .product_social_icon_wrapper{display:block !important;position:absolute;right:20px;top:0;opacity:.4;}
.TopDet .product_social_icon_wrapper .PaylasTit{display:block;font-size:14px;color:#000000;}
.TopDet .product_social_icon_wrapper ul{}
.TopDet .product_social_icon_wrapper ul li{clear:both;display:block;width:100%;text-align:center;}
.TopDet .product_social_icon_wrapper ul li:last-child{margin-right:0;}
.TopDet .product_social_icon_wrapper ul li a{color:#333333;font-size:16px;display:block;}
.TopDet .product_social_icon_wrapper ul li a i{line-height:18px;display:block;color:#000000;line-height:50px;}
.whatsappSiparis{float:left;background-color:#33d26a;color:#fff;font-size:12px;font-weight:600;line-height:30px;padding:0 20px;border-radius:4px;}
.whatsappSiparis i{font-size:20px;margin-right:5px;float:left;line-height:30px;}
.UWhatsApp{width:36px;font-size:0;margin-top:0;text-align:center;display:inline-block;vertical-align:top;}
.UWhatsApp a{width:auto;display:inline-block;font-size:0;text-align:center;padding-left:0;color:#fff;line-height:0;border-radius:100%;text-indent:0;background:transparent;border:none;}
.whatsApp i{font-size:22px;line-height:36px;width:36px;height:36px;border-radius:7px;background:#8cd81f;}
.UWhatsApp label{font-weight:300;font-size:0;}
.UWhatsApp:hover a{background:transparent;color:#fff;}
.whatsApp:hover,.whatsApp label:hover,.whatsApp i:hover{color:#fff !important;}
/*Kombin urun*/
body .ngdialog.ngdialog-theme-default .ngdialog-content{padding:0;border-radius:0;font-family:'Poppins',sans-serif;}
body .kombinContent{float:left;width:100%;background:#fff;padding:30px;}
body .kombinContent ul{float:left;width:100%;max-height:450px;overflow-y:auto;}
body .kombinContent ul li.kombinItem{float:left;width:50%;padding:0 10px;border:none;background:transparent;margin:0 0 15px;display:block;overflow:visible;}
body .kombinContent ul li.kombinItem .kombinleftImage{width:100%;float:left;margin-bottom:15px;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages{float:left;width:100%;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages .selectedImages{float:left;width:100%;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages img{max-width:100%;border:none;}
body .kombinContent ul li.kombinItem .kombinRightDetail{float:left;width:100%;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin{float:left;width:100%;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline{float:left;width:100%;padding:0;text-align:center;margin-top:2px;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline .kombinright_line{float:left;width:100%;font-size:14px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline:nth-child(1) .kombinright_line{color:#666;}
body .kombinContent ul li.kombinItem .kombinRightDetail .button{font-size:14px;text-transform:uppercase;border-radius:0;width:100%;height:35px;line-height:35px;padding:0;font-weight:bold;}
body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek{display:none;}
/*Kombin urun*/
/*******************************************URUN DETAY********************************/
/*******************************************KATEGORI**********************************/
.Block_Title{display:none;}
.noProduct{background:url('/Uploads/Images/urunyok.png') center center no-repeat !important;width:212px;height:214px;}
.noProduct *{display:none !important;}
#divUstFiltreKategori{display:none;}
#divUstFiltreMarka{display:none;}
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign{float:left;width:100%;}
.categorydesign .Blok{margin:0;}
.leftBlock .categorydesign{display:block;}
.categorydesign *{}
.categorydesign p{margin-bottom:0;}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img{display:inline-block;vertical-align:middle;}
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.breadcrumbContent{float:left;}
body ul.breadcrumb{margin:0 auto;display:block!important;padding:0!important;border-radius:0;float:none;}
body ul.breadcrumb *{color:#111111;font-size:12px!important;line-height:50px!important;float:left;font-weight:normal;}
body ul.breadcrumb li{font-size:0!important;float:none!important;vertical-align:middle;}
body ul.breadcrumb li:after{content:'>';display:inline-block;margin:0 5px;color:#111111;font-size:11px;line-height:50px;float:left;font-weight:normal;}
/*body ul.breadcrumb li:nth-child(1) a:before{content:'\f041';font-family:'FontAwesome';float:left;font-size:14px;line-height:50px;float:left;margin-right:10px;font-weight:300;}
*/
body ul.breadcrumb li:nth-last-of-type(1):after{display:none;}
body ul.breadcrumb li:nth-last-of-type(1) *{color:#1a1a1a;}
body a#linkOncekiSayfa{line-height:50px;display:block;color:#111111;font-size:11px!important;font-weight:normal;}
.categoryTitle{float:left;width:100%;display:none;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;}
.categoryTitleText{float:left;}
.CategoryBody .categoryTitleText{}
.categoryContainer>.categoryTitle{display:block;margin-bottom:30px;}
.CategoryBody .categoryTitleText ul.breadcrumb{}
.ProductBody .categoryTitle{display:block;margin: 30px 0;}
.ProductBody .categoryTitleText{float:none;}
.ProductBody .categoryTitleText ul.breadcrumb{}
body #divSayfalamaUst{float:right;margin:0;padding:0;text-align:center;width:auto !important;clear:none;}
.urunListRel{width:100%;float:left;position:relative;}
.brandlistselection{display:inline-block;vertical-align:top;float:left;margin:0;width:100%;position:relative;}
.brandlistselection .clear{clear:none;display:none;}
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;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i{font-size:16px;float:left;line-height:45px;font-family:'FontAwesome';font-weight:600;display:none;}
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:#000;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active{}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_4{width:22px;height:10px;background:url(images/4Lu.jpg) center center no-repeat;margin:20px 0px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_4.Active{background:url(images/4LuActive.jpg) center center no-repeat;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2{width:10px;height:10px;margin:20px 0px;background:url(images/2Li.jpg) center center no-repeat;margin-right:10px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2.Active{background:url(images/2LiActive.jpg) center center no-repeat;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_3{display:none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5{display:none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_hrz{display:none;}
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;width:200px;border:1px solid #d1d1d1;padding:15px 20px;position:absolute;right:0;top:62px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){float:left;font-weight:normal;border-radius:0;padding:0;border:none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a{position:relative;background-color:transparent;color:#000000;font-size:12px;border-radius:0;padding:0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a span{font-weight:normal;line-height:30px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a:hover{text-decoration:underline;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected{text-decoration:underline;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5){display:none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span{float:left;font-size:12px;color:#000000;font-weight:normal;line-height:45px;padding:0;margin:0;display:none;}
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:auto;height:auto;margin:0 0 0 14px;padding:0;text-align:center;border:none;background:transparent;}
body #divSayfalamaUst.Slct .blockSelect i{color:#c6c6c6;line-height:40px;font-size:18px;display:none;}
body #divSayfalamaUst.Slct .blockSelect a:hover{color:#252525;}
body #divSayfalamaUst.Slct .blockSelect a:hover i{color:#252525;}
body #divSayfalamaUst.Slct .blockSelect .sort_hrz{display:none;}
body #divSayfalamaUst.Slct .blockSelect .sort_2{}
body #divSayfalamaUst.Slct .blockSelect .sort_5{display:none;}
body #divSayfalamaUst.Slct .blockSelect a.Active{color:#252525;}
body #divSayfalamaUst.Slct .blockSelect a.Active i{color:#252525;}
body #divSayfalamaUst.Slct .brandlistselection a.sort_4{width:22px;height:10px;background:url(https://static.ticimax.cloud/50593/CustomCss/ticimax/images/4Lu.jpg) center center no-repeat;margin:20px 0px;}
body #divSayfalamaUst.Slct .brandlistselection a.sort_4.Active{background:url(https://static.ticimax.cloud/50593/CustomCss/ticimax/images/4LuActive.jpg) center center no-repeat;}
body #divSayfalamaUst.Slct .brandlistselection a.sort_2{width:10px;height:10px;margin:20px 0px;background:url(https://static.ticimax.cloud/50593/CustomCss/ticimax/images/2Li.jpg) center center no-repeat;margin-right:10px;}
body #divSayfalamaUst.Slct .brandlistselection a.sort_2.Active{background:url(https://static.ticimax.cloud/50593/CustomCss/ticimax/images/2LiActive.jpg) center center no-repeat;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent{background:transparent;float:right;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{content:'\f107';position:absolute;right:0;font-family:FontAwesome;line-height:40px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display:none;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{float:left;height:40px;color:#252525;font-size:12px;font-weight:normal;border:none;background:transparent;border-radius:0;padding:0;-webkit-appearance:none;padding:0px 5px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{height:auto;padding:0;border-radius:0;background:transparent;float:left;margin-right:20px;margin-top:5px;margin-bottom:5px;position:relative;}
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:#252525;font-size:12px;line-height:40px;font-weight:normal;float:left;margin:0;display:none;}
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;}
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;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before{background:#cd9b33;border-color:#cd9b33;}
body #divSayfalamaUst .filterDeleteContent{float:left;margin:0;padding:9px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding:0;margin:0 15px 0 0;height:auto;background:transparent;border:1px solid #cecece;width:auto;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width:25px;margin:0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family:'FontAwesome';line-height:30px;color:var(--theme-color);font-size:15px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content:'\f00d';}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color:#666;font-size:12px;text-align:left;margin-top:2px;font-weight:normal;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color:#666;margin-top:3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display:block;border-color:#var(--theme-color);}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width:100%;background:transparent;line-height:1;margin:0;padding:0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight:normal;color:var(--theme-color);font-size:12px;text-align:center;margin:0;width:100%;}
@media screen and (min-width:1042px){.mobilMenu{display:none !important;}
    .sortingContent{display:block !important;}
    .col-5li{width:20%;}
/*ust Filitrebody #divSayfalamaUst .filterBlock{float:left;border:none;border-radius:0;width:auto;}
body #divSayfalamaUst .category-vertical-filters.top-filters{padding:0;margin:0;background:transparent;position:static;}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel{margin:0 25px 0 0;padding:0;width:auto;position:relative;}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter{}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading{padding:0;border:none;margin:0;min-width:auto;border-right:none;background-color:transparent!important;}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after{}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a{line-height:55px;padding-left:15px;text-align:left;color:#000000;font-size:12px;padding:0;}
body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after{content:'\f107';line-height:55px;vertical-align:top;margin-left:5px;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:50%;}
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:#000;border-color:#000;}
body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{background:#000;border-color:#000;}
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:2px;width:100%;margin:11px 0 0;border:none;float:left;}
body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range{background:#262626;height:2px;margin-top:0;}
body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle{background:#fff;border-radius:100%;width:18px;height:18px;border:none;margin-top:0;margin-right:-4px;top:-8px;box-shadow:0 2px 1px 0 #b5b5b5;}
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;}
/*ust Filitre*/
}
/*Sol Filtre*/
.leftBlock .category-vertical-filters{float:left;width:100%;border:none;border-radius:0;overflow:hidden;margin:0 0 20px;text-align:center;padding:0;background:transparent;}
.leftBlock .panel-heading{position:relative;z-index:1;float:left;padding:0;width:100%;text-align:left;border:none;margin:0;background-color:transparent!important;}
.leftBlock .panel-heading a{display:block;line-height:39px;font-size:14px;color:#1a1a1a;font-weight:normal;padding:0;text-transform:uppercase;}
/*.leftBlock .panel-heading a:after{content:'\f068';font-family:'FontAwesome';float:right;font-weight:normal;}
*/
.leftBlock .panel-heading.active a:after{content:'\f067';}
.leftBlock .category-vertical-filters>div{width:100%;padding:0;margin:0;float:left;display:inline-block;margin-bottom:20px;}
.leftBlock .category-vertical-filters>div:last-child{margin-bottom:0;}
.leftBlock .category-vertical-filters .panel.div-kategori{}
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading{display:none;}
.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:before{display:none !important;}
.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:0;}
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul{padding-left:20px;}
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul a{line-height:32px;}
.leftBlock .category-vertical-filters .panel.div-kategori ul a:hover{/* text-decoration:underline;*/
}
.leftBlock .category-vertical-filters .panel.div-kategori>ul>li>a{line-height:44px;}
.leftBlock .category-vertical-filters .panel.div-kategori>ul li:hover>a{color:var(--theme-color);}
.leftBlock .category-vertical-filters .panel.div-kategori>ul>li{}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group{float:left;text-align:left;padding: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;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:#1a1a1a;display:inline-block;line-height:28px;font-weight:normal;letter-spacing:.5px;}
.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:13px 13px!important;background-position:center left !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:before{margin-right:13px;width:14px;height:14px;border:1px solid #1a1a1a!important;border-radius:0;background:#fff;display:inline-block!important;margin-top:0;text-align:center;line-height:13px;margin-top:7.5px;}
.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:12px;font-weight:600;}
.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:12px;font-weight:600;}
body .leftBlock .slider-range{float:left;width:100%;border:none;border-radius:0;padding:0;margin:20px 0;height:2px;background:#dddddd;}
body .leftBlock .slider-range .ui-slider-range{height:2px;background:#000;border-radius:0;top:0;margin:0;}
body .leftBlock .slider-range .ui-slider-handle{width:10px;height:10px;border-radius:2px;background:#000;border:none;margin:0;top:-4px;}
body .leftBlock .slider-range span:nth-child(2){margin-left:0;}
body .leftBlock .slider-range span:nth-child(3){margin-left:-10px;}
body .leftBlock .amount{float:left;width:100%;color:#1a1a1a;font-size:16px;text-align:center;margin-bottom:20px;}
/*Sol Filtre*/
/*Fiyat Araligi*/
.brandlistselectionBottom{margin-bottom:0;display:none;}
#divSayfalamaAlt{width:100%;margin:0;}
.pageNumber{float:right;text-align:right;margin:0;display:none;}
.pageNumber a{}
.pageNumberContent{}
.pageNumberBottom{float:right;text-align:right;margin:50px 0;padding:0;width:100%;display:block;vertical-align:middle;}
.pageNumberContent,.pageBorder{display:inline-block;vertical-align:top;}
.pageNumberContent a,.pageBorder a{float:left;position:relative;display:block;min-width:30px;height:30px;border:1px solid #f2f2f2;background:#fff;line-height:28px;color:#000000;text-align:center;font-size:12px;border-radius:100%;font-weight:normal;margin:0 5px;}
.pageNumberContent a:hover,.pageBorder a:hover{color:#fff;background:#000;border-color:#000;}
.pageNumberContent a.SelectedSayfa,.pageBorder a.SelectedSayfa{color:#fff;background:#000;border-color:#000;}
.pageNumberContent a.butonDisabled,.pageBorder a.butonDisabled{opacity:1!important;}
.KategoriFilitrelemeContent .Block_Title{display:none;}
body #divNextProduct .productItem{margin:0;border:none;padding:0;box-shadow:none!important;background:#e1e1e1!important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
body #divNextProduct .productItem .buttonNextProduct{margin:0;border:none;padding:65% 0;float:left;width:100%;height:100%;}
body #divNextProduct .productItem .buttonNextProduct .divNextProductButtonAlan{}
body #divNextProduct .productItem .buttonNextProduct .divNextProductWorld.ortaAlan{}
body #divNextProduct .productItem .buttonNextProduct .divNextProductWorld.ortaAlan span{}
body #divNextProduct .productItem .buttonNextProduct>span .divNextProductWorld{}
body #divNextProduct .productItem .buttonNextProduct>span .divNextProductCount{}
body #divNextProduct .productItem a:hover span{color:inherit;}
/* ------------------------------------KATEGORi MENU--------------------------------------------*/
.leftBlock .UrunGuruplari{float:left;width:100%;}
.leftBlock .UrunGuruplari .Block_Title{display:none;}
.leftBlock .UrunGuruplari .Block_Title span{}
.leftBlock .UrunGuruplari .Block_Text{float:left;width:100%;}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1{float:left;width:100%;}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li{float:left;width:100%;position:relative;}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li a{}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul{}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li{}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul a:hover{}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul ul{}
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul ul li{}
/* ------------------------------------KATEGORi MENU--------------------------------------------*/
/*******************************************KATEGORi**********************************/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent{float:left;width:100%;margin:30px 0;position:relative;}
.homeContainer .ProductListContent .ProductList{display:block;margin:0 auto;}
.homeContainer .ProductListContent .ItemOrj{padding:0 10px;margin-bottom:20px;width:25%;max-width:25%;}
.homeContainer .ProductListContent .productItem{margin-bottom:0;}
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent{float:left;width:100%;}
.categoryContainer .ProductListContent{float:left;width:100%;}
.categoryContainer .ProductList{margin:0 -10px}
.categoryContainer .ProductListContent .productItem{margin-bottom:20px;}
.ItemOrj{float:left;padding:0 10px;width: 50%;}
.productItem{width:100%;position:relative;text-align:center;display:inline-block;float:left;font-size:0;}
.productItem .productIcon{width:100%;height:100%;}
.productItem .productFaMyEx{padding:0;display:none;position:absolute;left:0;bottom:0;right:0;margin:0;z-index:5;-webkit-animation:fadein 0.3s;-moz-animation:fadein 0.3s;-ms-animation:fadein 0.3s;-o-animation:fadein 0.3s;animation:fadein 0.3s;}
.productItem .productYeInUcFi{padding:0;display:block;position:absolute;left:0;top:0;}
.productItem .productImage{position:relative;overflow:hidden;width:100%;padding:0;}
.productItem .productImage a{display:block;position:relative;padding-bottom:150%;overflow:hidden;}
.productItem .productImage.Videolu{display:block;position:relative;padding-bottom:100%;}
.productItem .productImage img{max-width:100%;max-height:100%;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:0;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;will-change:opacity;}
.productItem .productImage.Videolu video{max-width:100%;max-height:100%;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:0;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;will-change:opacity;}
.productItem .productDetail{position:relative;display:block;float:left;width:100%;padding:20px 0px;transition:all 0.3s ease;text-align:center;}
.productItem .productName{position:relative;margin:0;float:left;width:100%;margin-bottom:10px;}
.productItem .productName a{float:left;width:100%;padding:0;line-height:14px;height:14px;font-weight:normal;font-size:14px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;*/
}
.productItem .productPrice{display:inline-block;vertical-align:top;position:relative;margin:0;bottom:0;}
.sliderBannerContainer .productPrice{display:none;}
.productItem .IndirimVar{}
.productItem .discountPrice{display:block;float:right;margin-left:6px;}
.productItem .discountPrice span{color:#000000;font-size:16px;line-height:16px;}
.productItem .IndirimVar .discountPrice{}
.productItem .IndirimVar .discountPrice span{}
.productItem .discountKdv{display:none;}
.productItem .regularKdv{display:none;}
.productItem .regularPrice{display:block !important;float:left;margin-top:2px;}
.productItem .regularPrice span{color:#d4cabb;font-size:16px;line-height:0.8;font-weight:normal;text-decoration:line-through;-moz-text-decoration-color:#8c8c8c;text-decoration-color:#d4cabb;}
.productItem .productMarka{display:none !important;}
.productItem .productOnYazi{display:none !important;float:left;width:100%;color:#4a4a4a;font-size:14px;line-height:25px;height:96px;overflow:hidden;}
.productItem .productOnYazi *{background:none !important;font-family:'Poppins',sans-serif !important;color:#4a4a4a;font-size:14px;line-height:25px;}
/*Urun Iconlari*/
.newIcon{z-index:3;display:none;}
.discountIcon{z-index:3;display:none;}
.cargoIcon{z-index:3;display:none;}
.firsatIcon{z-index:3;display:none!important;}
.urunListStokUyari{display:none;}
.discountIcon div{display:none;}
.discountIcon span{font-weight:600;}
.discountIcon .discountIcon_s2{display:none;}
.favori{z-index:5;display:none;}
.examineIcon{z-index:5;display:none;}
.mycartIcon{z-index:5;display:none;}
.favori a{display:block;font-size:0;}
.examineIcon a{display:block;font-size:0;}
.mycartIcon a{display:block;font-size:0;}
.mycartIcon a span{font-weight:normal;}
.examineIcon a:before,.favori a:before,.mycartIcon a:before{font-family:'FontAwesome';display:inline-block;vertical-align:top;}
.favori a:before{content:'\f004';}
.examineIcon a:before{}
.mycartIcon a:before{}
.favori a.listfavoriAktif:before{}
.TukendiIco{z-index:5;border-radius:0;background:transparent;position:absolute;right:0;left:0;top:0;height:calc(100% - 80px);overflow:hidden;}
.TukendiIco span{line-height:40px;background:#272725;position:absolute;left:0;bottom:0;right:0;max-width:100%;border:none;color:#fff;font-size:14px;font-weight:500;padding:0;border-radius:0;text-transform:uppercase;margin:0 auto;}
.StokYok .cargoIcon{display:none;}
.urunListStokUyari{display:none;}
body .productItem .productImage a.urunListeVideoPlay{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;color:#fff;}
body .productItem .productImage a.urunListeVideoPlay i{font-family:'FontAwesome';font-weight:300;font-size:40px;display:inline-block;vertical-align:top;margin-top:-20px;text-shadow:0 0 4px #000;}
body .productItem .productImage a.urunListeVideoPlay i.fa-play-circle-o:before{content:'\f144';}
body .productItem .productImage a.urunListeVideoPlay i.fa-pause-circle-o:before{content:'\f28b';}
body .productItem .productTimer{position:absolute;bottom:65px;top:auto;background:rgba(0,0,0,0.7);padding:0;}
body .productItem .productTimer:before{content:'\f2f2';font-family:'FontAwesome';font-size:24px;color:#fff;font-weight:300;display:inline-block;vertical-align:top;margin-right:15px;line-height:40px;}
body .productItem .productTimer span.productTimerContent{margin-right:15px;display:inline-block;vertical-align:top;min-width:0;}
body .productItem .productTimer span.productTimerContent.productTimerDayC{display:none;}
body .productItem .productTimer span.productTimerContent.productTimerSecondC{margin-right:0;}
body .productItem .productTimer span.productTimerContent span{font-size:13px;color:#fff;font-weight:500;border:none;line-height:1;padding:8px 0 0;}
body .productItem .productTimer span.productTimerContent span:last-child{font-size:10px;color:#fff;font-weight:500;line-height:1;padding:3px 0 0;}
/*Listeleme adet */
.productItem .urunListeAdet{display:none !important;width:91px;height:38px;float:left;position:absolute;left:15px;bottom:12px;border-radius:0;overflow:hidden;z-index:5;}
.productItem.StokYok .urunListeAdet{display:none !important;}
.productItem .urunListeAdet input{width:100%;height:38px;float:left;border:1px solid #e4e3e3;background:#fff;color:#000000;font-size:14px;padding:0 25px;text-align:center;font-weight:normal;border-radius:25px;box-shadow:inset 0 2px 7px 0px #e4e3e3;}
.productItem .urunListeAdetArtir{font-size:0;width:25px;height:38px;float:left;position:absolute;right:0;background:transparent;color:#000000;line-height:38px;}
.productItem .urunListeAdetAzalt{font-size:0;width:25px;height:38px;float:right;position:absolute;left:0;background:transparent;color:#000000;line-height:38px;}
.productItem .urunListeAdetArtir:after{content:'+';font-size:15px;font-weight:300;}
.productItem .urunListeAdetAzalt:after{content:'-';font-size:15px;font-weight:300;}
/*Listeleme adet */
/*Bedenler*/
.boxBedenlerContent{display:none!important;position:absolute;bottom:67px;left:0;right:0;z-index:4;}
.boxBedenlerTittle{}
.boxBedenlerContent .boxBedenlerContainer{float:left;width:100%;text-align:center;overflow:hidden;padding:0;white-space:nowrap;}
.boxBedenlerContent .boxBedenlerContainer>div{display:inline-block;margin:0;vertical-align:top;}
.boxBedenlerContent .boxBedenlerContainer>div>div{display:inline-block;line-height:50px;color:#252525;font-size:12px;text-align:center;font-weight:600;}
.boxBedenlerContent .boxBedenlerContainer>div>div:hover{text-decoration:underline;}
.boxBedenlerContent .boxBedenlerContainer>div>a{float:left;width:24px;height:24px;border-radius:100%;border:1px solid #dddddd;padding:1px;margin:0 3px;}
.boxBedenlerContent .boxBedenlerContainer>div>a img{border-radius:100%;}
.boxBedenlerContent .boxBedenlerContainer>div>a:hover{}
.boxBedenlerContent .boxBedenlerContainer>div>div.noStokUrunListe{}
.boxBedenlerContent .boxBedenler.noStokUrunListe{}
/*Bedenler*/
/* hizli bakis */
.productIcon .quickViewIco{display:none!important;z-index:5;position:absolute;text-align:center;left:0;top:35%;right:0;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
.productIcon .quickViewIco a{background:rgba(255,255,255,0.9);border:1px solid #eee;font-size:13px;letter-spacing:1px;line-height:36px;color:#2d2d2d;padding:0 15px;display:inline-block;vertical-align:top;}
.productIcon .quickViewIco a:before{content:'\f06e';font-family:'FontAwesome';font-size:18px;font-weight:300;float:left;line-height:36px;margin-right:5px;color:#2d2d2d;}
.productItem:hover .productIcon .quickViewIco{display:none!important;}
.ProductPreviewContent{font-family:'Poppins',sans-serif;padding:30px;}
.ProductPreviewContent .clear{clear:none;}
.ProductPreviewContent #divBreadcrumb{float:left;width:100%;margin-bottom:15px;}
.ProductPreviewContent #divBreadcrumb #ulBreadcrumb{float:left;width:100%;}
.ProductPreviewContent #divBreadcrumb #ulBreadcrumb li{float:left;font-size:0;line-height:0;}
.ProductPreviewContent #divBreadcrumb #ulBreadcrumb li a{float:left;font-size:13px;color:#323232;line-height:15px;}
.ProductPreviewContent #divBreadcrumb #ulBreadcrumb li:after{content:'/';display:inline-block;margin:0 5px;color:#111111;font-size:11px;line-height:15px;float:left;font-weight:normal;}
.ProductPreviewContent #divBreadcrumb #ulBreadcrumb li:nth-child(1) a:before{content:'\f041';font-family:'FontAwesome';float:left;font-size:14px;line-height:15px;float:left;margin-right:10px;font-weight:300;}
.ProductPreviewContent .ProductPreviewLeft{width:348px;margin:0;}
.ProductPreviewContent .ProductPreviewLeft .PreviewImages{float:right;width:270px;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages{float:left;max-height:270px;overflow-y:auto;overflow-x:hidden;width:75px;}
.ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages{padding-bottom:0;height:auto;border:none;width:100%;}
.ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages .PreviewselectedImagesBox{padding-bottom:100%;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages .PreviewallImagesItem{padding-bottom:0;height:auto;border:none;width:68px;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImagesItem .PreviewallImagesBox{padding-bottom:100%;}
.ProductPreviewContent .ProductPreviewRight{width:calc(100% - 348px);padding-left:30px;text-align:left;position:relative;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .TopList{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .MiddleList{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Name{color:#000000;font-size:18px;font-weight:normal;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Price{float:left;color:#000;font-size:25px;font-weight:600;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_UstuCiziliFiyat{display:block;float:left;margin-right:5px;margin-top:2px;color:#959494;font-size:14px;font-weight:normal;text-decoration:line-through;-moz-text-decoration-color:#959494;text-decoration-color:#959494;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Price+.kombinFormline{float:left;width:100%;color:#000;font-size:25px;font-weight:600;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Price+.kombinFormline .kdvYazi{display:block;float:left;color:#000;font-size:14px;margin-right:10px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_DiscountRate{position:absolute;right:0;top:0;background:#000;color:#fff;font-size:13px;width:45px;height:23px;line-height:23px;text-align:center;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_ozyazi{float:left;width:100%;margin:0;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_ozyazi *{font-size:13px;color:#000;line-height:20px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm #hizliBakisTahminiTeslimatSuresi{float:left;width:100%;margin:10px 0;color:#000;font-size:14px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_markaLogo{float:left;width:100%;margin:10px 0;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_marka{float:left;width:100%;margin:10px 0;font-size:13px;color:#000;line-height:20px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .kdvYazi{display:none;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek{float:left;width:100%;margin:10px 0;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinleft_line{float:left;width:100% !important;color:#000000;font-size:13px;line-height:35px;text-align:left;font-weight:500;text-transform:uppercase;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line>div{float:left;width:100%;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line>div div{float:left;margin-right:5px;margin-bottom:5px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line>div div a{display:inline-block;vertical-align:top;border:1px solid #cbcbcb;min-width:40px;height:40px;line-height:38px;text-align:center;padding:0 5px;color:#000000;font-size:12px;font-weight:500;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line>div div a.selected{border-color:#000;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek>.divKombinEksecenekTipi .kombinFormline .kombinright_line>div div a.nostok{background:#eee;color:#bfbfbf;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet{float:left;margin:0;width:110px;margin-bottom:25px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .hizliBakis_SalesUnit{float:left;width:100%;color:#000000;font-size:13px;line-height:35px;text-align:left;font-weight:500;text-transform:uppercase;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle{padding:0;margin:0;border:none;width:100%!important;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle input{float:left;width:100%;height:50px!important;padding:0 24px!important;color:#000000;font-size:15px;font-weight:normal;margin:0!important;border:2px solid #f1f1f1;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown{background:#f1f1f1;width:24px!important;height:50px!important;line-height:50px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp{background:#f1f1f1;width:24px!important;height:50px!important;line-height:50px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp:after{line-height:50px!important;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown:after{line-height:50px!important;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakisSepeteEkle{float:left;width:100%;background:#000;font-size:16px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;height:50px;line-height:50px;padding:0;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divHizliBakisFavorilerimeEkle{float:left;width:100%;margin-top:10px;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divHizliBakisFavorilerimeEkle .box1{float:left;width:100%;text-align:center;background:#000;font-size:14px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;height:50px;line-height:50px;padding:0;margin:0;min-width:0;}
.ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divHizliBakisFavorilerimeEkle .box1 i{font-family:'FontAwesome';font-weight:300;font-size:18px;vertical-align:top;line-height:50px;}
body .divHizliBakisUrunOzellikleri{float:left;width:100%;margin:25px 0;padding:0 25px;}
body .divHizliBakisUrunOzellikleri *{font-family:'Roboto',sans-serif;}
body .divHizliBakisUrunOzellikleri .TabBaslik{float:left;width:100%;}
body .divHizliBakisUrunOzellikleri .TabBaslik span{float:left;line-height:40px;font-size:18px;color:#000;font-weight:500;}
body .divHizliBakisUrunOzellikleri .TabIcerik{float:left;width:100%;}
body .divHizliBakisUrunOzellikleri .TabIcerik *{font-size:13px;color:#000;line-height:20px;}
#divHizliBakisBenzerUrun{padding:0 30px;}
#divHizliBakisIlgiliUrun{padding:0 30px;}
/* hizli bakis */
/*HOVER*/
/*1 li siralama*/
.categoryContainer .ProductList.PlSc_hrz{margin:0;}
.categoryContainer .ProductList.PlSc_hrz .ItemOrj{padding:0;}
.categoryContainer .ProductList.PlSc_hrz .productItem{width:100%;float:left;margin:0 0 10px;padding:0;}
.categoryContainer .ProductList.PlSc_hrz .ItemOrj:last-child .productItem{}
.categoryContainer .ProductList.PlSc_hrz .productImage{float:left;width:10%;}
.categoryContainer .ProductList.PlSc_hrz .productImage a{}
.categoryContainer .ProductList.PlSc_hrz .productItem .productDetail{width:calc(84% - 10%);height:0;padding:8px 5px 0;border:none;background:transparent;}
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent{}
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent .boxBedenlerContainer{text-align:center;}
.categoryContainer .ProductList.PlSc_hrz .productItem .boxBedenlerContent .boxBedenlerContainer>div{float:none;}
.categoryContainer .ProductList.PlSc_hrz .productName{width:100%;border:none;margin:0;}
.categoryContainer .ProductList.PlSc_hrz .productName a{height:auto;text-align:left;margin-bottom:0;text-indent:10px;}
.categoryContainer .ProductList.PlSc_hrz .productItem .productPrice{width:auto;float:left;bottom:0 !important;margin:10px 0 0 10px}
.categoryContainer .ProductList.PlSc_hrz .productItem .discountPrice{}
.categoryContainer .ProductList.PlSc_hrz .productItem .regularPrice{}
.categoryContainer .ProductList.PlSc_hrz .productItem .discountPrice span{line-height:1;}
.categoryContainer .ProductList.PlSc_hrz .productItem .regularPrice span{}
.categoryContainer .ProductList.PlSc_hrz .productItem .productFaMyEx{}
.categoryContainer .ProductList.PlSc_hrz .productItem .newIcon{bottom:auto;top:5px;right:80px;left:auto;}
.categoryContainer .ProductList.PlSc_hrz .productItem .discountIcon{bottom:auto;top:5px;right:20px;left:auto;}
.categoryContainer .ProductList.PlSc_hrz .productItem .cargoIcon{bottom:5px;left:auto;padding:0 52px;}
.categoryContainer .ProductList.PlSc_hrz .productItem .mycartIcon{bottom:5px;right:0;}
.categoryContainer .ProductList.PlSc_hrz .productItem .mycartIcon a{}
.categoryContainer .ProductList.PlSc_hrz .productItem .favori{right:5px;top:13px;}
.categoryContainer .ProductList.PlSc_hrz .urunListeAdet{left:auto;right:115px;bottom:5px;}
.categoryContainer .ProductList.PlSc_hrz .TukendiIco{height:100%;}
.categoryContainer .ProductList.PlSc_hrz .TukendiIco span{left:auto;padding:0 80px;bottom:5px;}
.categoryContainer .ProductList.PlSc_hrz .productItem .productMarka{}
/*1 li siralama*/
/*5 li siralama*/
.categoryContainer .ProductList.PlSc_5 .mycartIcon{}
.categoryContainer .ProductList.PlSc_5 .mycartIcon a{}
.categoryContainer .ProductList.PlSc_5 .examineIcon{}
.categoryContainer .ProductList.PlSc_5 .favori{}
.categoryContainer .ProductList.PlSc_5 .TukendiIco span{}
.categoryContainer .ProductList.PlSc_5 .urunListeAdet{}
/*5 li siralama*/
/*4 li siralama*/
.categoryContainer .ProductList.PlSc_4{}
.categoryContainer .ProductList.PlSc_4 .favori{}
.categoryContainer .ProductList.PlSc_4 .favori a{}
.categoryContainer .ProductList.PlSc_4 .examineIcon{}
.categoryContainer .ProductList.PlSc_4 .examineIcon a{}
.categoryContainer .ProductList.PlSc_4 .mycartIcon{}
.categoryContainer .ProductList.PlSc_4 .mycartIcon a{}
.categoryContainer .ProductList.PlSc_4 .discountPrice span{}
.categoryContainer .ProductList.PlSc_4 .regularPrice span{}
.categoryContainer .ProductList.PlSc_4 .quickViewIco{}
.categoryContainer .ProductList.PlSc_4 .cargoIcon{}
.categoryContainer .ProductList.PlSc_4 .newIcon{}
.categoryContainer .ProductList.PlSc_4 .discountIcon{}
.categoryContainer .ProductList.PlSc_4 .boxBedenlerContent{}
.categoryContainer .ProductList.PlSc_4 .boxBedenlerContent .boxBedenlerContainer>div{}
.categoryContainer .ProductList.PlSc_4 .boxBedenlerContent .boxBedenler{}
.categoryContainer .ProductList.PlSc_4 .discountPrice span{}
.categoryContainer .ProductList.PlSc_4 .regularPrice span{}
.categoryContainer .ProductList.PlSc_4 .productItem .productImage{}
.categoryContainer .ProductList.PlSc_4 .productItem:hover .productImage a:after{}
.categoryContainer .ProductList.PlSc_4 .productDetail{}
.categoryContainer .ProductList.PlSc_4 .ItemOrj{width: 33.33%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj:nth-child(4n){}
.categoryContainer .ProductList.PlSc_4 .TukendiIco{}
.categoryContainer .ProductList.PlSc_4 .TukendiIco span{}
.categoryContainer .ProductList.PlSc_4 .urunListeAdet{}
.categoryContainer .ProductList.PlSc_4 .urunListeAdet input{}
.categoryContainer .ProductList.PlSc_4 .urunListeAdetAzalt{}
.categoryContainer .ProductList.PlSc_4 .urunListeAdetArtir{}
/*4 li siralama*/
/*3 li siralama*/
.categoryContainer .ProductList.PlSc_3 .ItemOrj{}
.categoryContainer .ProductList.PlSc_3 .ItemOrj:nth-child(3n){}
.categoryContainer .ProductList.PlSc_3 .mycartIcon{}
.categoryContainer .ProductList.PlSc_3 .mycartIcon a{}
.categoryContainer .ProductList.PlSc_3 .examineIcon{}
.categoryContainer .ProductList.PlSc_3 .favori{}
.categoryContainer .ProductList.PlSc_3 .productItem .productImage{}
.categoryContainer .ProductList.PlSc_3 .productItem .productImage a{}
.categoryContainer .ProductList.PlSc_3 .urunListeAdet{}
.categoryContainer .ProductList.PlSc_3 .TukendiIco span{}
/*3 li siralama*/
/*2 li siralama*/
.categoryContainer .ProductList.PlSc_2 .mycartIcon{}
.categoryContainer .ProductList.PlSc_2 .examineIcon{}
.categoryContainer .ProductList.PlSc_2 .favori{}
.categoryContainer .ProductList.PlSc_2 .TukendiIco span{}
/*2 li siralama*/
/****************************************urun LiSTELEME *********************************/
/****************************************SLiDER VE BLOK SLDieR*********************************/
.JKatAdi{float:left;position:relative;width:100%;padding:0;margin:0;}
.JKatAdi .bold{display:block;float:left;width:100%;text-align:center;margin-bottom:50px;}
.JKatAdi .bold .satir1{display:block;vertical-align:top;line-height:16px;color:#1a1a1a;font-size:16px;font-weight:300;padding:0;position:relative;text-transform:uppercase;}
.JKatAdi .bold .satir1:after{content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;height:1px;background:#000;max-width:70px;bottom:-15px;}
.owl-nav{z-index:2;position:absolute;right:2px;top:40%;left:2px;}
.owl-nav .ProductListprev,.owl-nav .ProductListnext{font-size:0;position:absolute;border-radius:0;border:none;width:40px;height:45px;background:#000;display:inline-block;cursor:pointer;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.owl-nav .ProductListnext{right:-20px;}
.owl-nav .ProductListprev{left:-20px;}
.owl-nav .ProductListprev:before{content:'\f104';font-family:'FontAwesome';font-size:19px;color:#fff;line-height:45px;font-weight:300;}
.owl-nav .ProductListnext:before{content:'\f105';font-family:'FontAwesome';font-size:19px;color:#fff;line-height:45px;font-weight:300;}
.owl-nav .ProductListprev:hover{background:#000;}
.owl-nav .ProductListnext:hover{background:#000;}
.owl-nav .ProductListprev:hover:before{color:#fff;}
.owl-nav .ProductListnext:hover:before{color:#fff;}
.owl-carousel .owl-dots{/* display:none;*/
}
.sliderBannerContainer,.detaySliderContainer{float:left;width:100%;position:relative;margin:0;background:#f6f6f6;padding:70px 0px;}
.sliderBannerContainer .Block_Link{display:none;}
.sliderBannerContainer .ProductList{display:block !important;margin:0 auto;}
.sliderBannerContainer .Jbutonlar{display:none;}
.sliderBannerContainer .jCarouselLite{float:left;width:100%;}
.sliderBannerContainer .JKatAdi{display:block;border:0;}
.sliderBannerContainer .JKatAdi .bold{}
.sliderBannerContainer .JKatAdi .bold .satir1{}
.sliderBannerContainer ul{}
.detaySliderContainer .owl-dots{text-align:center;margin-top:30px;}
.detaySliderContainer .owl-dots .owl-dot{display:inline-block;width:11px;border:1px solid #272725;height:11px;border-radius:100%;margin:0px 6px;}
.detaySliderContainer .owl-dots .owl-dot.active{background:#272725;border-color:#272725;}
.sliderBannerContainer .owl-carousel{}
.sliderBannerContainer .owl-carousel .owl-stage-outer{}
.sliderBannerContainer .owl-dots{text-align:center;margin-top:30px;}
.sliderBannerContainer .owl-dots .owl-dot{display:inline-block;width:11px;border:1px solid #272725;height:11px;border-radius:100%;margin:0px 6px;}
.sliderBannerContainer .owl-dots .owl-dot.active{background:#1d1d1d;border-color:#1d1d1d;}
.sliderBannerContainer .mycartIcon{}
.sliderBannerContainer .examineIcon{}
/*Benzer urunler Cerceve*/
.benzerUrunlerWrapper{background:#efefef;clear:left;}
.benzerUrunlerWrapper:before,.benzerUrunlerWrapper:after{content:"";display:table;}
.benzerUrunlerWrapper:after{clear:both;}
.detaySliderContainer{float:left;width:100%;position:relative;margin:20px 0 0 0;}
.detaySliderContainer .ProductList{display:block !important;margin:0 auto;}
.detaySliderContainer .Jbutonlar{display:none;}
.detaySliderContainer .jCarouselLite{float:left;width:100%;}
.detaySliderContainer .JKatAdi{}
.detaySliderContainer .JKatAdi .bold{}
.detaySliderContainer .JKatAdi .bold .satir1{}
.detaySliderContainer ul{}
.detaySliderContainer .owl-carousel{}
.detaySliderContainer .owl-carousel .owl-stage-outer{}
.detaySliderContainer .owl-dots{}
.detaySliderContainer .owl-dots .owl-dot{}
.detaySliderContainer .owl-dots .owl-dot.active{}
.detaySliderContainer .owl-nav{}
.detaySliderContainer .mycartIcon{}
.detaySliderContainer .examineIcon{}
/* -------------------------------Anasayfa Slider----------------------------------------*/
#divIcerik #mainHolder_divDesign div.anasayfa_tek_slider{margin-top:-205px;}
#pnlSlider{position:relative;float:left;width:100%;margin:0;padding:0;margin-top:-205px;}
#pnlSlider ul li{display:block;}
#pnlSlider ul li a{display:block;}
#pnlSlider ul li a img{width:100%;display:block;}
#pnlSlider .flex-control-nav{position:absolute;bottom:40px;right:0;left:0;}
#pnlSlider .flex-control-paging li{margin:0 4.5px;}
#pnlSlider .flex-control-paging li a{float:right;width:11px;height:11px;border-radius:100%;border:none;background:var(--theme-color);box-shadow:none;text-shadow:none;}
#pnlSlider .flex-control-paging li a.flex-active{background:#fff;}
#pnlSlider .flex-direction-nav{position:absolute;top:45%;left:20px;right:20px;display:none;}
#pnlSlider .flex-direction-nav li{display:inline-block;vertical-align:top;}
#pnlSlider .flex-direction-nav .flex-nav-prev{float:left;}
#pnlSlider .flex-direction-nav .flex-nav-next{float:right;}
#pnlSlider .flex-direction-nav .flex-prev,#pnlSlider .flex-direction-nav .flex-next{color:#000;width:auto;height:auto;border:none;background:transparent;border-radius:0;top:0;margin:0;padding:0;box-shadow:none;opacity:1;font-size:0;position:relative;text-shadow:none;text-align:center;}
#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:20px;font-weight:300;line-height:70px;width:42px;background:#fff;}
#pnlSlider .flex-direction-nav .flex-next:before{content:'\f054';font-family:'FontAwesome';font-size:20px;font-weight:300;line-height:70px;width:42px;background:#fff;}
#pnlSlider .flex-direction-nav .flex-prev:hover{}
#pnlSlider .flex-direction-nav .flex-next:hover{}
#pnlSlider .flex-direction-nav .flex-next:hover:before{color:#fff;background:#000;}
#pnlSlider .flex-direction-nav .flex-prev:hover:before{color:#fff;background:#000;}
#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:110px;position:relative;height:62px;}
.HomePageSlideShowContainer{float:left;width:100%;position:relative;}
.HomePageSlideShowContainer .HomePageSlideShow{padding:0;width:100%;}
.HomePageSlideShowContainer .HPSItems{clear:both;cursor:pointer;width:100%;}
.HomePageSlideShowContainer .HPSItems div{cursor:pointer;float:left;margin:0;overflow:hidden;padding:0;position:absolute;width:100%;display:none;}
.HomePageSlideShowContainer .flex-control-nav img{border:none;margin:auto;padding:0;max-width:75px;width:auto;opacity:0.4;position:absolute;left:0;right:0;bottom:0;top:0;}
.HomePageSlideShowContainer .flex-control-nav .flex-active{opacity:1;}
.HomePageSlideShowContainer .navi{bottom:8px;height:10px;left:0px;margin:0;padding:0;position:absolute;width:100%;}
.HomePageSlideShowContainer .navi a{background-color:#777777;width:10px;height:10px;border-radius:0;display:block;float:right;font-size:1px;margin:0px 2px;position:relative;}
.HomePageSlideShowContainer .navi a:hover{background-color:#ff0000;}
.HomePageSlideShowContainer .navi a.active{background-color:#ff0000;}
/* ------------------------------------Anasayfa Slider--------------------------------------------*/
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider{float:left;width:100%;}
.markaSlider .JKatAdi{display:none;}
.markaSlider .JKatAdi .bold{}
.markaSlider .JKatAdi .bold .satir1{}
.markaSlider .jCarouselLite{display:block;margin:0 auto;}
.markaSlider .owl-carousel{float:left;width:100%;}
.markaSlider .owl-carousel .owl-stage-outer{}
.markaSlider .owl-nav{}
.markaSlider .owl-nav .ProductListprev,.markaSlider .owl-nav .ProductListnext{}
.markaSlider .owl-nav .ProductListprev:before,.markaSlider .owl-nav .ProductListnext:before{}
.markaSlider .owl-nav .ProductListnext:hover{}
.markaSlider .owl-nav .ProductListprev:hover{}
.markaSlider .owl-nav .ProductListnext:hover:before{color:#000;}
.markaSlider .owl-nav .ProductListprev:hover:before{color:#000;}
.markaSlider:before{content:'';display:table;clear:both;}
.markaSlider ul li{float:left;width:100%;display:inline-table;}
.markaSlider ul li a{display:table-cell;overflow:hidden;max-width:100%;vertical-align:middle;padding-bottom:27%;background:transparent;border-radius:0;overflow:hidden;}
.markaSlider ul li a img{max-width:100%;max-height:100%;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-filter:grayscale(0);filter:grayscale(0);}
.markaSlider ul li a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);}
/*------------------------------------markalar slider--------------------------------------------*/
/****************************************SLiDER VE BLOK SLDiER*********************************/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*------------------------- Header content ------------------------*/
.hoverr:before{content:'';position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.18);z-index:10;clear:none;display:block !important;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
#header:before{content:'';display:table;}
#header:after{content:'';display:table;}
#header{width:100%;float:left;z-index:1000;position:relative;background:#fff;}
#header.homeHeader{background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000',endColorstr='#ffffff',GradientType=0);/* IE6-9 */
}
#header.homeHeader:not(.fixed):not(.menuhover) .navigation .navUl>li>a{color:#fff;}
#header.homeHeader:not(.fixed):not(.menuhover) #lang{color:#fff !important;}
#header.categoryHeader{}
body.CategoryBody:before{content:'';background:-moz-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);background:-webkit-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);background:linear-gradient(to bottom,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#007db9e8',GradientType=0 );position:absolute;height:100px;left:0;right:0;width:100%;z-index:-1;top:242px;}
body.ProductBody:before{content:'';background:-moz-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);background:-webkit-linear-gradient(top,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);background:linear-gradient(to bottom,rgba(251,251,251,1) 0%,rgba(213,231,245,0) 30%,rgba(125,185,232,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#007db9e8',GradientType=0 );position:absolute;height:100px;left:0;right:0;width:100%;z-index:-1;top:222px;}
#header.productHeader{}
.headerContent{text-align:center;}
.headerContent:before{content:'';display:block;clear:both;}
.headerContent:after{content:'';display:block;clear:both;}
/*------------------------- Header content ------------------------*/
/*------------------------- Header logo,search,mycart,lang,welcome,navi Alanlari ------------------------*/
#logo{}
#logo .logo{display:inline-block;padding:26px 0 34px;vertical-align:middle;}
#logo .logo img{display:block;max-width:100%;}
.mycart{float:right;z-index:99;position:absolute;right:20px;top:25px;}
.mycart>a{display:block;color:#000;font-size:12px;}
.mycart>a:before{content:'\f290';font-family:'FontAwesome';font-weight:300;font-size:20px;line-height:20px;color:var(--theme-color);margin-right:4px;}
.mycart .sepetTecxt{display:none;}
.mycart .sepetUrunSayisi{font-size:15px;line-height:20px;color:var(--theme-color);}
.mycart .sepetUrun{display:none;}
.sepetTopTutar{display:none!important;}
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { 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;}
.mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
@media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }}
.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;}
.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: 300; }
.CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; }
.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: #000; 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;}
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.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 .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; }
.sepetimBody .mycart:hover:after  {display: none;}
.welcome{float:right;z-index:99;position:relative;display:none;}
.welcome>div{float:left;}
.welcome>ul{float:left;}
.uyeGirisWelcome,.uyeGirisUyeAdi{display:none;}
.headerUyeGiris a,.headerUyeOl a,.headerHesabim,.headerCikis{float:left;color:#000;font-size:13px;font-weight:normal;line-height:20px;}
.headerUyeOl a:before,.headerUyeGiris a:before,.headerHesabim:before,.headerCikis:before{font-family:'FontAwesome';line-height:20px;font-size:16px;font-weight:300;}
.headerSocialConnect .baglanButton a:hover,.welcome a:hover,.headerUyeGiris a:hover,.headerHesabim:hover,.headerCikis:hover{}
.headerUyeGiris a:before{content:'\f007';}
.headerHesabim:before{content:'\f007';}
.headerUyeOl a:before{}
.headerCikis:before{}
.headerUyeGiris a:after{}
.headerHesabim:after{}
.headerUyeOl a:after{}
.headerCikis:after{}
.headerUyeGiris a,.headerHesabim{}
.headerUyeOl a,.headerCikis{}
.welcome li{display:inline-block;vertical-align:top;}
.headerSocialConnect{display:none !important;float:right;margin-left:25px;}
.headerSocialConnect .baglanButton{background:transparent !important;border:none;margin:0;padding:0;line-height:0;}
.headerSocialConnect .baglanButton a{line-height:43px;color:#fff;text-indent:0;font-size:12px;font-weight:normal;padding:0;}
.headerSocialConnect .baglanButton a:before{content:'\f39e';font-family:'FontAwesomeBrands';margin-right:10px;font-size:12px;line-height:43px;vertical-align:top;font-weight:normal;}
.usernav{display:none;}
.MenuOverlayActive .searchContent{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(186,163,128,0.8);z-index:999;display:none;align-items:center;}
.searchContent.active{display:flex;}
.searchContent{right:208px;position:absolute;top:25px;z-index:9;}
.SearchToggle{position:absolute;left:0;}
.SearchToggle i{font-size:20px;display:block;width:20px;line-height:25px;text-align:center;background:transparent;border-radius:3px;color:var(--theme-color);}
.homeHeader:not(.fixed):not(.menuhover) .SearchToggle i{color:#fff;}
.homeHeader:not(.fixed):not(.menuhover) .mycart>a:before{color:#fff;}
.homeHeader:not(.fixed):not(.menuhover) .mycart .sepetUrunSayisi{color:#fff;}
.SearchOpen{width:100%;height:100%;text-align:center;cursor:pointer;}
.SearchClose{display:none;/*background:url(images/Close.png) right center no-repeat;*/
 width:100%;height:100%;}
 .searchContent.active .SearchClose{display:block;font-size:30px;color:#fff;position:fixed;top:50px;right:20%;cursor:pointer;width:auto;height:auto;}
 .searchContent.active .SearchClose i{font-size:30px;}
 .searchContent.active .SearchOpen{display:none;}
 #divAramaKategori{display:none !important;position:absolute;left:0;top:5px;}
 #divAramaKategori select{cursor:pointer;background:#f5f5f5;display:block;height:36px;border:none;border-right:1px solid #dcdcdc;width:135px;padding:0 0 0 15px;border-radius:0;text-transform:uppercase;color:#807e7e;font-size:12px;font-weight:300;}
 #divAramaKategori option{text-transform:capitalize;}
 .active .search{display:block;}
 .fixed .search,.fixed .searchContent.active .SearchClose i{top:12px;}
 .menuhover .search,.menuhover .searchContent.active .SearchClose i{top:12px;}
 .searchContent.active .SearchClose i{color:#fff !important;}
 .search{width:100%;max-width:695px;margin:0 auto;position:relative;display:none;}
 .ButtonMic{display:none !important;position:absolute;right:75px;top:1px;padding:0;border:none;border-radius:0;background:transparent;color:#795f52;font-size:14px;width:20px;height:40px;}
 #txtbxArama{float:left;width:100%;height:48px;border-radius:0;border:none;border-bottom:1px solid #ffffff;color:#ffffff;padding-right:25px;background:transparent;font-size:18px;font-weight:500;text-align:left;letter-spacing:0;transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
 #txtbxArama::-webkit-input-placeholder{color:#fff;}
 #txtbxArama:-moz-placeholder{color:#fff;}
 #txtbxArama::-moz-placeholder{color:#fff;}
 #txtbxArama:-ms-input-placeholder{color:#fff;}
 #txtbxArama:focus{color:#fff;}
 #btnKelimeAra{font-family:'FontAwesome'!important;background:transparent;width:50px;line-height:47px;font-size:26px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;position:absolute;right:0;top:0;border:none;border-radius:0;padding:0;cursor:pointer;z-index:9;-moz-appearance:none;-webkit-appearance:none;}
 .searchContent ul{padding:15px!important;text-align:left;max-height:400px;overflow-y:auto;overflow-x:hidden;}
 .searchContent ul li{float:left;width:100%;}
 .searchContent ul li a{line-height:30px;font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;float:left;}
 .navigation{float:left;width:100%;}
 .navigation>div{z-index:1;text-align:center;padding:0!important;}
 .menuhover .navigation .navUl{overflow:inherit !important;}
 .fixed .navigation .navUl{overflow:inherit !important;}
 .navigation .navUl{display:inline-block;font-size:0;padding:0;position:relative;float:left;text-align:center;width:100%;}
 .navigation .navUl>li{display:inline-block;vertical-align:middle;margin:0px 15px;}
 .navigation .navUl>li>a{float:left;color:var(--theme-color);font-size:16px;font-weight:600;line-height:50px;padding:0px 15px;border-bottom:1px solid transparent;}
 #header .navigation .navUl>li:hover>a{border-bottom-color:var(--theme-color);}
 .navigation .altMenu{position:absolute;top:0px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:all .2s ease-in-out;transform:translateY(15px) translateZ(0);padding-top:67px;}
 .navigation .navUl>li:hover>.altMenu{visibility:visible;opacity:1;pointer-events:visible;pointer-events:unset;-webkit-transform:none;transform:none;}
 .navigation .altMenu .altmenuSol>span{display:none;}
 .navigation .altMenu .altMenuler{display:inline-block;width:100%;text-align:left;background:#fff;padding:40px;vertical-align:top;}
 .navigation .altMenu .altMenuler .altMenuSag{float:right;width:320px;}
 .navigation .altMenu .altMenuler .altMenuSag .altMenuSagEditor{}
 .navigation .altMenu .altMenuler .altMenuSag>a{}
 .navigation .altMenu .altMenuler .altMenuSag>a>img{display:block;}
 .navigation .altMenu .altMenuler .altmenuSol{float:left;width:calc(100% - 320px);}
 .navigation .altMenu .altMenuler .altmenuSol ul{display:block;float:left;width:33.33333%;padding-left:40px;}
 .navigation .altMenu .altMenuler .altmenuSol ul li{display:block;clear:both;}
 .navigation .altMenu .altMenuler .altmenuSol ul li ul{}
 .navigation .altMenu .altMenuler .altmenuSol ul li a{display:inline-block;color:#1a1a1a;float:left;font-size:14px;line-height:48px;font-weight:300;}
 .navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{}
 .navigation .altMenu .altMenuler .altmenuSol ul li a:hover{position:relative;font-weight:500;color:var(--theme-color);}
 .navigation .altMenu .altMenuler .altmenuSol ul li a:hover:before{content:'';width:5px;height:5px;background:var(--theme-color);position:absolute;left:-15px;bottom:0;top:0;margin:auto;border-radius:100%;}
 .navigation .altMenu .altMenuler .altmenuSol>ul{}
 .navigation .altMenu .altMenuler .altmenuSol>ul>li{}
 .navigation .altMenu .altMenuler .altmenuSol>ul>li>a{}
 .navigation .altMenu .altMenuMarkalar{display:block;float:left;width:100%;padding:40px;}
 .navigation .altMenu .altMenuMarkalar>a{border:1px solid #ebebeb;float:left;margin-bottom:10px;padding:5px;width:100px;height:50px;margin-right:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
 .navigation .altMenu .altMenuMarkalar>a img{max-width:100%;}
/*Menu tipi 1*/
.navigation .HeaderMenu2>li ul{position:absolute;top:110%;left:40px;right:40px;padding:0;min-width:220px;z-index:1000;background-color:#f7f9fa;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);text-align:left;opacity:0;visibility:hidden;padding:30px 40px;/* display:none;*/
}
.navigation .HeaderMenu2>li>ul:before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px;}
.navigation .HeaderMenu2>li>ul li{position:relative;width:25%;float:left;}
.navigation .HeaderMenu2>li ul li ul{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
.navigation .HeaderMenu2>li ul li:hover>ul{display:block;right:100%;top:0;position:absolute;}
.navigation .HeaderMenu2>li ul li>a{display:inline-block;width:100%;font-size:14px;line-height:48px;color:#1a1a1a;-webkit-transition:all 0.8s cubic-bezier(0.19,1,0.22,1);-moz-transition:all 0.8s cubic-bezier(0.19,1,0.22,1);transition:all 0.8s cubic-bezier(0.19,1,0.22,1);}
.navigation .HeaderMenu2>li ul li:hover>a{/* background-color:#303030;*/
 /* color:#fff;*/
}
.navigation .HeaderMenu2>li ul li:hover>a:before{content:'\f111';font-family:FontAwesome;font-weight:900;font-size:6px;position:absolute;left:-10px;}
.navigation .HeaderMenu2>li>ul li>a .fa{display:none;}
.navigation .HeaderMenu2 li:hover>ul{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;opacity:1;/* display:block;*/
}
/*Menu tipi 1*/
.menuItemTittle{display:none;}
/* ------------------------------------Resimli Yan Menu--------------------------------------------*/
#header .yanResimliMenu{display:none;}
.yanResimliMenu{display:none;position:absolute;right:0;top:100%;left:0;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
.HomeBody .yanResimliMenu{display:block;}
.yanResimliMenu .yanResimliMenuContent{float:left;width:100%;position:relative;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Title{display:block;background-color:#e91d25;color:#fff;line-height:50px;border-radius:25px;font-size:14px;font-weight:500;padding-left:15px;cursor:pointer;position:relative;z-index:1;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Title:before{content:'\f0c9';font-family:'FontAwesome';font-size:12px;margin-right:7px;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Title:after{content:'\f107';font-family:'FontAwesome';font-size:12px;margin-left:8px;}
/*yanresimlimenusadecekategori*/
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Text{float:left;width:100%;position:absolute;top:100%;display:none;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari.active .Block_Text{display:block;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Text .KatMenu1{float:left;width:100%;padding:0;background:#e91d25;max-height:310px;overflow-y:auto;overflow-x:hidden;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Text .KatMenu1 li{float:left;width:100%;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Text .KatMenu1 li a{float:left;width:100%;line-height:35px;color:#fff;font-weight:500;padding:0 10px;}
.yanResimliMenu .yanResimliMenuContent .UrunGuruplari .Block_Text .KatMenu1 li a:hover{background-color:#fff;color:#e91d25;}
/*yanresimlimenusadecekategori*/
/*yanresimlimenu*/
.yanResimliMenu .resimliYanMenu .lfMenu{float:left;width:100%;text-align:left;border:1px solid #eaeaea;border-top:none;border-bottom:none;background:#fff;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl{}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem{}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem>a{font-size:13px;color:#2a2929;line-height:32px;padding:0 12px;display:block;border-bottom:1px solid #eaeaea;transition:all 0.3s ease;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:first-child>a{line-height:34px;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:last-child>a{line-height:33px;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem>a:after{content:'\f105';font-family:'FontAwesome';float:right;color:#666666;font-size:15px;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:hover>a{background:#e8e8e8;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:hover>.lfMenuAltContent{display:block;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_Tittle{display:none;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent{display:none;position:absolute;left:100%;top:1px;background:#fff;width:708px;padding:36px 10px 10px;min-height:398px;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1{float:left;width:100%;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim{float:left;width:100%;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem{float:left;width:16.66%;text-align:center;position:relative;margin-bottom:27px;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem>a{position:absolute;top:0;left:0;right:0;bottom:0;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemR{}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemR img{}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemN{height:80px;float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem:hover .altMenuItemN{color:#65c0be;text-decoration:underline;}
/*yanresimlimenu*/
/*------------------------------------Resimli Yan Menu--------------------------------------------*/
#lang_flag_container{top: 69px !important;left: auto !important;right: 220px;bottom:auto;z-index: 99 !important;position:absolute !important;}
#lang_flag_container #lang-detail{left: auto !important;top:100% !important;border-top:none !important;box-shadow:0 7px 10px -2px rgba(0,0,0,.3) !important;right: 0;}
#lang{color: var(--theme-color) !important;font-size:13px !important;font-weight:500;padding: 0 !important;background: transparent !important;}
#lang span{font-weight:500;}
#lang span:after{content:'\f0d7';font-family:'FontAwesome';margin-left:5px;}
#lang_flag_container:hover #lang{font-weight:500;}
#langHover{padding:13px 0 !important;}
#langHover.white{background:transparent !important;}
a#ucSepetim_btnSepetiTemizle{margin-top:28px;display:inline-block;}
#lang-detail .language a{font-size:11px!important;}
#lang-detail .currency a{font-size:11px!important;}
#lang-detail p{font-size:12px!important;}
/*------------------------- Header logo,search,mycart,lang,welcome,navi Alanlari ------------------------*/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
@media screen and (min-width:1921px){
    #mainHolder_divDesign .blokResimLink img{width:100%;}
}
/*Site ici scroll alanlar*/
.SmallImages::-webkit-scrollbar{width:5px;}
.SmallImages::-webkit-scrollbar-track{background:#efefef;}
.SmallImages::-webkit-scrollbar-thumb{background:#bbbbbb;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar{width:5px;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track{background:#efefef;}
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb{background:#bbbbbb;}
.CartProduct .SProduct::-webkit-scrollbar{width:5px;}
.CartProduct .SProduct::-webkit-scrollbar-track{background:#efefef;}
.CartProduct .SProduct::-webkit-scrollbar-thumb{background:#bbbbbb;}
.SepetBlockInfo::-webkit-scrollbar{width:5px;}
.SepetBlockInfo::-webkit-scrollbar-track{background:#efefef;}
.SepetBlockInfo::-webkit-scrollbar-thumb{background:#bbbbbb;}
.urunTabAlt::-webkit-scrollbar{width:5px;}
.urunTabAlt::-webkit-scrollbar-track{background:#efefef;}
.urunTabAlt::-webkit-scrollbar-thumb{background:#bbbbbb;}
#divOnyazi::-webkit-scrollbar{width:5px;}
#divOnyazi::-webkit-scrollbar-track{background:#efefef;}
#divOnyazi::-webkit-scrollbar-thumb{background:#bbbbbb;}
.UrunGuruplari .Block_Text::-webkit-scrollbar{width:5px;}
.UrunGuruplari .Block_Text::-webkit-scrollbar-track{background:#efefef;}
.UrunGuruplari .Block_Text::-webkit-scrollbar-thumb{background:#bbbbbb;}
.yanResimliMenu .KatMenu1::-webkit-scrollbar{width:5px;}
.yanResimliMenu .KatMenu1::-webkit-scrollbar-track{background:#efefef;}
.yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb{background:#bbbbbb;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar{width:2px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track{background:#f0f0f0;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb{background:var(--theme-color);}
body .kombinContent ul::-webkit-scrollbar{width:5px;}
body .kombinContent ul::-webkit-scrollbar-track{background:#efefef;}
body .kombinContent ul::-webkit-scrollbar-thumb{background:#bbbbbb;}
.searchContent ul::-webkit-scrollbar{width:5px;}
.searchContent ul::-webkit-scrollbar-track{background:#efefef;}
.searchContent ul::-webkit-scrollbar-thumb{background:#bbbbbb;}
/*Site ici scroll alanlar*/
body{background:#fff;}
/*Loading*body{opacity:0;}
.PageLoading{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999999;opacity:1!important;display:inline-table;text-align:center;width:100%;height:100%;}
.PageLoading i{display:table-cell;vertical-align:middle;}
/*Loading*/
.hesabimAnasayfaMenuler ul li a:hover .fa{color:#fff;}
.siparisTakipSayfasi{background:#fff;}
.siparisTakipSayfasi .siparisTakipBaslik{text-align:center;padding:20px 0 !important;}
.sepetiTemizle{float:right;line-height:43px;padding:0 10px;}
.popupSepet{width:99%;}
.popupSepet #hed div{width:94%;}
.sayfaIcerik *{font-family:'Poppins',sans-serif !important;}
#mainHolder_UrunDetay_imgCookie{display:none !important;}
.product_social_icon_wrapper{display:none;}
.HesabimContainer .urunDetayPanel{max-height:100%;}
.orders{width:100%;}
.innerContainer{}
.TumKategoriler{display:none;}
.welcomeOpen{display:none;}
.mycartClick{display:none;}
.searchClick{display:none;}
.bottomHead{display:none;}
.mobilMenuAcButton{display:none;}
.userLoginBtn,.userSignBtn{border:none !important;}
.magazaTeslimatBilgisiContent{display:none;}
#store_region_container{display:none;}
.menuUstBolum{background: var(--theme-color);}
.SepetUst{background: var(--theme-color);}
/*SliderYanblok*/
/*Blok*/
.Blok{float:left;width:100%;margin:0;}
.ban{float:left;width:100%;margin-bottom:20px;}
.ban:last-child{margin-bottom:0;}
.Blok a{float:left;width:100%;overflow:hidden;display:block;border-radius:0;position:relative;transition:all .3s ease-in-out;}
.Blok img{display:block;width:100%;border-radius:0;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;}
.Blok a:hover img{transform:scale(1.05);}
.ScRow{margin:0 -10px;}
/*grid*/
.Scol1{float:left;width:100%;padding:0;}
.Scol1 .ScRow{margin:0;}
.Scol2{float:left;width:50%;padding:0 10px;}
.Scol2 .ScRow{}
.Scol3{float:left;width:33.33%;padding:0 10px;}
.Scol3 .ScRow{margin:0;}
.Scol4{float:left;width:25%;padding:0 10px;}
.Scol4 .ScRow{margin:0;}
.Scol5{float:left;width:20%;padding:0 10px;}
.Scol5 .ScRow{margin:0;}
.Scol6{float:left;width:66.66%;padding:0 10px;}
.Scol6 .ScRow{}
.Scol7{float:left;width:59.017%;padding:0 10px;}
.Scol7 .ScRow{}
.Scol8{float:left;width:40.984%;padding:0 10px;}
.Scol8 .ScRow{}
/*grid*/
/*------------------Instagram--------------------*/
.Instagram{}
.InstagramContent{width:1300px;margin:0 auto;max-width:100%;overflow:hidden;}
.InstagramContentTitle{text-align:center;margin:40px 0px;}
.Instagram .instagramTitle{float:left;width:100%;}
.instagramBolumu{display:block;float:left;width:100%;}
.blokRow{margin:-22.5px;width: 100%;float: left;}
.instaul .instaitem {width: 25%;margin-bottom: 10px;  float: left;}
.instaul .instaitem a{display: block;}
.instaul .instaitem a img{display: block;}
.dortluBlok{float:left;width:25%;padding:22.5px;}
.linkres{position:relative;}
.dortluBlok a{position:absolute;left:0;right:0;top:0;bottom:0;}
.dortluBlok .PosRev{float:left;width:100%;position:relative;overflow:hidden;}
.dortluBlok .PosRev .linkres{float:left;width:100%;position:relative;}
.dortluBlok .PosRev .linkres a{position:absolute;left:0;right:0;top:0;bottom:0;}
.dortluBlok .PosRev .linkres img{}
.dortluBlok .PosRev .favbeg{position:absolute;left:10px;right:10px;bottom:-50px;transition:all 0.3s ease-in-out;}
.dortluBlok .PosRev .favbeg .YorumSayi{float:right;color:#fff;font-size:15px;line-height:20px;font-weight:600;cursor:default;}
.dortluBlok .PosRev .favbeg .YorumSayi i{display:inline-block;vertical-align:top;margin-right:8px;line-height:20px;font-size:20px;}
.dortluBlok .PosRev .favbeg .BegenSayi{float:left;color:#fff;font-size:15px;line-height:20px;font-weight:600;cursor:default;}
.dortluBlok .PosRev .favbeg .BegenSayi i{display:inline-block;vertical-align:top;margin-right:8px;line-height:20px;font-size:20px;}
.dortluBlok .PosRev .HasTagler{}
.dortluBlok .PosRev .linkres:before{content:'\f16d';font-family:'FontAwesomeBrands';font-size:28px;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.3);opacity:0;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.dortluBlok:hover .PosRev .linkres:before{opacity:1;}
.dortluBlok:hover .favbeg{bottom:10px;}

.JKatAdi .bold .satir1 small {clear: left; float: left; width: 100%; font-size: 12px; margin-top: 20px; }
.newArrive .hazirBlokContent .txcol-flex-wrap {width: calc(100%*1/4); }
.newArrive .hazirBlokContent .txcol-flex-wrap .bannerImageWrapper a img {margin: auto; }
/*------------------Instagram--------------------*/
/*GuvenList*/
.GuvenList{float:left;width:100%;padding:30px 0;border-top:1px solid #dedede;}
.GuvenList ul{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-webkit-justify-content:space-between;-ms-justify-content:space-between;list-style:display:none;}
.GuvenList ul li{display:inline-block;vertical-align:top;float:left;text-align:center;}
.GuvenList ul li .gimg{color:#000000;font-size:30px;margin-bottom:20px;float:left;width:100%;}
.GuvenList ul li .gimg i{line-height:30px;vertical-align:top;display:inline-block;float:left;width:100%;}
.GuvenList ul li .gtex{color:#000000;font-size:12px;line-height:1.5;display:block;}
.GuvenList ul li .gtex p{font-weight:600;}
/*GuvenList*/
/*Footer*/
#footer{float:left;width:100%;position:relative;margin-top:0;background:#1d1d1b;}
.footerCenter{width:1300px;max-width:100%;margin:0 auto;}
.FooterSC{float:left;width:100%;position:relative;}
.FooterTop{float:left;width:100%;position:relative;}
.FooterMiddle{float:left;width:100%;position:relative;}
.FooterBottom{float:left;width:100%;position:relative;}
.ebultenDiv{float:left;position:relative;width:300px;}
.ebultenGelecek{display:inline-block;width:490px;vertical-align:top;max-width:90%;}
#divNewsLetter{float:left;width:100%;position:relative;}
#divNewsLetter label{display:none;margin-bottom:25px;text-align:center;color:#000000;line-height:1.2;font-size:12px;}
#UpdatePanel1{position:relative;float:right;width:100%;}
#txtbxNewsletterMail{color:#fff;height:45px;border:0;border-bottom:1px solid #fff;font-size:12px;padding:0 45px 0 0;background:transparent;border-radius:0;display:inline-block;width:100%;text-align:left;font-weight:normal;opacity:1;letter-spacing:.5px;}
#txtbxNewsletterMail::-webkit-input-placeholder{color:#fff;}
#txtbxNewsletterMail:-moz-placeholder{color:#fff;}
#txtbxNewsletterMail::-moz-placeholder{color:#fff;}
#txtbxNewsletterMail:-ms-input-placeholder{color:#fff;}
#txtbxNewsletterMail:focus{color:#fff;}
.newsbutton{font-family:'FontAwesome';width:45px;height:45px;line-height:45px;color:#fff;background:transparent;font-size:16px;font-weight:normal;display:inline-block;position:absolute;right:0;top:0;text-align:center;border:none;border-radius:0;padding:0;margin:0!important;text-decoration:none;}
.newsbutton i:before{content:'\f1d8';}
.ebultenGelecek #divNewsLetter{display:block;padding:0;}
#footer .linkler{float:left;width:100%;position:relative;padding:45px 0 25px;}
#footer .linkler .blink{float:left;width:100%;margin:0}
#footer .linkler .blink>ul{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-webkit-justify-content:space-between;-ms-justify-content:space-between;}
#footer .linkler .blink>ul>li{float:left;}
#footer .linkler .blink>ul>li:last-child{margin-bottom:0;}
#footer .linkler .blink>ul li{display:block;}
#footer .linkler .blink>ul>li>span{display:table;clear:left;font-size:16px;color:#000;position:relative;font-weight:500;margin-bottom:20px;}
#footer .linkler .blink>ul>li>ul{display:inline-block;vertical-align:top;}
#footer .linkler .blink>ul>li>ul>li>a{font-weight:normal;float:left;width:100%;font-size:14px;color:#000;font-weight:normal;margin-bottom:10px;}
#footer .linkler .blink>ul>li>ul>li:last-child>a{margin-bottom:0;}
#footer .linkler .blink>ul>li>ul>li>a:hover{text-decoration:underline;color:#333333;}
#footer .socialDiv{display:block;}
#footer .socialDiv ul{display:inline-block;vertical-align:top;}
#footer .socialDiv ul li{float:left;margin-right:10px;}
#footer .socialDiv ul li:last-child{margin-right:0;}
#footer .socialDiv ul li a{float:left;width:40px;height:40px;text-align:center;border-radius:100%;color:#fff;font-size:18px;background:#000;}
#footer .socialDiv ul li a i{display:inline-block;vertical-align:top;line-height:40px;}
#footer .socialDiv ul li a:hover{}
.bankimg{display:inline-block;vertical-align:top;}
.kartimg{display:inline-block;vertical-align:top;}
.ssl{display:inline-block;vertical-align:top;}
.bankimg img,.kartimg img,.ssl img,.store a img{display:inline-block;vertical-align:top;}
.store{display:inline-block;vertical-align:top;}
.store a{float:left;}
.store a:last-child{margin-right:0;}
.copy{float:left;color:#777777;font-size:14px;font-weight:normal;line-height:25px;}
.telefonDiv{}
.telefonDiv>span{}
#frmBlokEBulten{}
#ulBulletin{}
.intl-tel-input{}
#inptBlokTelefonBulten{}
#btnBlokEBultenKaydet{}
/*Footer*/
#ticimaxCopyright{font-family:'Roboto',sans-serif !important;margin:0 auto !important;padding:19px 0;float:left;width:100%;text-align:center;background:#fff;font-size:11px;color:#1d1d1b !important;}
#ticimaxCopyright a{color:#1d1d1b !important;}
#back-to-top{float:right;position:fixed;right:1%;bottom:5%;z-index:9999;}
#back-to-top a { float: left; text-align: center; width: 50px; height: 60px; background: url('https://cdn.ticimax.com/v8100/App_Themes/elittema9/images/backtop.png') center center #f1f1f1 no-repeat; }
/*---------------------------- site ozel alan kodlar ----------------------------------*/
/* ------------------------------------Container--------------------------------------------*/
.headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer,.temaContainer{max-width:1300px;margin:0 auto;position:relative;clear:both;display:block;}
.sliderBannerContainer .ProductList{max-width:1300px;}
.detaySliderContainer .ProductList{max-width:1300px;}
.homeContainer .ProductListContent .ProductList{max-width:1180px;}
.markaSlider .jCarouselLite{max-width:1180px;}
#divIcerik{}
.headerContent{text-align:center;max-width:1800px;}
.homeContainer .ticiContainer{}
.UyeGiris .ticiContainer{}
.HesabimTakip .ticiContainer{}
.Iletisimaspx .ticiContainer{}
.innerContainer{}
.ticiContainer{}
.sepetimBody .ticiContainer{}
.sepetimBody .footerSslLogo{display:none!important;}
body ul.breadcrumb{}
.ticiContainer.homeContainer{}
.ticiContainer.categoryContainer{padding-top:40px;}
.ticiContainer.productDetailContainer{}
.ticiContainer.pageContainer{}
#footer .ticiContainer{}
.sepetimBody #footer .ticiContainer{}
.sepetimBody .headerContent{}
ul.breadcrumb{clear:none;}
.leftBlock{float:left;padding:0;}
.rightBlock{float:right;padding:0;}
.centerCount{float:left;padding:0;}
.centerCount.Middle{width:100%;padding:0;}
.centerCount.userLoginContent{width:100%;padding:0;}
.centerCount.iletisimContent{width:100%;padding:0;}
.centerCount.UyeolContent{width:100%;padding:0;}
.centerCount.HesabimTakip{width:100%;padding:0;}
.leftBlock{float:left;width:25%;padding-right:20px;}
.rightBlock{float:right;width:25%;padding-left:20px;}
.centerCount{float:left;width:100%;padding:0;}
/*SolveOrta*/
.leftBlock.LeftMiddle{width:264px;margin-bottom:30px;padding-right:30px;}
.centerCount.LeftMiddle{width:calc(100% - 264px);max-width:100%;}
.rightBlock.MiddleRight{width:300px;}
.centerCount.MiddleRight{width:calc(100% - 300px);}
/*SolveOrta*/
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight{}
.rightBlock.LeftMiddleRight{}
.centerCount.LeftMiddleRight{}
/*SolOrtaSag*/
/*OrtaSag*/
.rightBlock.MiddleRight{}
.centerCount.MiddleRight{}
/*OrtaSag*/
.categoryContainer .centerCount{}
.ticiContainer:before,.ticiContainer:after{content:"";display:table;}
.ticiContainer:after{clear:both;}
.ticiContainer{clear:both;zoom:1;}
.headerContent:after,.headerContent:before,.headerContent:after,.headerContent:before{content:"";display:table;clear:both;}
/* ------------------------------------Container--------------------------------------------*/
/*ozel alanlar*/
.HeaderLogo{margin:20px 30px;display:inline-block;vertical-align:middle;}
.homeHeader:not(.fixed):not(.menuhover) .HeaderLogo img.lg2{display:none}
#header.homeHeader:not(.fixed):not(.menuhover) .HeaderLogo img.lg1{display:block;}
#header .HeaderLogo img.lg1{display:none;}
.HeaderHeart{position:absolute;right:170px;top:80px;}
.HeaderHeart a i{color:var(--theme-color);font-weight:300;font-size:20px;line-height:20px;}
.homeHeader:not(.fixed):not(.menuhover) .HeaderHeart a i{color:#fff !important;}
.homeHeader:not(.fixed):not(.menuhover) .HeaderUser a i{color:#fff !important;}
#VideoAlani iframe{width:750px;height:450px}
.HeaderUser{position:absolute;right:115px;top:25px;z-index:9;}
.HeaderUser a i{color:var(--theme-color);font-weight:300;font-size:20px;line-height:20px;}
.HeaderSlogan{text-align:center;line-height:37px;background:#1d1d1b;color:#fff;font-size:12px;}
.fixed:not(.menuhover) .HeaderSlogan{}
.HeaderSlogan span{font-weight:bold;}
.HomeText{float:left;width:100%;text-align:center;vertical-align:middle;margin:70px 0px;}
.HomeTextDetail{text-align:center;width:100%;vertical-align:middle;letter-spacing:.5px;line-height:30px;overflow:hidden;}
.HomeTextMore{cursor:pointer;display:inline-block;vertical-align:middle;border:1px solid #ebebeb;width:45px;color:#000;font-size:15px;margin-left:65px;}
.HomeTextMore i{line-height:45px;}
.HomeText.active .HomeTextMore i:first-child{display:none;}
.HomeText.active .HomeTextMore i:last-child{display:block;}
.HomeText .HomeTextMore i:last-child{display:none;}
.HomeImageBlockContent{float:left;width:100%;margin-top:90px;}
.HomeImageBlockContent-Title{font-size:140px;color:#f5f6f7;margin-bottom:100px;position:relative;font-weight:700;line-height:130px;}
.HomeImageBlockContent-Title:before{content:'';width:1px;height:107px;background:#e5e5e5;position:absolute;left:50%;top:-110px;}
.HomeImageBlockContent ul{margin:0px -32px;}
.HomeImageBlockContent ul li{float:left;padding:0px 32px;width:33.33333333%;}
.HomeImageBlockContent ul li .ImageBlock-TextWrap:after{content:'';position:absolute;top:0px;left:0px;width:40px;height:1px;background:#fff;}
.HomeImageBlockContent ul li:nth-child(1){}
.HomeImageBlockContent ul li:nth-child(2){margin-top:160px;}
.HomeImageBlockContent ul li:nth-child(3){margin-top:-140px;}
.HomeImageBlockContent ul li a{display:inline-block;vertical-align:middle;position:relative;overflow:hidden;}
.HomeImageBlockContent ul li a .ImageBlock-ImgWrap{}
.HomeImageBlockContent ul li a .ImageBlock-TextWrap{position:absolute;bottom:0;left:20px;right:20px;padding:19px 0;}
.HomeImageBlockContent ul li a .ImageBlock-TextWrap .TextWrap-Title{font-size:22px;font-weight:700;color:#fff;letter-spacing:.5px;}
.HomeImageBlockContent ul li a .ImageBlock-TextWrap .TextWrap-Text{font-size:14px;color:#fff;letter-spacing:.5px;}
.HomeVideoBlock{overflow:hidden;margin:140px 0px 70px 0px;cursor:pointer;text-align:center;}
.HomeVideoBlock.active img{display:none;}
.HomeVideoBlock a{}
.HomeVideoBlock img{}
.HomeVideoBlock iframe{}
div#divInstashopResim{float:left;width:100%;margin:75px 0;overflow:hidden;}
div#divInstashopResim .ResimGaleriHeadIcerik{margin:40px 0px}
div#divInstashopResim h2{font-size:18px;color:#1a1a1a;margin-bottom:20px;}
div#divInstashopResim p{font-size:14px;color:#1a1a1a;}
div#divInstashopResim .ResimGaleri{width:1300px;max-width:100%;margin:0 auto;text-align:center;}
.InstaGallery{width:100%;}
.IntShop{display:none}
#divInstashopResim a.AllImages{line-height:40px;background:#1d1d1b;padding:0px 30px;font-size:14px;color:#ffffff;display:inline-block;vertical-align:top;}
.EbultenWrap{float:left;width:100%;text-align:center;margin-bottom:40px;}
.ebultenGelecekTitle{font-size:24px;line-height:24px;color:#fff;margin-top:80px;margin-bottom:20px;}
.ebultenGelecekText{font-size:12px;line-height:12px;color:#fff;margin:15px 0px;}
.ebultenGelecek{}
.FooterColWrap{float:left;width:100%;}
.FooterColContent{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between;-webkit-flex-direction:row;-ms-flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-webkit-justify-content:space-between;-ms-justify-content:space-between;padding:40px 130px;}
.FooterCol{max-width:27%;}
.FooterCol ul{}
.FooterCol ul li,.FooterCol ul li a{line-height:40px;letter-spacing:.5px;color:#fff;font-size:12px;}
.FooterColLast ul li,.FooterColLast ul li a .FooterColLast{line-height:22px;clear:both;}
.FooterColLast{padding-top:8px;}
.FooterBankImg{float:left;width:100%;text-align:center;margin-top:40px;margin-bottom:25px;}
.FooterBankImg *{display:inline-block;line-height:25px;font-size:13px;color:#1d1d1b;}
.FooterApp{float:left;clear:both;width:100%;}
.FooterApp li:first-child{margin:20px 0px;width:100%;}
.FooterApp > ul > li:nth-child(2) a:first-child{margin-right:20px;display:block;float:left;}
.FooterApp > ul > li:nth-child(2) a{display:block;float:left;}
.FooterApp i{font-size:23px;color:#fff;float:left;line-height:23px;}
i.fa-google-play{font-size:18px !important;}
.FooterSocial{float:left;margin-top:14px;}
.FooterSocial a{display:block;float:left;margin-right:10px;}
.FooterSocial i{width:27px;line-height:27px;background:#fff;border-radius:100%;text-align:center;font-size:13px;color:#1d1d1b;}
.FooterBankImg img{max-width:90%;display:inline-block;vertical-align:top;}
.FooterCopy{float:left;width:100%;text-align:center;line-height:50px;font-size:11px;color:#fff;margin-top:24px;}
.sortingContent .blockSelect{display:none !important;}
.sortingContentToggle{float:right;line-height:50px;font-size:12px;color:#1a1a1a;cursor:pointer;}
.sortingContentToggle i{float:right;line-height:50px;margin-left:20px;}
.sortingContentToggle i:nth-child(2){display:none;}
.brandlistselection.active .sortingContentToggle i:nth-child(2){display:block;}
.brandlistselection.active .sortingContentToggle i:nth-child(1){display:none;}
body .SliderSocial{display:none;}
body.HomeBody .SliderSocial{display:block;position:absolute;max-height:max-content;top:0;bottom:0;left:60px;z-index:999;margin:auto;}
body.HomeBody .SliderSocial li{margin:10px 0px;}
body.HomeBody .SliderSocial li a{display:block;width:23px;text-align:center;}
body.HomeBody .SliderSocial li a i{font-size:20px;color:#000000;}
body.HomeBody .SliderSocial li a i.fa-facebook-f,body.HomeBody .SliderSocial li a i.fa-youtube{font-size:18px;}
/*windows fixed alani*/
@media screen and (min-width:1041px){#header.fixed:not(.menuhover){position:fixed;top:0;left:0;right:0;margin:0;padding:0;z-index:1000;box-shadow:0 5px 10px -2px rgba(0,0,0,.3);background:rgba(255,255,255,0.9);}
#header.menuhover{position:fixed;top:0;left:0;right:0;margin:0;padding:0;z-index:1000;box-shadow:0 5px 10px -2px rgba(0,0,0,.3);background:rgba(255,255,255,0.9);}
#header.fixed{}
body.margin{margin-top:222px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{display:none !important;}
body #divSayfalamaUst:not(.Slct) .brandlistselection.active .sortingContent{display:block !important;}
}
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px){.leftBlock.LeftMiddle{width:25%;padding-right:20px;}
    .centerCount.LeftMiddle{width:75%;}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight{width:25%;}
.rightBlock.LeftMiddleRight{width:50%;}
.centerCount.LeftMiddleRight{width:25%;}
/*SolOrtaSag*/
/*OrtaSag*/
.rightBlock.MiddleRight{width:25%;}
.centerCount.MiddleRight{width:75%;}
/*OrtaSag*/
.homeContainer .col-5li{width:25%;}
.category-vertical-filters.top-filters .panel{}
}
@media screen and (max-width:1650px){}
@media screen and (max-width:1480px){}
@media screen and (max-width:1366px){}
@media screen and (min-width:1366px) and (max-width:1450px){.searchContent{right:147px;}
    .HeaderUser{right:78px;}
    .mycart{right:10px;}
}
@media screen and (min-width:1301px) and (max-width:1365px){.middleTopBlock{overflow:hidden}
    .owl-nav .ProductListnext{right:0;}
    .owl-nav .ProductListprev{left:0;}
    .searchContent{right:110px;}
    #lang_flag_container{right:20px !important;top:20px !important;}
    .HeaderUser{right:58px;}
    .mycart{right:10px;}
    .navigation .navUl>li{margin:0px;}
}
@media screen and (min-width:1201px) and (max-width:1300px){/* ------------------------------------Container--------------------------------------------*/
 .headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer,.temaContainer{max-width:1160px;}
/* ------------------------------------Container--------------------------------------------*/
.sliderBannerContainer .ProductList{max-width:1160px;}
.detaySliderContainer .ProductList{max-width:1160px;}
.homeContainer .ProductListContent .ProductList{max-width:1160px;}
.markaSlider .jCarouselLite{max-width:1160px;}
.mycart{top:20px;}
.searchContent{top:20px;right:110px;z-index:99;}
.HeaderUser{top:20px;right:52px;z-index:99;}
.InstagramContent{padding:0px 30px}
.middleTopBlock{overflow:hidden}
#lang_flag_container{right:140px !important;top:10px !important;}
}
/*Tablet Laptop Arasi*/
@media screen and (min-width:1042px) and (max-width:1200px){/* ------------------------------------Container--------------------------------------------*/
 .headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer,.temaContainer{max-width:960px;}
/* ------------------------------------Container--------------------------------------------*/
.sliderBannerContainer .ProductList{max-width:960px;}
.detaySliderContainer .ProductList{max-width:960px;}
.homeContainer .ProductListContent .ProductList{max-width:960px;}
.markaSlider .jCarouselLite{max-width:960px;}
.basketBtn{width:215px}
.buyfast{width:165px}
.navigation .navUl>li{margin:0;}
.mycart{top:20px;}
.searchContent{top:20px;right:110px;z-index:99;}
.HeaderUser{top:20px;right:52px;z-index:99;}
.InstagramContent{padding:0px 30px}
.middleTopBlock{overflow:hidden}
#lang_flag_container{right:140px !important;top:10px !important;}

}
/*Tablet Dik ve Yatay*/
@media screen and (min-width:768px) and (max-width:1041px){
    #VideoAlani iframe{max-width:100%;max-height:300px}
/* ------------------------------------Container--------------------------------------------*/
.headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer,.middleBottomBlock,.FooterColWrap,.temaContainer{max-width:720px;float:none !important;margin:0 auto !important;}
.leftImage{width:40%;padding:0;background:transparent;}
#divVideoGoruntulemeAlan{width:100%!important;}
.Images{width:100%;padding-bottom:150%;}
.SmallImages{width:100%;overflow:visible;max-height:100%;padding:0 0 10px;}
.SmallImages div{width:22%;height:auto;margin-top:10px;margin-right:10px;margin-bottom:0;}
.RightDetail{width:60%;padding:0 0 0 20px;}
.taksitBlok{width:50%;}
.homeContainer .ProductListContent .ItemOrj{width:33.33%;max-width:33.33%;}
/*TabletMenu*/
/* ------------------------------------Container--------------------------------------------*/
.sliderBannerContainer .ProductList{max-width:720px;}
.detaySliderContainer .ProductList{max-width:720px;}
.homeContainer .ProductListContent .ProductList{max-width:720px;}
.markaSlider .jCarouselLite{max-width:720px;}
.HeaderSlogan{line-height:20px;}
.HeaderLogo{width:200px;margin:20px auto;}
.HeaderHeart,.HeaderUser,.mycart{top:21px;}
.SearchToggle{top:0;}
.searchContent{top:20px;}
.homeHeader .mobilMenuAcButton{color:#1d1d1d;margin-top:0;}
#pnlSlider{margin-top:-82px}
.HomeTextDetail{max-width:80%;}
.HomeText{margin:60px 0px;}
.HomeImageBlockContent-Title{font-size:90px;line-height:90px;margin-bottom:60px;}
.HomeImageBlockContent-Title:before{height:75px;top:-80px;}
.HomeImageBlockContent ul li{padding:0px 5px}
.HomeImageBlockContent ul{margin:0px -5px;}
.FooterColContent{padding:20px;}
.HomeImageBlockContent{margin-top:50px;}
.HomeVideoBlock,div#divInstashopResim{margin:30px 0px;}
.basketBtn,.buyfast{max-width:47%;}
.search{max-width:400px;}
.searchContent.active .SearchClose{top:100px;}
body.HomeBody .SliderSocial{left:25px;}
.sliderBannerContainer,.detaySliderContainer{padding:20px 10px}

#lang_flag_container{right: 230px !important;top:10px !important;}

}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media screen and (max-width:1041px){/******************************************************/
 body .dropdown-toggle:after{display:none;}
 body #divSayfalamaUst{padding:0;margin:10px 0 25px;width:100%;border:1px solid #e3e3e3;width:100% !important;}
 .urunListRel{width:100%;}
 body .mobilFilterOpenBtn .button{padding:0;margin:0;color:#262324;width:50%;float:left;line-height:40px;background:#fff;font-size:14px;display:inline-block;vertical-align:top;font-weight:500;}
 body .mobilFilterOpenBtn .button.mobilSiralamBtn{border-right:1px solid #e3e3e3;float:left;}
 body .mobilFilterOpenBtn .button.mobilFilterBtn{float:right;}
 body .mobilFilterOpenBtn{margin:0;padding:0;}
 .categorydesign .uNo{float:right;color:#999a9d;font-size:12px;}
 body #divSayfalamaUst .filterDeleteContent{display:none;}
 body #divSayfalamaUst.Slct .brandlistselection{position:absolute;top:0;z-index:99;width:50%;background:#fff;border:none;border-right:1px solid #e3e3e3;left:0;padding:0;}
 body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width:100%;display:block!important;}
 body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width:100%;margin:0;}
 body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width:100%;height:40px;font-size:14px;border:none;color:#262324;text-align-last:center;font-weight:500;min-width:auto;border-radius:none;background:transparent;padding:0px !important;-webkit-appearance:button-bevel;}
 body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display:none;}
 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:100%;left:0;right:0;z-index:10;border-bottom:none;background:#fff;border:1px solid #e5e5e5;}
 body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{top:10px;left:0;width:100%;padding:0;display:none;}
 body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){margin:0;width:100%;}
 body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a{border-bottom:1px solid #e5e5e5;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:nth-child(5){display:none;}
 body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;}
 body .category-vertical-filters.top-filters{display:block!important;position:fixed;top:0;right:-100%;bottom:0;z-index:9999;background:#f3f5f8;margin:0;padding:0;border:none;transition:all 0.3s ease;overflow-y:auto;overflow-x:hidden;}
 body .filterBlock.active .category-vertical-filters.top-filters{right:0;}
 body .category-vertical-filters.top-filters .FiltreUst{float:left;width:100%;background:#fff;line-height:50px;font-size:16px;color:#262324;margin-bottom:10px;padding:0 10px;position:relative;text-align:center;}
 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 a{float:right;font-size:13px;position:relative;z-index:1;color:#f00;display:none;}
 body .category-vertical-filters.top-filters .FiltreUst a.active{display:block;}
 body .category-vertical-filters.top-filters .FiltreUst a i{color:#f00;font-size:20px;display:inline-block;vertical-align:top;line-height:50px;margin-left:5px;}
 body .category-vertical-filters.top-filters .tukgo{float:left;width:100%;margin-bottom:10px;position:relative;padding:0 10px;}
 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 .category-vertical-filters.top-filters .panel .panel-heading .moreNum{position:absolute;right:40px;top:0;bottom:0;line-height:50px;font-size:15px;color:#000;}
 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:10px;}
 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;}
 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:3px;display:inline-block!important;}
 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 .slider-range{margin:0 0 15px 10px!important;width:calc(100% - 20px);}
 body .amount{padding:0;}
 .centerCount{width:100%!important;}
 .leftBlock{display:none!important;}
 .rightBlock{display:none!important;}
 .homeContainer .leftBlock{}
 .homeContainer .rightBlock{}
 .productMust{display:none;}
 .productNumber{display:none;}
 .pageNumberContent a,.pageBorder a{font-size:11px;min-width:30px;height:30px;line-height:28px;margin:0 2.5px;}
 .pageNumberContent a.SelectedSayfa,.pageBorder a.SelectedSayfa{}
 .pageNumberBottom{padding:5px 0;margin:5px 0;}
 .UyeolContent .grid{margin:30px 18px;}
 .owl-carousel .owl-item img{max-width:100%;}
 .uyeOlContainer #FrmYeniUye>.uyeOlCol{width:100%;}
 body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display:none;}

/*MobilMenu*/
.menuUstBolum { width: 100%; display: inline-block; float: left; margin-top:0; border-bottom:1px solid #e8e8e8;}
.menuUstBolum .CloseBtnMenu { float: right; fill: #fff; width: 50px; text-align: center; margin:0;cursor: pointer;}
.menuUstBolum .CloseBtnMenu svg{width: 20px;margin-top: 15px;}
.menuUstBolum .menuBack { float: left; line-height: 50px;fill: #fff; color: #fff;font-size: 15px; text-align: center; margin:0;cursor: pointer;padding-left: 20px;}
.menuUstBolum .menuBack svg {margin-right: 10px;float: left;margin-top: 15px;width: 20px;}
.mobilMenu {position: fixed;left:-110%;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;transition:left .3s ease-in-out;}
.mobilMenu.acik {left:0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 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;padding: 0 0 0 5px;}
.mobilMenu .navUl > li > ul li a,
.mobilMenu .navUl > li > a{color: #000; font-size: 14px;font-weight:normal;line-height: 40px;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;height: 40px;}
.mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg, .mobilMenu .navUl > li > ul li .ResimsizDown2 svg, .mobilMenu .navUl > li .ResimsizDown svg,
.mobilMenu .navUl > li .ResimliDown svg{float: right;width: 12px;margin-top: 12px;}
/*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{z-index: 1;padding-left: 20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg, .mobilMenu .altMenu .altmenuSol > span .UpBtn svg,
.mobilMenu .navUl > li > ul > span .NoiBack svg{float: left;width: 17px;margin-top: 19px;}
.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: 14px;font-weight:500;line-height: 40px;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;}
}
/* Mobil Ekran */
@media screen and (max-width:767px){
    .newArrive .hazirBlokContent .txcol-flex-wrap {width: calc(100% * 1 / 2); flex: 0 0 calc(100% * 1 / 2); }
    #header .HeaderLogo img.lg1{display: none!important;}
    #header .HeaderLogo img.lg2{display: block;max-width: 150px;position: relative;right: 60px;}
    .HomeImageBlockContent-Title:before{display:none;}
    body ul.breadcrumb{line-height:30px;padding-bottom:0!important;}
    body ul.breadcrumb li:first-child a:before{line-height:30px;font-size:10px;}
    body ul.breadcrumb li{line-height:30px;}
    body ul.breadcrumb *{line-height:30px!important;font-size:10px!important;}
    body ul.breadcrumb li:after{font-size:10px !important;line-height:31px !important;}
    body ul.breadcrumb li:last-child{font-size:10px !important;line-height:30px !important;}
    body a#linkOncekiSayfa{font-size:10px !important;line-height:30px !important;clear:none !important;display:none !important;}
    .mobilMenuAcButton{display:block;}
    .leftBlock{display:none !important;}
    .rightBlock{display:none !important;}
    body.overflow{position:fixed;top:0;left:0;right:0;overflow:hidden !important;}
    body.overflow #header.fixed{border:none !important;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 50px;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
/*Sepet Mobil*/
.mycart{top:25px;z-index:2;}
.mycart .sepetUrunSayisi{background:#000;line-height:17px;width: 17px;}
.mobilMenuAcButton{display: block; position: absolute;top: 11px;left: 10px;}
.searchClick{display: block; position: absolute;top: 11px;left: 50px;}
.welcomeOpen{display: block; position: absolute;top: 11px;right: 50px;}
.mycartClick{display: block; position: absolute;top: 11px;right: 10px;}
.mobilMenuAcButton span{display:none;}
.mobilMenuAcButton svg{width: 25px;fill: #000;}
.searchClick svg{width: 25px;fill: #000;}
.welcomeOpen svg{width: 22px;fill: #000;}
.mycartClick svg{width: 25px;fill: #000;}
/*mobilmenu*/
.mobilMenu{width: 100%;bottom: 50px;}
.mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu{width: 100%;bottom: 50px;}
.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; }
.SepetUst span { display: inline-block; vertical-align: top; }
.SepetUst .seClose { float: left; width: 40px;fill: #fff; position: absolute; left: 0; }
.SepetUst .seClose svg {width: 20px;margin-top: 15px;}
.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; transform: none;-webkit-transform: none; box-shadow: none; padding: 10px; border-radius: 0; }
.CartProduct i{display:none;}
.CartProduct.animated { right: 0; }
.CartProduct.animated i{display: inline-block;}
.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; }
.CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }
.spanustSepetteUrunYok{font-size:16px;margin:20px 0 0 0;float:left;clear:both;text-align:center;width:100%;font-weight: 900;color: #d0112b;}
.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;}
.mycart { background: none !important; padding: 0; margin: 0; border: none; position: absolute; left: auto; bottom: auto; z-index: 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; }

.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: 5px 0;color: #000;position: relative;height: 49px;}
.bottomHead ul li a svg{width: 18px;display: block;margin: 0 auto 5px;}
.bottomHead ul li.welcC a svg{margin-bottom: 3px;}
/**Sepet Mobil**/
/*Content Sabitler*/
.centerCount{width:100% !important;}
.ticiContainer.homeContainer{width:100%;padding-left:5px;padding-right:5px;}
.ticiContainer.footerContainer{width:100%;padding-left:5px;padding-right:5px;}
.ticiContainer.productDetailContainer{width:100%;padding-left:5px;padding-right:5px;}
.footerContainer,.headerContent,.ticiContainer{width:100%;padding:0;}
.centerCount .ticiContainer{padding:0;}
ul.breadcrumb{padding:0 5px !important;margin-top:0 !important;}
#divIcerik,.middleBottomBlock{padding:0 5px;margin-top:0;}
/*Content Sabitler*/
/*Sabit sayfalar icerik*/
.userLeftBox,.userRightBox{margin:5px !important;padding:10px !important;}
.spanTittle{font-size:18px !important;}
.iletisimContent .iletisimForm{width:100%;padding:0;}
.iletisimContent .AdBan{width:100%;}
.iletisimContent .categoryTitle{margin:0;}
.iletisimContent .categoryTitle .categoryTitleText{line-height:65px;}
.iletisimContent .categoryTitle:before{display:none;}
.iletisimContent .iletisimRight .categoryTitle{margin-bottom:10px;}
.iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height:65px;font-size:19px;}
.iletisimContent .iletisimForm .categoryTitle{margin-bottom:10px;}
.iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height:65px;font-size:19px;}
.iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2{float:none;display:block;margin:10px 0 0;}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size:17px;}
.iletisimContent .iletisimRight .iletisimbanka .span>div span{font-size:12px;}
.iletisimContent .iletisimLeft .Right{font-size:12px;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size:20px;}
.UyeolContent .grid{width:100%;margin:0;padding:10px;border:none;margin-bottom:10px;}
.SifremiUnuttum{width:100%;margin:0;padding:0;}
.SifremiUnuttum .line{width:100%;}
.SifremiUnuttum #mainHolder_txtbxMail{width:70%;}
.SifremiUnuttum .button{width:30%;}
/*Sabit sayfalar icerik*/
/*Header Sabitler*/
.resimliYanMenu{display:none;}
.navigation{display:none}
#header{border:none;margin-bottom:0 !important;padding-top:0;box-shadow:none;z-index:99;height:auto;position:fixed;left:0;right:0;top:0;background:#fff !important;}
.HeaderUser,.HeaderHeart{display:none;}
.HeaderSlogan{line-height:15px;font-size:9px;}
.HeaderLogo{width:31px;margin:5px auto;display:block;}
@media(min-width: 768px){
    .homeHeader:not(.fixed):not(.menuhover) .HeaderLogo img:nth-child(1){display:none !important;}
    .homeHeader:not(.fixed) .HeaderLogo img:nth-child(2){display:block !important;}
}
#header:before{display:none;}
.headerContent{text-align:left;}
/*Arama*/
.homeHeader .searchContent{display:block;}
.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;}
.searchContent.active{height:34px;padding:0;overflow:visible;width:100%;left:0;right:0;}
.search{margin:0;max-width:100%;width:100%;position:relative;padding:0 5px;display:block;top:0;}
.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:34px;}
#txtbxArama{height:34px;width:100%;box-shadow:none;font-size:12px;border-radius:0;margin:0;border:1px solid #f1f1f1;}
.searchContent.active #txtbxArama{padding:0 35px 0 5px;color:#1d1d1d;}
#txtbxArama::-webkit-input-placeholder{color:#1d1d1d;}
#txtbxArama:-moz-placeholder{color:#1d1d1d;}
#txtbxArama::-moz-placeholder{color:#1d1d1d;}
#txtbxArama:-ms-input-placeholder{color:#1d1d1d;}
#txtbxArama:focus{color:#1d1d1d;}
#btnKelimeAra{width:34px;height:34px;right:0;top:0;line-height:34px;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;color:#1d1d1d;right:6px;}
.ButtonMic{right:34px;height:34px;}
/*Arama*/
/*hosgeldin div*/
.welcome{display:block;width:100%;position:absolute;top:100%;right:0;bottom:auto;text-align:center;background:transparent;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:34px;background:var(--theme-color);}
.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%;}
.welcome li{float:none;display:inline-block!important;width:auto;vertical-align:top;}
.headerSocialConnect{margin-left:0;}
.headerSocialConnect .baglanButton{margin-left:10px;}
.headerSocialConnect .baglanButton a{line-height:34px;font-size:13px;color:#fff;padding:0;}
.headerSocialConnect .baglanButton a:before{line-height:34px;}
.headerHesabim,.headerCikis,.headerUyeOl a,.headerUyeGiris a{float:none;display:inline-block!important;font-size:13px;line-height:34px;color:#fff;border:none;padding:0;width:auto;height:auto;margin:0;font-weight:500;}
.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;}
/*hosgeldin div*/
/*Dil secenegi*/
#lang_flag_container{left:auto !important;right: 10px!important;top: 60px !important;position:absolute !important;margin:0;/* display:none!important; */background: #bea988;padding-right: 10px;}
#langHover{padding:4px 0!important;}
#lang_flag_container #lang-detail{right:0;left:auto !important;width:240px !important;}
#lang{font-size:11px !important;padding-left: 10px !important;}
#lang-detail .language a,#lang-detail .currency a{width:100% !important;}
#lang-detail p,#lang-detail .language a,#lang-detail .currency a{font-size:10px !important;}
#lang_flag_container #lang-detail{/* display:none !important; */}
#lang_flag_container.selector #lang-detail{display:block !important;}
/*Dil secenegi*/
/*Header Sabitler*/
/*urun box sabit*/
.productItem .discountPrice{}
.productItem .regularPrice{}
.productItem .discountPrice span{font-size:11px;}
.productItem .regularPrice span{font-size:10px;line-height:13px;}
/*urun box sabit*/
/*Kategori Sabitler*/
.leftBlock{width:100%;padding:0;}
.categoryContainer .centerCount{width:100%;max-width:100%;margin-top:5px;}
.blockSelect{display:none;}
.brandlistselection{border-bottom:none;padding:0;margin:0;}
/*Kategori Sabitler*/
/*Detay Sabitler*/
.leftImage{width:100%;padding:0;margin-bottom:0;margin-top:0;}
.Images{display:none;}
.SmallImages{padding:0;margin:0;border:none;box-shadow:none;}
.RightDetail{width:100%;margin-bottom:0;margin:0;padding:0;min-height:100%;}
.urunTabAlt #yorumYaz{padding-right:0;width:100% !important;}
#mainHolder_UrunDetay_txtbxNotlar,.urunTabAlt ul li input[type="text"]{width:100% !important;}
#linkOncekiSayfa{float:right !important;clear:left;}
/*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;width:35px;height:35px;margin-right:5px;margin-bottom:0;}
.ProductIcon>div{float:left;width:100%;margin:5px 0 0;max-width:100%!important;}
.ProductIcon>div>a{float:left;width:100%;margin-bottom:0;transition:all 0.2s ease;}
.ProductIcon .box1:before{display:none!important;}
.ProductIcon a:hover{padding-left:25px;}
/*urun butonlari*/
/*urun butonlari2*/
.ProductIcon2{position:static;margin:10px 0;padding:0;}
.ProductIcon2 .YorumYazbtnContent,.ProductIcon2 .TavsiyeEtBtnContent,.ProductIcon2>.hidden-phone{}
.ProductIcon2 .YorumYazbtnContent a,.ProductIcon2 .TavsiyeEtBtnContent a,.ProductIcon2 .hidden-phone a{}
.ProductIcon2 .TavsiyeEtBtnContent a:before,.ProductIcon2 .YorumYazbtnContent a:before,.ProductIcon2 .printBtn:before{}
/*urun butonlari2*/
.socialButons{display:block;}
.socialButons div{height:0;}
.socialButons #___plus_0{height:0 !important;}
.UTelegram{display:none !important;}
.telegram{width:35px !important;height:35px;font-size:0;border-radius:100% !important;display:none !important;}
.telegram i{font-size:15px !important;line-height:35px;}
/*Detay SAbitler*/
#back-to-top{right:3px;bottom:3px;}
#back-to-top a{}
.owl-nav{display:none;}
body #divMobileImageList .owl-controls .owl-dots{position:absolute!important;left:0;right:0;bottom:5px;margin:0;z-index:1;}
body #divMobileImageList .owl-controls .owl-dots .owl-dot{background:#ddd!important;}
body #divMobileImageList .owl-controls .owl-dots .owl-dot.active{background:#000!important;}
#divSliderYani{width:100%;padding:0;margin-top:5px;}
.DetayYeniUrun{z-index:10;}
body ul.breadcrumb{padding:0 5px!important;}
.ProductBody .categoryTitleText ul.breadcrumb{margin:0!important;}
body ul.breadcrumb li:nth-last-of-type(1) *{white-space:nowrap;}
body ul.breadcrumb li:nth-last-of-type(1) a span{max-width:90px;overflow:hidden;text-overflow:ellipsis;}
body #divSayfalamaUst{margin-bottom:5px;}
body .category-vertical-filters.top-filters{width:100%;}
body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{font-size:12px;}
body .category-vertical-filters.top-filters .panel .panel-heading a{font-size:13px;}
body .category-vertical-filters.top-filters .list-group.dropdown li{margin-bottom:5px;}
/*Logo*/
#logo{float:none;position:static;display:block;border:none;width:auto;padding:0;background:transparent;margin:0;}
#logo:after{display:none;}
#logo .logo{margin:0 auto;width:175px;float:none;padding:10px 0;text-align:center;display:block;background:transparent;}
#logo .logo img{max-width:100%;display:inline-block;}
/*Logo*/
/******************************************************/
/*mobil icerik Alan*/
body{padding-top:68px;}
body.sepetimBody{padding-top:0;}
.htop,.himd{display:none!important;}
/*Anasayfa*/
#pnlSlider{width:100%;margin:0;padding:0;}
#pnlSlider .flex-control-nav{bottom:0;width:100%;height:auto;min-height:auto;right:0;}
#pnlSlider .flex-control-paging li{margin:0 2px;}
#pnlSlider .flex-control-paging li a{width:12px;height:12px;}
#pnlSlider .flex-control-paging li a.flex-active{}
#pnlSlider .flex-direction-nav{top:45%;left:0;right:0;}
#pnlSlider .flex-direction-nav .flex-prev,#pnlSlider .flex-direction-nav .flex-next{width:25px;height:25px;display:block;background-size:100%;border:none;}
#pnlSlider .flex-direction-nav .flex-next:before,#pnlSlider .flex-direction-nav .flex-prev:before{line-height:28px;font-size:14px;width:100%;}
.Blok{margin:0;padding:0;width:100%;background:transparent;}
.Blok a{padding:0 0;}
.ban{float:left;width:100%;margin:0;}
.Blok img{width:100%;}
#divSliderYani img{width:100%;}
#divSliderYani .Scol1:nth-child(2){margin-top:0;}
.ScRow{margin:0 0}
.Scol1{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol1 a{margin-bottom:5px;}
.Scol2{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol2 a{margin-bottom:5px;}
.Scol3{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol3 a{margin-bottom:5px;}
.Scol4{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol4 a{margin-bottom:5px;}
.Scol5{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol5 a{margin-bottom:5px;}
.Scol6{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol6 a{margin-bottom:5px;}
.Scol7{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol7 a{margin-bottom:5px;}
.Scol8{float:left;width:100%;padding:0;margin-bottom:0;}
.Scol8 a{margin-bottom:5px;}
.homeContainer .ProductListContent{margin-top:10px;}
.homeContainer .ProductListContent .productItem{margin-bottom:5px;}
#anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul{margin:0 -2.5px;}
#anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li{width:50%;margin-bottom:5px;padding:0 2.5px;}
#anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li:nth-child(2n){margin-right:0;}
/*Anasayfa*/
/*Footer*/
#ticimaxCopyright{font-size:10px;padding:5px 0;}
#footer{margin:5px 0 0;}
#footer .ticiContainer{padding:0;}
.FooterSC{}
.FooterTop{padding:0;text-align:center;}
.FooterMiddle{padding:0;text-align:center;}
.FooterBottom{padding:0;text-align:center;}
.ebultenDiv{width:100%;text-align:center;margin:10px 0;padding:0 5px;float:left;border:none;}
.ebultenGelecek{width:100%;margin:0 0 5px;padding:0;margin-top:7px;}
.Ebulten{width:100%;}
#UpdatePanel1{padding:0;}
.ebultenGelecek #divNewsLetter{margin-top:5px;}
#txtbxNewsletterMail{font-size:12px;width:100%;height:40px;padding-right:40px;text-align:left;float:left;padding-left:5px;border:1px solid #1d1d1d;}
.newsbutton{height:40px;line-height:40px;right:0;top:0;left:auto;text-align:center;width:40px!important;float:right;}
.newsbutton:after{display:none!important;}
#footer .linkler{padding:5px 0 0;border:none;}
#footer .linkler .blink{width:100%;float:left;padding:0 5px 5px;margin:0;border:none;}
#footer .linkler .blink>ul>li>ul{display:block;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
#footer .linkler .blink>ul>li.acik>ul{display:block;}
#footer .linkler .blink>ul>li>span{margin-bottom:0;font-size:14px;border-bottom:1px solid #e5e5e5;line-height:30px;padding:0 10px;width:100%;}
#footer .linkler .blink>ul>li:last-child span{margin:0;}
#footer .linkler .blink>ul>li>span:before{display:none;}
#footer .linkler .blink>ul>li>span:after{display:none;}
#footer .linkler .blink>ul>li .ackapabtn{float:right;font-size:22px;}
#footer .linkler .blink>ul>li{float:left;width:100%;text-align:center;min-height:100%;padding:0;border:none;margin:0;}
#footer .linkler .blink>ul{display:block;border:1px solid #e5e5e5;width:100%;border-bottom:none;}
#footer .linkler .blink>ul>li{width:100%!important;}
#footer .linkler .blink>ul>li>ul{float:left;width:100%;padding:10px;border-bottom:1px solid #e5e5e5;}
#footer .linkler .blink>ul>li>ul>li>a{font-size:13px;margin-bottom:5px;width:100%;}
#footer .linkler .blink>ul>li:last-child{width:100%;}
#footer .linkler .blink>ul>li>ul{display:none;}
#footer .socialDiv{text-align:center;margin:0;width:100%;position:static;padding:0;}
#footer .socialDiv span{line-height:30px;margin-bottom:0;}
#footer .socialDiv ul{display:inline-block;padding:5px 10px!important;margin:0;float:none;}
#footer .socialDiv ul li{float:none!important;display:inline-block!important;vertical-align:middle;text-align:center;margin-right:0!important;width:auto!important;}
#footer .socialDiv ul li a{width:35px!important;height:35px;margin-bottom:0!important;}
#footer .socialDiv ul li a i{line-height:35px;}
.telefonDiv{width:100%;padding:10px 0;border-right:none;}
.telefonDiv>span{font-size:10px;}
#btnBlokEBultenKaydet{width:100%;margin-top:10px;line-height:30px;}
.copy{width:100%;text-align:center;font-size:10px;font-weight:normal;margin:0;line-height:20px;}
.kartimg{text-align:center;margin:0 0;padding:0;float:none;display:inline-block;vertical-align:top;}
.bankimg{width:100%;text-align:center;}
.sssimg{width:100%;text-align:center;}
.store{margin:5px 0;text-align:center;float:none;display:inline-block;vertical-align:top;}
.store a{height:auto;float:none;display:inline-block;vertical-align:top;margin:0 5px;}
.store a:last-child{margin:0;}
.store a img{display:inline-block;vertical-align:top;}
.store span{float:none;display:block;vertical-align:top;}
/*Footer*/
/*Kategori*/
#divIcerik.categoryContainer{padding:0 5px;}
.productItem{}
.productItem .productName{width:100%;}
.productItem .productName a{font-size:11px;}
.productItem .productDetail{}
.productItem .productPrice{}
.ProductListContent .ItemOrj{padding:0 5px;}
.ProductListContent .ProductList{margin:0;}
.categoryContainer .ProductListContent{padding:0 2px;border:none;margin-top:0;}
.categoryContainer .ProductList{margin:0 -5px;padding:0;}
.categoryContainer .ProductList .ItemOrj{padding:0 3px;}
.proCategoryTitle.categoryTitleText ul.breadcrumb{margin-bottom:0 !important;}
.categoryContainer .ProductListContent .productItem{margin-bottom:5px;}
.homeContainer .ProductListContent{margin-top:10px;float:left;width:100%;max-width:100%;}
.homeContainer .ProductListContent .ItemOrj{padding:0 3px;max-width:50%;width:50%;}
.homeContainer .ProductListContent .ProductList{margin:0;}
.homeContainer .ProductListContent .productItem{margin-bottom:5px;}
.categoryContainer .ProductList .ItemOrj{width:50%;flex:0 0 50%;max-width:50%;}
.productItem:hover .productFaMyEx{display:none!important;}
.favori{display:none;}
.mycartIcon{display:none;}
.examineIcon{display:none;}
.productItem:hover .examineIcon{display:none;}
.productItem:hover .mycartIcon{display:none;}
.productItem:hover .favori{display:none;}
.productItem:hover .urunListeAdet{display:none!important;}
/*Kateori*/
/*Detay*/
.taksitBlok{width:100%;}
.TopDet{padding:0;margin:0;}
.RightDetail .TopList{width:100%;padding:0;margin:0;}
.RightDetail .MiddleList{width:100%;padding:0;margin:0;}
.RightDetail .BottomList{width:100%;margin-bottom:0;}
.bedenTablosu{position:static;margin:0;}
.TopDet .product_social_icon_wrapper{text-align:center;padding:0;margin:10px 0;position:relative;float:left;width:100%;right:0;}
.TopDet .product_social_icon_wrapper .PaylasTit{line-height:30px;float:none;display:inline-block;vertical-align:top;margin-right:0;}
.TopDet .product_social_icon_wrapper ul{margin:0;width:auto;float:none;display:inline-block;vertical-align:top;}
.TopDet .product_social_icon_wrapper ul li{margin-right:0;margin-left:5px;width:auto;clear:none;float:left;}
.TopDet .product_social_icon_wrapper ul li a{font-size:15px;width:30px;height:30px;}
.TopDet .product_social_icon_wrapper ul li a i{line-height:30px;}
.UWhatsApp{width:30px;float:none;display:inline-block!important;vertical-align:top;border-radius:0;margin-left:5px;}
.UWhatsApp a{border-radius:0;color:#fff;background-color:#25D366;border-radius:100%;}
.whatsApp i{width:30px;height:30px;line-height:30px;font-size:15px;border-radius:0;background-color:transparent;}
.UWhatsApp:hover a{background:#25D366;}
.ProductName{padding:0;margin:10px 0 0;}
.ProductName h1 span{font-size:15px;}
#divMarka{margin-bottom:0;margin-right:12px;}
#divTaksitAciklama *{font-size:12px;}
#divSatinAl{margin:0;width:100%;}
#divAdetCombo .right_line{width:100%;}
.BasketBtn{width:100%;}
.Basketinp p,#divAdetCombo .left_line{line-height:35px}
.Basketinp,#divAdetCombo{margin:10px 0px;width:100px;}
.bedenT{margin:5px 0px;}
.riSingle{width:100%;}
#txtbxurunSiparisAdedi{width:100%!important;}
.buyfast{width:49%;padding-left:0;float:right;}
.UIstekListemeEkle{width:100%;margin:5px 0 0 0;padding-left:0;}
.basketBtn{margin:0;width:49%;}
.basketBtn input,.buyfast input{max-width:100%;text-indent:0;font-size:14px;}
.basketBtn:after{display:none;}
#divKombinSatinAl{margin-top:5px;}
#divKombinSatinAl a{width:100%;background-size:100% 100%;}
.riSingle a.riUp{width:25px!important;}
.riSingle a.riDown{width:25px!important;}
#divStokYok{font-size:15px;padding:4% 0;}
.ProductDetailMainRow{padding:0;margin:0;}
.SmallImages{display:none!important;}
.mobileImageSlider a{width:100%;}
#divVideoGoruntulemeAlan{display:none !important;}
.mobileImageSlider{font-size:0px;}
.videoImagePreview{display:none !important;}
#divThumpVideo{position:absolute;left:5px;bottom:5px;z-index:99;}
#divThumpVideo i{color:#fff;background-color:#000;padding:12px 0 0 4px;border-radius:45px;width:45px;height:45px;text-align:center;font-size:20px;}
/*Detay*/
.HomeTextDetail{width:100%;font-size:10px;line-height:12px;}
.HomeText{margin:15px 0px;}
.HomeTextMore{margin:0px;margin-top:10px;width:30px;}
.HomeTextMore i{line-height:25px;}
.HomeImageBlockContent-Title{font-size:40px;line-height:40px;margin:0;text-align:center;}
.HomeImageBlockContent{margin-top:0px;}
.HomeImageBlockContent ul li a .ImageBlock-TextWrap .TextWrap-Title,.HomeImageBlockContent ul li a .ImageBlock-TextWrap .TextWrap-Text{font-size:13px;}
.HomeImageBlockContent ul li{width:100%;margin-bottom:15px !important;padding:0px;text-align: center;}
.HomeImageBlockContent ul li:last-child{margin-bottom:0px !important;}
.HomeImageBlockContent ul li:nth-child(2),.HomeImageBlockContent ul li:nth-child(3){margin:0;}
.HomeImageBlockContent ul li a .ImageBlock-TextWrap{padding:10px 0px}
.HomeImageBlockContent ul{margin:0;}
.HomeVideoBlock{margin:15px 0px;}
.sliderBannerContainer{margin-top:0;padding:10px 5px;margin-bottom:10px;}
div#divInstashopResim{margin:0}
div#divInstashopResim h2,.ebultenGelecekTitle{font-size:14px;margin-bottom:5px;margin-top:0;}
div#divInstashopResim p,.ebultenGelecekText{font-size:11px;margin:0;}
div#divInstashopResim .ResimGaleriHeadIcerik{margin-bottom:5px;}
#divInstashopResim a.AllImages{line-height:25px;font-size:13px;padding:0px 10px;margin-bottom:15px;}
.FooterColContent{display:block !important;padding:0;margin:10px 0px;}
.FooterCol{width:100%;max-width:100%;text-align:center;}
.FooterCol ul li,.FooterCol ul li a{font-size:11px;line-height:normal;}
.FooterSocial{float:none;display:inline-block;vertical-align:top;}
.EbultenWrap,.FooterBankImg{margin:10px 0px;}
.FooterCopy{line-height:30px;margin:0;}
.FooterBankImg *{font-size:10px !important;}
.categoryTitle{border:0;margin:0 !important;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{top:10px;left:0;width:100%;padding:0;display:none;}
#divUrunEkSecenek{padding:0;width:100%;margin:10px 0px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon{}
.IndirimliFiyatContent .right_line *,.PiyasafiyatiContent .right_line *,.TopDet #IlgiliUrunDiv .JKatAdi .satir1,#divUrunKodu *{font-size:13px;}
.TopDet #IlgiliUrunDiv{margin-top:5px}
#VideoAlani iframe{max-width:100%;max-height:150px}
.FooterApp > ul > li a{float:none !important;display:inline-block !important;}
.dortluBlok{width:25%;padding:2.5px;}
.blokRow{margin:-2.5px;}
.InstagramContentTitle{margin:15px 0px;}
.JKatAdi .bold{margin:10px 0px 30px 0px;}
body.HomeBody .SliderSocial{left:10px;}
body.HomeBody .SliderSocial li a i{font-size:12px !important;}
body.HomeBody .SliderSocial li{margin:2.5px 0px;}
}
@media screen and (max-width:767px){#divIcerik #mainHolder_divDesign div.anasayfa_tek_slider{margin-top: 0px;}}
@media screen and (max-width:375px){}
@media screen and (max-width:320px){}
@media screen and (max-width:1041px){.urunOzellik{margin:10px 0;padding:0;border:none;width:100%;}
    .urunTabAlt{max-height:100%;}
    .urunOzellik .mobilTab ul li.active .urunDetayPanel{display:block !important;}
    .urunOzellik .mobilTab .urunDetayPanel{max-height:100%;overflow-y:auto;padding:10px 0;width:100%;min-height:100%;margin:0;}
    .urunOzellik .mobilTab{float:left;width:100%;}
    .urunOzellik .mobilTab>ul{float:left;width:100%;}
    .urunOzellik .mobilTab>ul>li{float:left;width:100%;}
    .urunOzellik .mobilTab>ul>li>a{float:left;width:100%;line-height:40px;padding:0 10px;font-size:13px;color:#000;text-align:left;font-weight:normal;background:#eee;border-bottom:1px solid #fff;}
    .urunOzellik .mobilTab>ul>li>a span{font-weight:normal;}
    .urunOzellik .mobilTab>ul>li>a:after{float:right;line-height:35px;margin-right:5px;content:'\f078';font-family:'FontAwesome';}
    .urunOzellik .mobilTab>ul>li.active>a{color:#fff;background:#272725;}
    .urunOzellik .mobilTab>ul>li.active>a:after{content:'\f077';}
    .divYorumYaz,#yorumYaz{padding:0!important;width:100%;}
}
@media screen and (min-width:1041px) and (max-width:1530px){.search{}
}


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS1-TOKEN ==== */
:root{--ws-ink:#16120f;--ws-ink-2:#4a423c;--ws-ink-3:#5f574f;--ws-ink-4:#7e746c;--ws-paper:#ffffff;--ws-paper-2:#faf8f5;--ws-paper-3:#f2eee8;--ws-line:#e7e1d9;--ws-line-2:#d5cdc2;--ws-gold:#baa380;--ws-gold-ink:#7a6440;--ws-sale:#b3261e;--ws-success:#2f6b4f;--ws-display:"Playfair Display",Georgia,"Times New Roman",serif;--ws-body:"Jost","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ws-fs-2xs:0.6875rem;--ws-fs-xs:0.75rem;--ws-fs-sm:0.8125rem;--ws-fs-base:0.9375rem;--ws-fs-md:1.0625rem;--ws-fs-lg:clamp(1.25rem,1.6vw,1.5rem);--ws-fs-xl:clamp(1.5rem,2.6vw,2.125rem);--ws-fs-2xl:clamp(1.875rem,4vw,3.25rem);--ws-lh-tight:1.12;--ws-lh-snug:1.3;--ws-lh-base:1.6;--ws-ls-wide:0.08em;--ws-ls-wider:0.16em;--ws-ls-widest:0.26em;--ws-wrap:1440px;--ws-gut:clamp(1rem,3vw,2.5rem);--ws-sec-y:clamp(3rem,6vw,6rem);--ws-radius:0px;--ws-shadow:0 8px 30px -12px rgba(22,18,15,.18);--ws-ease:cubic-bezier(.22,.61,.36,1);--ws-dur:.38s;--ws-dur-fast:.2s}
body,select,input,textarea,button,.textbox,.textarea,.button,.selectboxx{font-family:var(--ws-body)!important}
body{font-size:var(--ws-fs-base)!important;line-height:var(--ws-lh-base);color:var(--ws-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:none!important;opacity:1!important}
h1,h2,h3,.categoryTitle h1,.categoryTitle h2,.categoryTitleText,.ProductName,.ProductName h1,.landing-block h2,.hazirBlokContent h2,.footerTemp h4{font-family:var(--ws-display)!important;font-weight:400!important;color:var(--ws-ink);letter-spacing:0;line-height:var(--ws-lh-snug)}
h1,.categoryTitle h1{font-size:var(--ws-fs-xl)!important}
h2{font-size:var(--ws-fs-lg)!important}
.landing-block .blockTitle,.landing-block .baslikAlan,.landing-block .title{font-family:var(--ws-body)!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-widest);text-transform:uppercase;color:var(--ws-ink-2)}
a{color:inherit;transition:color var(--ws-dur-fast) var(--ws-ease)}
a:hover{color:var(--ws-gold-ink)}
.button,input[type="submit"],.btn,.buton,.BasketBtn,.basketBtn,.buyfast,.buybutton a,.buybutton input{font-family:var(--ws-body)!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;border-radius:var(--ws-radius)!important;transition:background-color var(--ws-dur-fast) var(--ws-ease),color var(--ws-dur-fast) var(--ws-ease),border-color var(--ws-dur-fast) var(--ws-ease)}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],select,textarea,.textbox,.textarea,.selectboxx{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink)!important;border:1px solid var(--ws-line-2)!important;border-radius:var(--ws-radius)!important;background:var(--ws-paper);transition:border-color var(--ws-dur-fast) var(--ws-ease)}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],select,.selectboxx{height:44px!important;line-height:44px;padding:0 12px!important}
textarea,.textarea{padding:10px 12px!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ws-ink)!important}
::placeholder{color:var(--ws-ink-4);opacity:1}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ws-ink);outline-offset:2px}
::selection{background:var(--ws-gold);color:#fff}
/* ==== PASS1-TOKEN son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS2-HEADER ==== */
.header-top.nav-dark{background:var(--ws-ink)!important;min-height:36px;border:0!important}
.header-top .headerContainer{align-items:center}
.header-top .headerContainer>.flex-col{flex:0 0 auto}
.header-top .headerContainer>.flex-right{margin-left:auto}
.ws-topbar{display:flex;gap:26px;align-items:center}
.ws-topbar a{color:#fff!important;font-size:var(--ws-fs-2xs);letter-spacing:var(--ws-ls-wider);text-transform:uppercase;opacity:.82;white-space:nowrap;transition:opacity var(--ws-dur-fast) var(--ws-ease)}
.ws-topbar a:hover{opacity:1;color:#fff!important}
@media(max-width:767px){.header-top.nav-dark{display:none!important}}
header#headerNew{position:sticky!important;top:0;z-index:200;background:var(--ws-paper)}
header#headerNew .header-main{background:var(--ws-paper);border-bottom:1px solid var(--ws-line)}
header#headerNew .header-inner{min-height:74px}
header#headerNew .header-logo{transition:height var(--ws-dur) var(--ws-ease)}
@media(min-width:1025px){
header .newMenuBtnClick{display:none!important}
header .newHeaderNavigation{width:auto!important;flex:1 1 auto}
header .newHeaderNav{display:block!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;max-width:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
header .newMenuTop{display:none!important}
header ul.newHeaderNavUl{display:flex!important;flex-direction:row!important;align-items:center;gap:30px;width:auto!important;height:auto!important;padding:0 0 0 26px!important;margin:0!important;overflow:visible!important}
header ul.newHeaderNavUl>li.nav-item{position:relative;width:auto!important;border:0!important;padding:0!important}
header ul.newHeaderNavUl>li.nav-item>a{display:inline-block;padding:26px 0;font-size:var(--ws-fs-sm);letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink)!important;border:0!important;position:relative;white-space:nowrap}
header ul.newHeaderNavUl>li.nav-item>a::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:1px;background:var(--ws-ink);transition:right var(--ws-dur) var(--ws-ease)}
header ul.newHeaderNavUl>li.nav-item:hover>a::after,header ul.newHeaderNavUl>li.nav-item:focus-within>a::after{right:0}
header ul.newHeaderNavUl .dropDown-wrap{position:absolute!important;top:100%!important;left:-18px!important;display:block!important;min-width:246px;padding:14px 0!important;margin:0!important;background:var(--ws-paper);border:1px solid var(--ws-line);box-shadow:var(--ws-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--ws-dur-fast) var(--ws-ease),transform var(--ws-dur-fast) var(--ws-ease),visibility var(--ws-dur-fast);z-index:320}
header ul.newHeaderNavUl>li.nav-item:hover>.dropDown-wrap,header ul.newHeaderNavUl>li.nav-item:focus-within>.dropDown-wrap{opacity:1;visibility:visible;transform:none}
header ul.newHeaderNavUl .dropDown-wrap li{width:100%!important;border:0!important}
header ul.newHeaderNavUl .dropDown-wrap a{display:block;padding:9px 22px!important;font-size:var(--ws-fs-sm);color:var(--ws-ink-2)!important;letter-spacing:0;text-transform:none;white-space:nowrap}
header ul.newHeaderNavUl .dropDown-wrap a:hover{background:var(--ws-paper-3);color:var(--ws-ink)!important}
header .header-inner>.flex-col.flex-left{flex:1 1 0!important;min-width:0}
header .header-inner>.flex-col.flex-right{flex:1 1 0!important;justify-content:flex-end}
header .header-inner>.flex-col.logo{flex:0 0 auto!important;margin:0 24px}
header .header-nav.nav-left{flex-wrap:nowrap!important}
html.ws-scrolled header#headerNew .header-inner{min-height:60px}
html.ws-scrolled header#headerNew .header-logo{height:44px!important}
html.ws-scrolled header ul.newHeaderNavUl>li.nav-item>a{padding:19px 0}
html.ws-scrolled header ul.newHeaderNavUl>li.nav-item>a::after{bottom:13px}
html.ws-scrolled header#headerNew .header-main{box-shadow:0 1px 12px rgba(22,18,15,.07)}
}
@media(max-width:1024px){
body#bodyGlobal{padding-top:0!important}
header#headerNew .header-inner{min-height:62px}
header#headerNew .header-main{border-bottom:1px solid var(--ws-line)}
}
/* ==== PASS2-HEADER son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS3-GRID ==== */
.categoryContainer .ProductList{margin:0 -10px}
.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:25%!important;max-width:25%!important;padding:0 10px!important;margin-bottom:34px!important}
@media(max-width:1279px){.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:33.3333%!important;max-width:33.3333%!important}}
@media(max-width:900px){.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:50%!important;max-width:50%!important}}
@media(max-width:480px){.categoryContainer .ProductList{margin:0 -6px}.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{padding:0 6px!important;margin-bottom:24px!important}}
.categoryContainer>.categoryTitle{margin:0 0 18px!important;padding-top:22px}
.categoryTitle .breadcrumb,.categoryTitle .proCategoryTitle{font-size:var(--ws-fs-xs);letter-spacing:var(--ws-ls-wide);color:var(--ws-ink-4);text-transform:uppercase}
.categoryTitle .breadcrumb a:hover{color:var(--ws-ink)}
#divSayfalamaUst.urunListRel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:0 0 16px;margin:0 0 26px;border-bottom:1px solid var(--ws-line);background:transparent!important;box-shadow:none!important;position:relative}
#divSayfalamaUst .pageNumber:not(.pageNumberBottom){display:none!important}
#divSayfalamaUst>.ws-count{order:-5;display:inline-flex!important;align-items:center;height:34px;margin:0!important;padding:0!important;border:0!important;float:none!important;list-style:none}
#divSayfalamaUst>.ws-count span{display:inline-block!important;float:none!important;line-height:1!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-3)!important}
body #divSayfalamaUst:not(.Slct) .brandlistselection,body #divSayfalamaUst.Slct .brandlistselection{width:auto!important;float:none!important;flex:0 1 auto!important;position:static!important;margin-left:auto!important;display:flex!important}
body #divSayfalamaUst:not(.Slct) .brandlistselection ul.sortingContent,body #divSayfalamaUst.Slct .brandlistselection ul.sortingContent{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;position:static!important;float:none!important;width:auto!important;height:auto!important;top:auto!important;right:auto!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;visibility:visible!important;opacity:1!important;z-index:auto!important}
#divSayfalamaUst .brandlistselection .sortingContent li:not(.appliedFilter){display:inline-flex!important;align-items:center;float:none!important;height:34px;padding:0 14px!important;border:1px solid var(--ws-line-2)!important;background:var(--ws-paper);transition:border-color var(--ws-dur-fast) var(--ws-ease),background-color var(--ws-dur-fast) var(--ws-ease)}
#divSayfalamaUst .brandlistselection .sortingContent li:not(.appliedFilter):hover{border-color:var(--ws-ink)!important;background:var(--ws-paper-2)}
#divSayfalamaUst .brandlistselection .sortingContent li:nth-child(5){display:none!important}
#divSayfalamaUst .brandlistselection .sortingContent li>a{font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-2)!important;line-height:1!important;white-space:nowrap}
#divSayfalamaUst .brandlistselection .sortingContent li>a span{line-height:1!important}
#divSayfalamaUst .brandlistselection .sortingContent li>a:hover,#divSayfalamaUst .brandlistselection .sortingContent li>a.selected{text-decoration:none!important;color:var(--ws-ink)!important}
#divSayfalamaUst .Block_item.filterBlock{display:inline-flex!important;align-items:center;width:auto!important;height:34px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#divSayfalamaUst .category-vertical-filters.top-filters{display:inline-flex!important;align-items:center;gap:10px;position:static!important;background:transparent!important;border:0!important}
#divSayfalamaUst .FiltreUst{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:34px;background:transparent!important;border:0!important}
#divSayfalamaUst .FiltreUst .closeFilt,#divSayfalamaUst .FiltreUst>span{display:none!important}
#divSayfalamaUst .FiltreUst a .fa-trash-alt{font-size:12px;color:var(--ws-ink-4)}
#divSayfalamaUst .FiltreUst a:hover .fa-trash-alt{color:var(--ws-ink)}
#divSayfalamaUst .tukgo{display:inline-flex!important;align-items:center;height:34px;padding:0 14px!important;width:auto!important;border:1px solid var(--ws-line-2);background:var(--ws-paper)}
#divSayfalamaUst .tukgo:hover{border-color:var(--ws-ink)}
#divSayfalamaUst .tukgo a.filterOrderInStock{padding:0!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-2)!important;white-space:nowrap}
#divSayfalamaUst .tukgo a.filterOrderInStock::before,#divSayfalamaUst .tukgo a.filterOrderInStock::after{display:none!important;content:none!important}
@media(max-width:767px){
body #divSayfalamaUst:not(.Slct) .brandlistselection ul.sortingContent,body #divSayfalamaUst.Slct .brandlistselection ul.sortingContent{display:none!important}
body #divSayfalamaUst:not(.Slct) .brandlistselection,body #divSayfalamaUst.Slct .brandlistselection{flex:0 0 auto!important}
#divSayfalamaUst.urunListRel{gap:8px 10px;padding-bottom:12px;margin-bottom:18px}
#divSayfalamaUst .Block_item.filterBlock{flex:1 1 100%;height:auto!important;display:block!important}
#divSayfalamaUst .topFilter-Block_Text{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;height:auto!important}
#divSayfalamaUst .mobilFilterOpenBtn{display:flex!important;align-items:center;gap:8px;width:100%}
#divSayfalamaUst .mobilFilterBtn,#divSayfalamaUst .mobilSiralamBtn{display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 0;height:34px;padding:0 14px!important;border:1px solid var(--ws-line-2)!important;background:var(--ws-paper)!important;color:var(--ws-ink-2)!important;font-size:var(--ws-fs-2xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;line-height:1!important}
#divSayfalamaUst .category-vertical-filters.top-filters{width:100%;height:auto!important}
#divSayfalamaUst .FiltreUst{height:auto!important}
#divSayfalamaUst .tukgo{height:32px!important}
}
.categoryContainer .pageNumber.pageNumberBottom{display:flex!important;justify-content:center;margin:34px 0 10px}
.categoryContainer .pageNumber .pageBorder{display:inline-flex;gap:6px;border:0!important}
.categoryContainer .pageNumber a,.categoryContainer .pageNumber span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--ws-line);font-size:var(--ws-fs-sm);color:var(--ws-ink-2);background:var(--ws-paper);transition:border-color var(--ws-dur-fast) var(--ws-ease),color var(--ws-dur-fast) var(--ws-ease)}
.categoryContainer .pageNumber a:hover{border-color:var(--ws-ink);color:var(--ws-ink)}
.categoryContainer .pageNumber .selected,.categoryContainer .pageNumber a.aktif{background:var(--ws-ink)!important;border-color:var(--ws-ink)!important;color:#fff!important}
/* ==== PASS3-GRID son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS3B-GRIDFIX ==== */
#divSayfalamaUst .brandlistselection .sortingContent li:not(.appliedFilter){width:auto!important;flex:0 0 auto!important;max-width:none!important}
#divSayfalamaUst>.ws-count{width:auto!important}
@media(max-width:1024px){.categoryContainer.ticiContainer{padding-top:14px!important}.categoryContainer>.categoryTitle{padding-top:6px;margin-bottom:14px!important}}
@media(max-width:900px){.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:33.3333%!important;max-width:33.3333%!important}}
@media(max-width:700px){.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:50%!important;max-width:50%!important}}
@media(max-width:1024px) and (min-width:768px){
body #divSayfalamaUst:not(.Slct) .brandlistselection ul.sortingContent,body #divSayfalamaUst.Slct .brandlistselection ul.sortingContent{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
body #divSayfalamaUst .brandlistselection ul.sortingContent::-webkit-scrollbar{display:none}
body #divSayfalamaUst:not(.Slct) .brandlistselection,body #divSayfalamaUst.Slct .brandlistselection{flex:1 1 100%!important;margin-left:0!important;min-width:0}
}
#divSayfalamaUst.ws-nofilter .mobilFilterBtn{display:none!important}
#divSayfalamaUst.ws-nofilter .mobilSiralamBtn{flex:1 1 100%}
/* ==== PASS3B-GRIDFIX son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS4-CARD ==== */
.ItemOrj .productItem{position:relative;padding-bottom:52px!important;background:transparent!important;display:block!important;overflow:visible}
.ItemOrj .productItem .productImage{position:relative;overflow:hidden;background:var(--ws-paper-3);margin:0}
.ItemOrj .productItem .productImage a.detailLink{display:block;position:relative;padding:0!important;border-radius:0!important;aspect-ratio:3/4;overflow:hidden}
.ItemOrj .productItem .productImage img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.ItemOrj .productItem:hover .productImage img{transform:scale(1.045)}
.ItemOrj .productItem .productDetail{display:block!important;float:none!important;width:100%!important;padding:14px 2px 0!important;text-align:left!important;background:transparent!important;border:0!important;height:auto!important;overflow:hidden}
.ItemOrj .productItem .productName{display:block!important;float:none!important;width:100%!important;margin:0 0 6px!important;height:auto!important;min-height:0!important;border:0!important;text-align:left!important}
.ItemOrj .productItem .productName a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--ws-body)!important;font-size:var(--ws-fs-sm)!important;line-height:1.45!important;color:var(--ws-ink-2)!important;height:auto!important;text-align:left!important}
.ItemOrj .productItem:hover .productName a{color:var(--ws-ink)!important}
.ItemOrj .productItem .productPrice{display:flex!important;align-items:baseline;gap:8px;float:none!important;width:100%!important;clear:both;text-align:left!important;margin:0!important;min-height:22px}
.ItemOrj .productItem .productPrice .discountPrice,.ItemOrj .productItem .productPrice .regularPrice{display:inline-flex!important;align-items:baseline;gap:8px;float:none!important;margin:0!important}
.ItemOrj .productItem .discountPriceSpan{font-size:var(--ws-fs-md)!important;font-weight:500!important;color:var(--ws-ink)!important}
.ItemOrj .productItem .regularPrice,.ItemOrj .productItem .regularPriceSpan{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-4)!important;text-decoration:line-through}
.ItemOrj .productItem .discountKdv,.ItemOrj .productItem .productMarka,.ItemOrj .productItem .examineIcon,.ItemOrj .productItem .urunListeAdet{display:none!important}
.ItemOrj .productItem .discountIcon,.ItemOrj .productItem .yeniUrunIcon{position:absolute!important;top:12px;left:12px;z-index:3;display:inline-flex!important;align-items:center;height:24px;padding:0 10px;background:var(--ws-sale)!important;color:#fff!important;font-size:var(--ws-fs-2xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;border-radius:0!important}
.ItemOrj .productItem .productIcon{display:contents!important;position:static!important}
.ItemOrj .productItem .mycartIcon{display:block!important;position:absolute!important;left:0;right:0;bottom:0;width:100%;height:44px;opacity:0;transform:translateY(6px);transition:opacity .28s var(--ws-ease),transform .28s var(--ws-ease)}
.ItemOrj .productItem:hover .mycartIcon,.ItemOrj .productItem:focus-within .mycartIcon{opacity:1;transform:none}
.ItemOrj .productItem .mycartIcon a.btnAddToCart{display:flex!important;align-items:center;justify-content:center;width:100%;height:44px;background:var(--ws-ink);color:#fff!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;transition:background-color .2s}
.ItemOrj .productItem .mycartIcon a.btnAddToCart:hover{background:var(--ws-gold-ink)}
.ItemOrj .productItem .mycartIcon .urunListeSpanSepeteEkle{display:inline!important;font-size:var(--ws-fs-xs)!important;color:#fff!important}
.ItemOrj .productItem .favori{display:block!important;position:absolute!important;top:10px;right:10px;bottom:auto;left:auto;width:36px;height:36px;z-index:5;background:rgba(255,255,255,.92);border-radius:50%;opacity:0;transform:translateY(-4px);transition:opacity .25s var(--ws-ease),transform .25s var(--ws-ease)}
.ItemOrj .productItem:hover .favori,.ItemOrj .productItem:focus-within .favori{opacity:1;transform:none}
.ItemOrj .productItem .favori a.favoriteslist{display:block!important;width:36px;height:36px;font-size:0!important;position:relative}
.ItemOrj .productItem .favori a.favoriteslist::before,.ItemOrj .productItem .favori a.favoriteslist::after{display:none!important;content:none!important}
.ItemOrj .productItem .favori::before{content:"\2661";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;color:var(--ws-ink);pointer-events:none}
.ItemOrj .productItem .favori:hover::before{color:var(--ws-sale)}
@media (hover:none),(max-width:900px){
.ItemOrj .productItem .mycartIcon{opacity:1;transform:none;height:42px}
.ItemOrj .productItem .mycartIcon a.btnAddToCart{height:42px;background:transparent;color:var(--ws-ink)!important;border:1px solid var(--ws-line-2)}
.ItemOrj .productItem .mycartIcon .urunListeSpanSepeteEkle{color:var(--ws-ink)!important}
.ItemOrj .productItem .favori{opacity:1;transform:none}
}
/* ==== PASS4-CARD son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS5-DETAIL ==== */
.productDetailContainer .TopDet{display:flex!important;align-items:flex-start;gap:clamp(24px,3.5vw,56px);float:none!important;width:100%!important}
.productDetailContainer .TopDet>.leftImage{flex:0 0 56%;width:56%!important;max-width:56%!important;float:none!important;display:flex;gap:14px;height:auto!important}
.productDetailContainer .TopDet>.RightDetail{flex:1 1 auto;width:auto!important;max-width:none!important;float:none!important;position:sticky;top:132px;height:auto!important}
.productDetailContainer .RightDetail .TopList,.productDetailContainer .RightDetail .MiddleList,.productDetailContainer .RightDetail .BottomList{width:100%!important;float:none!important}
.productDetailContainer .SmallImages{flex:0 0 78px;width:78px!important;float:none!important;height:auto!important;display:flex;flex-direction:column;gap:10px;order:-1}
.productDetailContainer .SmallImages img{width:78px!important;height:104px!important;object-fit:cover;border:1px solid transparent;transition:border-color .2s}
.productDetailContainer .SmallImages img:hover{border-color:var(--ws-ink)}
.productDetailContainer .Images{flex:1 1 auto;width:auto!important;float:none!important;background:var(--ws-paper-3)}
.productDetailContainer .Images.imageZoomPreview{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important}
.productDetailContainer .Images img.cloudzoom{position:relative!important;width:100%!important;height:auto!important;max-width:100%!important;display:block}
.productDetailContainer .videoGoruntuleme:empty{display:none!important}
.productDetailContainer .ProductName,.productDetailContainer .ProductName h1{font-family:var(--ws-display)!important;font-weight:400!important;font-size:clamp(1.35rem,2vw,1.75rem)!important;line-height:1.25!important;color:var(--ws-ink)!important;margin:0 0 14px!important}
.productDetailContainer .RightDetail .Formline{margin:0 0 14px!important}
.productDetailContainer .right_line.indirimliFiyat{display:flex!important;align-items:baseline;gap:10px;flex-wrap:wrap;width:100%!important}
.productDetailContainer .spanFiyat{font-size:1.5rem!important;font-weight:500!important;color:var(--ws-ink)!important;line-height:1.2!important}
.productDetailContainer .spanKdv{display:inline!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-4)!important}
.productDetailContainer .spanEskiFiyat,.productDetailContainer .eskiFiyat{font-size:var(--ws-fs-md)!important;color:var(--ws-ink-4)!important;text-decoration:line-through}
.productDetailContainer .eksecenekLine{display:block!important;margin:0 0 16px!important;width:100%!important;float:none!important}
.productDetailContainer .eksecenekLine .left_line{display:block!important;width:100%!important;float:none!important;margin:0 0 7px!important;font-size:var(--ws-fs-2xs)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;color:var(--ws-ink-3)!important;height:auto!important}
.productDetailContainer .eksecenekLine .center_line{display:none!important}
.productDetailContainer .eksecenekLine .right_line{display:block!important;width:100%!important;float:none!important;height:auto!important}
.productDetailContainer .eksecenekSelect{width:100%!important;height:48px!important;line-height:48px!important;border:1px solid var(--ws-line-2)!important;background:#fff}
.productDetailContainer .bedenT{display:inline-flex!important;align-items:center;gap:6px;margin:2px 0 20px!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-3)!important;text-decoration:underline;text-underline-offset:3px}
.productDetailContainer .buybutton,.productDetailContainer .BasketBtn{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;width:100%!important;height:auto!important;float:none!important;margin:6px 0 0!important}
.productDetailContainer .Basketinp{flex:0 0 118px;width:118px!important;height:52px!important;margin:0!important;float:none!important}
.productDetailContainer .Basketinp .RadInput,.productDetailContainer .Basketinp input{height:52px!important;width:100%!important}
.productDetailContainer .basketBtn{flex:1 1 220px;width:auto!important;height:52px!important;margin:0!important;float:none!important}
.productDetailContainer .buyfast{flex:1 1 200px;width:auto!important;height:52px!important;margin:0!important;float:none!important}
.productDetailContainer input.Addtobasket{width:100%!important;height:52px!important;background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;border-radius:0!important}
.productDetailContainer input.Addtobasket:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
.productDetailContainer input.buyfastbutton{width:100%!important;height:52px!important;background:transparent!important;color:var(--ws-ink)!important;border:1px solid var(--ws-ink)!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;border-radius:0!important}
.productDetailContainer input.buyfastbutton:hover{background:var(--ws-ink)!important;color:#fff!important}
.productDetailContainer .urunOzellik,.productDetailContainer .mobilTab{margin-top:34px!important;border-top:1px solid var(--ws-line)}
.productDetailContainer .urunTabAlt{font-size:var(--ws-fs-base)!important;line-height:1.75!important;color:var(--ws-ink-2)!important}
.productDetailContainer .urunTabAlt p{margin:0 0 14px!important}
.productDetailContainer .teknikDetay .teknikDetayItem{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--ws-line);font-size:var(--ws-fs-sm)}
@media(max-width:900px){
.productDetailContainer .TopDet{display:block!important}
.productDetailContainer .TopDet>.leftImage{width:100%!important;max-width:100%!important;display:block}
.productDetailContainer .Images{width:100%!important;max-width:100%!important}
.productDetailContainer .Images img.cloudzoom{width:100%!important;height:auto!important}
.productDetailContainer .SmallImages{display:flex!important;flex-direction:row;width:100%!important;overflow-x:auto;scrollbar-width:none;gap:8px;margin-top:10px}
.productDetailContainer .SmallImages::-webkit-scrollbar{display:none}
.productDetailContainer .SmallImages img{width:64px!important;height:86px!important;flex:0 0 auto}
.productDetailContainer .TopDet>.RightDetail{position:static;width:100%!important;margin-top:22px}
.productDetailContainer .buybutton{position:fixed;left:0;right:0;bottom:0;z-index:300;background:#fff;border-top:1px solid var(--ws-line);padding:10px 12px!important;margin:0!important;gap:8px;box-shadow:0 -6px 24px -12px rgba(22,18,15,.3)}
.productDetailContainer .Basketinp{flex:0 0 92px;width:92px!important;height:48px!important}
.productDetailContainer .basketBtn{flex:1 1 auto;height:48px!important}
.productDetailContainer .buyfast{flex:1 1 100%;height:44px!important;order:3}
.productDetailContainer input.Addtobasket{height:48px!important;font-size:var(--ws-fs-xs)!important}
.productDetailContainer input.buyfastbutton{height:44px!important;font-size:var(--ws-fs-xs)!important}
body.ProductBody{padding-bottom:124px!important}
}
/* ==== PASS5-DETAIL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS6-HOME ==== */
#mainHolder_divDesign>section.landing-block{padding-top:clamp(30px,4vw,58px)!important;padding-bottom:clamp(30px,4vw,58px)!important;margin:0!important}
#mainHolder_divDesign>section#sliderblok_0{padding-top:0!important;padding-bottom:0!important}
#sliderblok_0 .HomePageSlideShow,#sliderblok_0 .owl-carousel{background:var(--ws-paper-3)}
#sliderblok_0 img{width:100%!important;height:auto!important;display:block}
#sliderblok_0 .owl-nav button,#sliderblok_0 .owl-prev,#sliderblok_0 .owl-next{width:46px!important;height:46px!important;background:rgba(255,255,255,.9)!important;border-radius:50%!important;color:var(--ws-ink)!important;font-size:0!important;position:relative;transition:background-color .2s}
#sliderblok_0 .owl-prev::before,#sliderblok_0 .owl-next::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:1.5px solid var(--ws-ink);border-right:1.5px solid var(--ws-ink)}
#sliderblok_0 .owl-prev::before{transform:translate(-40%,-50%) rotate(-135deg)}
#sliderblok_0 .owl-next::before{transform:translate(-60%,-50%) rotate(45deg)}
#sliderblok_0 .owl-dots .owl-dot span{width:8px!important;height:8px!important;background:rgba(22,18,15,.28)!important;border-radius:50%!important}
#sliderblok_0 .owl-dots .owl-dot.active span{background:var(--ws-ink)!important;width:22px!important;border-radius:4px!important}
#urunblok_1 .JKatAdi,#urunblok_1 .categoryTitle,.landing-block .JKatAdi{font-family:var(--ws-body)!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-widest);text-transform:uppercase;color:var(--ws-ink-2)!important;text-align:center;margin:0 0 26px!important}
#urunblok_1 .ItemOrj{padding:0 10px!important}
#resimblok_2 .txrow{display:flex;flex-wrap:wrap;margin:0 -8px!important}
#resimblok_2 .txcol-6,#resimblok_2 .txcol-sm-3{flex:0 0 25%;max-width:25%;padding:0 8px!important;margin-bottom:0!important}
#resimblok_2 .blokResimLink{display:block;position:relative;overflow:hidden;background:var(--ws-paper-3)}
#resimblok_2 img{width:100%!important;height:auto!important;aspect-ratio:300/610;object-fit:cover;display:block;transition:transform .7s var(--ws-ease)}
#resimblok_2 .blokResimLink:hover img{transform:scale(1.04)}
.newaslater.ebultenDivTemp{padding:clamp(26px,4vw,44px) 0!important;background:var(--ws-paper-2)}
.newaslater .ebultenBaslik,.newaslater h4{font-family:var(--ws-display)!important;font-size:var(--ws-fs-lg)!important;color:var(--ws-ink)!important}
.newaslater input[type="text"],.newaslater input[type="email"]{height:48px!important}
.newaslater .button,.newaslater input[type="submit"]{height:48px!important;background:var(--ws-ink)!important;color:#fff!important;border:0!important;padding:0 26px!important}
img.lazyImage[data-original]{background:var(--ws-paper-3)}
@media(max-width:900px){
#resimblok_2 .txcol-6,#resimblok_2 .txcol-sm-3{flex:0 0 50%;max-width:50%;margin-bottom:16px!important}
#sliderblok_0 .owl-nav button,#sliderblok_0 .owl-prev,#sliderblok_0 .owl-next{width:36px!important;height:36px!important}
}
/* ==== PASS6-HOME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS7-CARDSCOPE ==== */
.productItem{position:relative;padding-bottom:52px!important;background:transparent!important;display:block!important;overflow:visible}
.productItem .productImage{position:relative;overflow:hidden;background:var(--ws-paper-3);margin:0}
.productItem .productImage a.detailLink{display:block;position:relative;padding:0!important;border-radius:0!important;aspect-ratio:3/4;overflow:hidden}
.productItem .productImage img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:top center;transition:transform .7s var(--ws-ease)}
.productItem:hover .productImage img{transform:scale(1.045)}
.productItem .productDetail{display:block!important;float:none!important;width:100%!important;padding:14px 2px 0!important;text-align:left!important;background:transparent!important;border:0!important;height:auto!important;overflow:hidden}
.productItem .productName{display:block!important;float:none!important;width:100%!important;margin:0 0 6px!important;height:auto!important;min-height:0!important;border:0!important;text-align:left!important}
.productItem .productName a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--ws-body)!important;font-size:var(--ws-fs-sm)!important;line-height:1.45!important;color:var(--ws-ink-2)!important;height:auto!important;text-align:left!important}
.productItem:hover .productName a{color:var(--ws-ink)!important}
.productItem .productPrice{display:flex!important;align-items:baseline;gap:8px;float:none!important;width:100%!important;clear:both;text-align:left!important;margin:0!important;min-height:22px}
.productItem .productPrice .discountPrice,.productItem .productPrice .regularPrice{display:inline-flex!important;align-items:baseline;gap:8px;float:none!important;margin:0!important}
.productItem .discountPriceSpan{font-size:var(--ws-fs-md)!important;font-weight:500!important;color:var(--ws-ink)!important}
.productItem .regularPrice,.productItem .regularPriceSpan{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-4)!important;text-decoration:line-through}
.productItem .discountKdv,.productItem .productMarka,.productItem .examineIcon,.productItem .urunListeAdet{display:none!important}
.productItem .productIcon{display:contents!important;position:static!important}
.productItem .mycartIcon{display:block!important;position:absolute!important;left:0;right:0;bottom:0;width:100%;height:44px;opacity:0;transform:translateY(6px);transition:opacity .28s var(--ws-ease),transform .28s var(--ws-ease)}
.productItem:hover .mycartIcon,.productItem:focus-within .mycartIcon{opacity:1;transform:none}
.productItem .mycartIcon a.btnAddToCart{display:flex!important;align-items:center;justify-content:center;width:100%;height:44px;background:var(--ws-ink);color:#fff!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase}
.productItem .mycartIcon .urunListeSpanSepeteEkle{display:inline!important;font-size:var(--ws-fs-xs)!important;color:#fff!important}
.productItem .favori{display:block!important;position:absolute!important;top:10px;right:10px;bottom:auto;left:auto;width:36px;height:36px;z-index:5;background:rgba(255,255,255,.92);border-radius:50%;opacity:0;transform:translateY(-4px);transition:opacity .25s var(--ws-ease),transform .25s var(--ws-ease)}
.productItem:hover .favori,.productItem:focus-within .favori{opacity:1;transform:none}
.productItem .favori a.favoriteslist{display:block!important;width:36px;height:36px;font-size:0!important;position:relative}
.productItem .favori a.favoriteslist::before,.productItem .favori a.favoriteslist::after{display:none!important;content:none!important}
.productItem .favori::before{content:"\2661";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;color:var(--ws-ink);pointer-events:none}
#urunblok_1 .owl-item{padding:0 8px}
#urunblok_1 .owl-stage{display:flex;align-items:stretch}
#urunblok_1 li{height:100%}
@media (hover:none),(max-width:900px){
.productItem .mycartIcon{opacity:1;transform:none;height:42px}
.productItem .mycartIcon a.btnAddToCart{height:42px;background:transparent;color:var(--ws-ink)!important;border:1px solid var(--ws-line-2)}
.productItem .mycartIcon .urunListeSpanSepeteEkle{color:var(--ws-ink)!important}
.productItem .favori{opacity:1;transform:none}
}
/* ==== PASS7-CARDSCOPE son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS8-FOOTER+BEDEN ==== */
#customFooterContent{background:var(--ws-paper);border-top:1px solid var(--ws-line);font-size:var(--ws-fs-sm)}
#customFooterContent .footerTempContainer{max-width:1320px;margin:0 auto;padding-left:var(--ws-gut);padding-right:var(--ws-gut)}
#customFooterContent section{padding:0!important}
#customFooterContent .ebultenDivTemp,#customFooterContent section:first-child{padding:clamp(30px,4vw,46px) 0!important;background:var(--ws-paper-2)}
#customFooterContent .newaslater .newsletterContent{max-width:620px;margin:0 auto}
#customFooterContent input[type="text"],#customFooterContent input[type="email"]{height:50px!important;border:1px solid var(--ws-line-2)!important;background:#fff;font-size:var(--ws-fs-sm)!important}
#customFooterContent .ebultenButon,#customFooterContent button[type="submit"],#customFooterContent input[type="submit"]{height:50px!important;min-width:56px;background:var(--ws-ink)!important;color:#fff!important;border:0!important;border-radius:0!important}
#customFooterContent .ebultenText,#customFooterContent .ebultenBaslik{font-family:var(--ws-display)!important;font-size:clamp(1.05rem,1.6vw,1.3rem)!important;color:var(--ws-ink)!important;margin-bottom:16px!important}
#customFooterContent .kvkkText,#customFooterContent label{font-size:var(--ws-fs-2xs)!important;color:var(--ws-ink-4)!important;line-height:1.6}
#customFooterContent .kvkkText a,#customFooterContent label a{color:var(--ws-ink-2)!important;text-decoration:underline;text-underline-offset:2px}
#customFooterContent section:nth-child(2){padding:26px 0 20px!important}
#customFooterContent section:nth-child(2) a{display:inline-block;font-size:var(--ws-fs-sm)!important;letter-spacing:.03em;color:var(--ws-ink-2)!important;padding:6px 0;margin:0 14px}
#customFooterContent section:nth-child(2) a:hover{color:var(--ws-ink)!important;text-decoration:underline;text-underline-offset:4px}
#customFooterContent section:nth-child(3){padding:6px 0 26px!important}
#customFooterContent .sosyalMedya a,#customFooterContent [class*="sosyal"] a,#customFooterContent .elementor-social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;margin:0 5px;border:1px solid var(--ws-line-2);border-radius:50%;color:var(--ws-ink-2)!important;transition:border-color .2s,color .2s}
#customFooterContent .sosyalMedya a:hover,#customFooterContent [class*="sosyal"] a:hover{border-color:var(--ws-ink);color:var(--ws-ink)!important}
#customFooterContent img[alt*="logo_band"],#customFooterContent .ws-lazyfixed{max-width:420px;width:100%;height:auto;margin:18px auto 0;display:block;opacity:.95}
#divTicimaxCopyrightContent{background:var(--ws-paper-2)!important;border-top:1px solid var(--ws-line);padding:16px 0!important;font-size:var(--ws-fs-xs)!important;color:var(--ws-ink-4)!important}
#divTicimaxCopyrightContent a{color:var(--ws-ink-3)!important}
@media(max-width:767px){
#customFooterContent section:nth-child(2) a{display:block;margin:0;padding:11px 0;border-bottom:1px solid var(--ws-line);text-align:left}
#customFooterContent section:nth-child(2){padding:6px 0 14px!important}
#customFooterContent img[alt*="logo_band"],#customFooterContent .ws-lazyfixed{max-width:300px}
}
.ws-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.ws-chip{min-width:52px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ws-line-2);background:#fff;color:var(--ws-ink);font-size:var(--ws-fs-sm);letter-spacing:.02em;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}
.ws-chip:hover:not(.is-out){border-color:var(--ws-ink)}
.ws-chip.is-active{background:var(--ws-ink);border-color:var(--ws-ink);color:#fff}
.ws-chip.is-out{color:var(--ws-ink-4);border-color:var(--ws-line);cursor:not-allowed;position:relative;overflow:hidden}
.ws-chip.is-out::after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:var(--ws-line-2);transform:rotate(-14deg)}
.eksecenekLine.ws-haschips select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;overflow:hidden}
/* ==== PASS8-FOOTER+BEDEN son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS9-BASLIK+EYEBROW ==== */
#urunblok_1 .JKatAdi,#urunblok_1 .JKatAdi .satir1,#urunblok_1 .JKatAdi .bold,
#mainHolder_divDesign .landing-block .JKatAdi,#mainHolder_divDesign .landing-block .JKatAdi .satir1,#mainHolder_divDesign .landing-block .JKatAdi .bold{font-family:var(--ws-display)!important;text-transform:none!important;letter-spacing:0!important;font-size:clamp(1.3rem,2.1vw,1.95rem)!important;font-weight:400!important;color:var(--ws-ink)!important;line-height:1.2!important}
#urunblok_1 .JKatAdi,#mainHolder_divDesign .landing-block .JKatAdi{display:flex!important;align-items:center;gap:20px;flex-wrap:nowrap!important;text-align:left!important;justify-content:flex-start!important;margin:0 auto 24px!important;max-width:1320px;padding:0 var(--ws-gut)}
#urunblok_1 .JKatAdi .satir1,#mainHolder_divDesign .landing-block .JKatAdi .satir1{flex:0 0 auto;white-space:nowrap}
#urunblok_1 .JKatAdi::after,#mainHolder_divDesign .landing-block .JKatAdi::after{content:"";flex:1 1 auto;height:1px;background:var(--ws-line)}
.ws-eyebrow{display:block;font-size:var(--ws-fs-2xs);letter-spacing:var(--ws-ls-wider);text-transform:uppercase;color:var(--ws-ink-4);margin:0 0 5px}
.ws-cat-h1{font-family:var(--ws-display)!important;font-weight:400!important;font-size:clamp(1.5rem,2.6vw,2.125rem)!important;line-height:1.2!important;color:var(--ws-ink)!important;margin:6px 0 4px!important}
.categoryTitle .breadcrumb{display:block;margin-bottom:2px}
.ws-det-eyebrow{display:block;font-size:var(--ws-fs-2xs);letter-spacing:var(--ws-ls-wider);text-transform:uppercase;color:var(--ws-ink-4);margin:0 0 8px}
/* ==== PASS9-BASLIK+EYEBROW son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS10-QA ==== */
.pageContainer{padding-top:clamp(24px,3vw,44px)!important;padding-bottom:clamp(36px,5vw,72px)!important}
.pageContainer .centerCount{max-width:840px;margin:0 auto;float:none!important}
.pageContainer p,.pageContainer li,.pageContainer div:not([class]){text-align:left!important}
.pageContainer p{font-size:var(--ws-fs-base)!important;line-height:1.85!important;color:var(--ws-ink-2)!important;margin:0 0 16px!important}
.pageContainer h1,.pageContainer h2,.pageContainer h3,.pageContainer strong>span,.pageContainer b{color:var(--ws-ink)!important}
.pageContainer h2,.pageContainer h3{font-family:var(--ws-display)!important;font-weight:400!important;margin:30px 0 12px!important;font-size:clamp(1.1rem,1.6vw,1.4rem)!important}
.pageContainer ul,.pageContainer ol{margin:0 0 18px 20px!important;padding:0!important}
.pageContainer li{margin:0 0 8px!important;line-height:1.8!important;list-style:disc!important}
.pageContainer a{color:var(--ws-ink)!important;text-decoration:underline;text-underline-offset:3px}
.ws-page-h1{font-family:var(--ws-display)!important;font-weight:400!important;font-size:clamp(1.5rem,2.6vw,2.125rem)!important;line-height:1.2!important;color:var(--ws-ink)!important;margin:0 0 22px!important;padding-bottom:16px;border-bottom:1px solid var(--ws-line);text-align:left!important}
@media(max-width:767px){.pageContainer .centerCount{max-width:100%}}
/* ==== PASS10-QA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS11-HESAP+ILETISIM ==== */
.newUserLoginBtn,.newButton,.login-button,.QuickMember{background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important;border-radius:0!important;height:52px!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;transition:background-color .2s,border-color .2s}
.newUserLoginBtn:hover,.newButton:hover,.login-button:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
.userDivTab{border-bottom:1px solid var(--ws-line)!important}
.userDivTab a,.userDivTab span,.userDivTab div{font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase}
#divIcerik .textbox{border-radius:0!important}
a.sifremiUnuttum,.forgotPassword{font-size:var(--ws-fs-xs)!important;color:var(--ws-ink-3)!important;text-decoration:underline;text-underline-offset:3px}
.hesabimBolumuTutucu a{font-size:var(--ws-fs-sm)!important}
table.hesabimTablo th,table.hesabimTablo td{font-size:var(--ws-fs-sm)!important;padding:12px 10px!important;border-bottom:1px solid var(--ws-line)!important}
.iletisimForm label,.iletisimBilgi label{font-size:var(--ws-fs-2xs)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;color:var(--ws-ink-3)!important;margin-bottom:6px!important;display:block}
.iletisimForm input[type="text"],.iletisimForm input[type="email"],.iletisimForm input[type="tel"],.iletisimForm textarea{width:100%!important;border:1px solid var(--ws-line-2)!important;border-radius:0!important}
.iletisimForm textarea{min-height:130px!important}
body #divIcerik .iletisimForm .button,body #divIcerik .iletisimForm input[type="submit"],body #divIcerik .iletisimForm button{background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important;border-radius:0!important;height:52px!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;width:100%!important;max-width:260px}
body #divIcerik .iletisimForm .button:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
.iletisimBilgi,.iletisimSol{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-2)!important}
.iletisimBilgi h2,.iletisimSol h2,#divIcerik .firmaAdi{font-family:var(--ws-display)!important;font-weight:400!important;font-size:clamp(1.1rem,1.6vw,1.35rem)!important;color:var(--ws-ink)!important;margin-bottom:18px!important;text-transform:none!important}
#divIcerik.ticiContainer{padding-top:clamp(20px,2.6vw,36px);padding-bottom:clamp(30px,4vw,60px)}
/* ==== PASS11-HESAP+ILETISIM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS12-SEPET+MAGAZA ==== */
.modal-content-html .divAltButonlar{display:flex;gap:10px}
a.modalDevamEtBTn,a.modalSepetimBtn{height:46px!important;display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 0;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;border-radius:0!important;transition:background-color .2s,color .2s}
#sepetEkleModal #divSepeteEklendiModal a.modalDevamEtBTn{background:transparent!important;color:var(--ws-ink)!important;border:1px solid var(--ws-line-2)!important}
#sepetEkleModal #divSepeteEklendiModal a.modalDevamEtBTn:hover{border-color:var(--ws-ink)!important;background:var(--ws-paper-2)!important}
#sepetEkleModal #divSepeteEklendiModal a.modalSepetimBtn{background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important}
#sepetEkleModal #divSepeteEklendiModal a.modalSepetimBtn:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
.modal-content-html{border:1px solid var(--ws-line)!important;box-shadow:var(--ws-shadow)!important;border-radius:0!important}
.checkoutCartProductContent{font-size:var(--ws-fs-sm)!important}
.checkoutCartProductContent .urunAdi,.checkoutCartProductContent a{color:var(--ws-ink-2)!important;line-height:1.45!important}
#divIcerik .magazaSelect,#divIcerik .magazaAra{height:46px!important;border:1px solid var(--ws-line-2)!important;border-radius:0!important}
body #divIcerik .buton.button{background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important;border-radius:0!important;height:46px!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase}
body #divIcerik .buton.button:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
body.ws-nostore .magazaBaslik,body.ws-nostore #divIcerik h2{display:none!important}
/* ==== PASS12-SEPET+MAGAZA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS13-SEPETPANEL ==== */
#checkoutCartProductDiv{border:1px solid var(--ws-line)!important;box-shadow:var(--ws-shadow)!important;border-radius:0!important;font-size:var(--ws-fs-sm)!important}
#checkoutCartProductDiv .cartCheckoutButtons,#checkoutCartProductDiv .cartCheckoutButtonsContent{display:flex;gap:10px;padding:12px!important}
#checkoutCartProductDiv .checkoutButton{flex:1 1 0;border-radius:0!important;overflow:hidden}
#checkoutCartProductDiv .checkoutButton a{display:flex!important;align-items:center;justify-content:center;height:48px!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;border-radius:0!important;transition:background-color .2s,color .2s}
#checkoutCartProductDiv .checkoutButton.basketUrlButton a{background:transparent!important;color:var(--ws-ink)!important;border:1px solid var(--ws-line-2)!important}
#checkoutCartProductDiv .checkoutButton.basketUrlButton a:hover{border-color:var(--ws-ink)!important;background:var(--ws-paper-2)!important}
#checkoutCartProductDiv .checkoutButton.orderCompleteButton a{background:var(--ws-ink)!important;color:#fff!important;border:1px solid var(--ws-ink)!important}
#checkoutCartProductDiv .checkoutButton.orderCompleteButton a:hover{background:var(--ws-gold-ink)!important;border-color:var(--ws-gold-ink)!important}
#checkoutCartProductDiv .checkoutCartProduct,#checkoutCartProductDiv .cartProductItem{border-bottom:1px solid var(--ws-line)!important;padding:12px!important}
#checkoutCartProductDiv .urunAdi,#checkoutCartProductDiv a{color:var(--ws-ink-2)!important;line-height:1.45!important}
#checkoutCartProductDiv .fiyat,#checkoutCartProductDiv [class*="Fiyat"]{color:var(--ws-ink)!important;font-weight:500!important}
/* ==== PASS13-SEPETPANEL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS15-TASMA ==== */
@media(max-width:767px){
#resimblok_2 .txrow{margin-left:0!important;margin-right:0!important}
#resimblok_2 .txcol-6,#resimblok_2 .txcol-sm-3{padding:0 6px!important}
}
html,body{max-width:100%;overflow-x:hidden}
/* ==== PASS15-TASMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS16-EYEBROW-HIZA ==== */
.ws-eyebrow{display:block;line-height:1.4;min-height:1.4em}
.ws-eyebrow.is-ghost{visibility:hidden}
/* ==== PASS16-EYEBROW-HIZA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS17-MOBILMENU ==== */
@media(max-width:1024px){
header .newHeaderNav{background:var(--ws-paper)!important}
header .newHeaderNav .newMenuTop{background:var(--ws-paper)!important;border-bottom:1px solid var(--ws-line)!important;height:62px!important;display:flex!important;align-items:center;justify-content:flex-end;padding:0 16px!important}
header .newHeaderNav .newMenuTop *{color:var(--ws-ink)!important}
header .newHeaderNav .newMenuTop a,header .newHeaderNav .newMenuTop span,header .newHeaderNav .newMenuTop div,header .newHeaderNav .newMenuTop i{background:transparent!important;border:0!important;box-shadow:none!important}
header .newHeaderNav .newHeaderNavUl{padding:0!important}
header .newHeaderNav .newHeaderNavUl > li.nav-item{border-bottom:1px solid var(--ws-line)!important}
header .newHeaderNav .newHeaderNavUl > li.nav-item > a{display:flex!important;align-items:center;justify-content:flex-start!important;min-height:56px!important;padding:0 46px 0 20px!important;font-size:var(--ws-fs-sm)!important;letter-spacing:var(--ws-ls-wide)!important;text-transform:uppercase!important;text-align:left!important;color:var(--ws-ink)!important}
header .newHeaderNav .newHeaderNavUl > li.nav-item > a > span{margin-right:auto!important;text-align:left!important}
header .newHeaderNav .dropDown-wrap{background:var(--ws-paper-2)!important;border:0!important;box-shadow:none!important;padding:4px 0 10px!important}
header .newHeaderNav .dropDown-wrap li{border:0!important}
header .newHeaderNav .dropDown-wrap a{display:block!important;padding:11px 20px 11px 34px!important;font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-2)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important}
}
/* ==== PASS17-MOBILMENU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS18-ARAMA ==== */
.header-search-form-wrapper,.searchform-wrapper{background:var(--ws-paper)!important;border-bottom:1px solid var(--ws-line)!important}
header#headerNew input.ticimaxSearchInput,header#headerNew input.search-field,body header#headerNew .header-search-form input{height:48px!important;font-size:var(--ws-fs-base)!important;border:0!important;border-bottom:1px solid var(--ws-line-2)!important;border-radius:0!important;background:transparent!important;padding:0 8px!important}
header#headerNew input.ticimaxSearchInput:focus{border-bottom-color:var(--ws-ink)!important;outline:none!important}
input.ticimaxSearchInput::placeholder{letter-spacing:var(--ws-ls-wide);text-transform:uppercase;font-size:var(--ws-fs-xs);color:var(--ws-ink-4)}
#divAramaAlani.ticimax-search-content{border:1px solid var(--ws-line)!important;border-radius:0!important;box-shadow:var(--ws-shadow)!important;background:var(--ws-paper)!important}
#divAramaAlani .ticimax-sidebar-item{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-2)!important}
#divAramaAlani .ticimax-sidebar-item > *:first-child{font-size:var(--ws-fs-2xs)!important;letter-spacing:var(--ws-ls-wider);text-transform:uppercase;color:var(--ws-ink-4)!important}
#divAramaAlani a{color:var(--ws-ink-2)!important}
#divAramaAlani a:hover{color:var(--ws-ink)!important}
#divAramaAlani .productName,#divAramaAlani [class*="urunAd"]{font-size:var(--ws-fs-sm)!important;line-height:1.4!important;color:var(--ws-ink-2)!important}
#divAramaAlani [class*="fiyat"],#divAramaAlani [class*="Fiyat"],#divAramaAlani .productPrice{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink)!important;font-weight:500!important}
/* ==== PASS18-ARAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS19-FOOTERMOBIL ==== */
#customFooterContent .newsletterContent{position:relative}
#customFooterContent input.newstext,#customFooterContent input.newstext.textbox{height:52px!important;line-height:52px!important;padding:0 68px 0 14px!important;border:1px solid var(--ws-line-2)!important;border-radius:0!important;font-size:var(--ws-fs-sm)!important;width:100%!important;background:#fff!important}
#customFooterContent a.newsbutton,#customFooterContent .newsbutton.button{position:absolute!important;right:0!important;top:0!important;bottom:auto!important;width:56px!important;height:52px!important;display:flex!important;align-items:center;justify-content:center;background:var(--ws-ink)!important;color:#fff!important;border:0!important;border-radius:0!important;margin:0!important}
#customFooterContent a.newsbutton:hover{background:var(--ws-gold-ink)!important}
#customFooterContent .icon-box{display:inline-flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;margin:0 5px!important;border:1px solid var(--ws-line-2)!important;border-radius:50%!important;background:transparent!important}
#customFooterContent .icon-box:hover{border-color:var(--ws-ink)!important}
#customFooterContent .icon-box *,#customFooterContent .icon-box svg{background:transparent!important;fill:var(--ws-ink-2)!important;color:var(--ws-ink-2)!important}
#customFooterContent .icon-box:hover *{fill:var(--ws-ink)!important;color:var(--ws-ink)!important}
#customFooterContent ul.footerMenuAlt a{font-size:var(--ws-fs-sm)!important;color:var(--ws-ink-2)!important;letter-spacing:.03em}
#customFooterContent ul.footerMenuAlt a:hover{color:var(--ws-ink)!important;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){
#customFooterContent ul.footerMenuAlt,#customFooterContent ul.footerMenul{text-align:left!important;padding:0 16px!important}
#customFooterContent ul.footerMenuAlt > li{display:block!important;width:100%!important;text-align:left!important;border-bottom:1px solid var(--ws-line)!important}
#customFooterContent ul.footerMenuAlt > li:last-child{border-bottom:0!important}
#customFooterContent ul.footerMenuAlt > li > a{display:block!important;width:100%!important;padding:13px 0!important;text-align:left!important}
}
/* ==== PASS19-FOOTERMOBIL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS20-AKTIFSIRALAMA ==== */
#divSayfalamaUst .brandlistselection .sortingContent li:has(> a.selected){background:var(--ws-ink)!important;border-color:var(--ws-ink)!important}
#divSayfalamaUst .brandlistselection .sortingContent li:has(> a.selected) > a{color:#fff!important;text-decoration:none!important}
#divSayfalamaUst .brandlistselection .sortingContent li > a.selected{font-weight:500!important;text-decoration:underline!important;text-underline-offset:4px}
#divSayfalamaUst .tukgo:has(a.selected){background:var(--ws-ink)!important;border-color:var(--ws-ink)!important}
#divSayfalamaUst .tukgo:has(a.selected) a{color:#fff!important}
/* ==== PASS20-AKTIFSIRALAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS21-AKTIFSAYFA ==== */
.categoryContainer .pageNumber a.SelectedSayfa,.categoryContainer .pageNumber a.butonDisabled{background:var(--ws-ink)!important;border-color:var(--ws-ink)!important;color:#fff!important;cursor:default!important}
.categoryContainer .pageNumber a.SelectedSayfa:hover,.categoryContainer .pageNumber a.butonDisabled:hover{background:var(--ws-ink)!important;color:#fff!important}
body .categoryContainer .pageNumber .pageBorder a.SelectedSayfa,body .categoryContainer .pageNumber .pageBorder a.butonDisabled,body .categoryContainer .pageNumber a.SelectedSayfa.butonDisabled{color:#fff!important}
/* ==== PASS21-AKTIFSAYFA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS22-DETAYSEKME ==== */
.productDetailContainer .urunTab ul{display:flex!important;gap:0;border-bottom:1px solid var(--ws-line)!important;margin:0!important;padding:0!important;list-style:none}
.productDetailContainer .urunTab li{position:relative;margin:0 26px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
.productDetailContainer .urunTab li a{display:inline-block;padding:12px 0!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-4)!important;transition:color .2s}
.productDetailContainer .urunTab li:hover a{color:var(--ws-ink-2)!important}
.productDetailContainer .urunTab li.active a{color:var(--ws-ink)!important;font-weight:500}
.productDetailContainer .urunTab li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ws-ink)}
.productDetailContainer .urunDetayPanel{padding-top:20px!important}
/* ==== PASS22-DETAYSEKME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS23-MOBILSEKME ==== */
@media(max-width:1024px){
.productDetailContainer .mobilTab ul{margin:0!important;padding:0!important;list-style:none}
.productDetailContainer .mobilTab li{position:relative;border-bottom:1px solid var(--ws-line)!important;background:transparent!important}
.productDetailContainer .mobilTab li a{display:flex!important;align-items:center;min-height:52px!important;padding:0 6px!important;font-size:var(--ws-fs-xs)!important;letter-spacing:var(--ws-ls-wide);text-transform:uppercase;color:var(--ws-ink-3)!important}
.productDetailContainer .mobilTab li.active a{color:var(--ws-ink)!important;font-weight:500;background:var(--ws-paper-2)!important;border-left:2px solid var(--ws-ink)!important;padding-left:12px!important}
}
/* ==== PASS23-MOBILSEKME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS24-GENISEKRAN ==== */
@media(min-width:1500px){
.ticiContainer,.categoryContainer,.productDetailContainer,#customFooterContent .footerTempContainer,#mainHolder_divDesign .landing-block .JKatAdi{max-width:1560px!important;width:auto!important}
header#headerNew .header-inner,header#headerNew .headerContainer,.header-top .headerContainer{max-width:1560px!important;width:100%!important;padding-left:32px;padding-right:32px}
#resimblok_2 .ticiContainer,#urunblok_1 .ticiContainer{max-width:1560px!important}
header ul.newHeaderNavUl{gap:34px;padding-left:0!important}
header .header-inner>.flex-col.logo{margin:0 32px}
}
@media(min-width:1600px){
.categoryContainer .ProductListContent .ItemOrj,.ProductList.PlSc_2>.ItemOrj{width:20%!important;max-width:20%!important}
}
/* ==== PASS24-GENISEKRAN son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS25-ISKELET ==== */
/* KÖK SORUN: 24 PASS boyunca Ticimax Elit teması yamalandı; toplamı
   'Elit + rötuş' oldu, WsTOR prototipinin İSKELETİ değil. Bu blok o
   iskeleti kurar: (1) hero altı avantaj şeridi, (2) bölüm başlığı
   kalıbı (etiket + serif başlık + sağda TÜMÜNÜ GÖR), (3) kategori
   bloğuna bölüm başlığı, (4) 404 veren kart görseline yer tutucu.
   Şerit metinleri Herton'un KENDİ /s-s-s sayfasından alındı. */
.ws-strip{background:var(--ws-ink,#16120f);color:#efe9e1;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.ws-strip__track{display:flex;width:max-content;animation:ws-marquee 46s linear infinite}
.ws-strip:hover .ws-strip__track{animation-play-state:paused}
.ws-strip__set{display:flex;flex:0 0 auto}
.ws-strip__item{display:flex;align-items:center;gap:10px;padding:11px 30px;white-space:nowrap;font:500 11.5px/1 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ws-strip__item b{font-weight:600;color:#fff;letter-spacing:.16em}
.ws-strip__item::after{content:'+';margin-left:30px;opacity:.35;font-size:12px;letter-spacing:0}
@keyframes ws-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ws-strip__track{animation:none}}
@media (max-width:767px){.ws-strip__item{padding:9px 18px;font-size:10px;letter-spacing:.1em;gap:7px}.ws-strip__item::after{margin-left:18px}}
.ws-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.ws-sechead__l{min-width:0}
.ws-sechead__eyebrow{display:block;margin-bottom:8px;font:500 11px/1 'Jost',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#9a9186}
.ws-sechead__all{flex:0 0 auto;padding-bottom:4px;font:500 11.5px/1 'Jost',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ws-ink,#16120f);text-decoration:none;border-bottom:1px solid rgba(22,18,15,.35);transition:border-color .2s}
.ws-sechead__all:hover{border-color:var(--ws-ink,#16120f)}
.ws-sechead .JKatAdi{margin-bottom:0!important}
@media (max-width:600px){.ws-sechead{gap:14px}.ws-sechead__eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:6px}.ws-sechead__all{font-size:10px;letter-spacing:.12em}}
.ws-imgph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ws-paper,#f4f1ec);color:#c2bab0;font:600 12px/1 'Jost',sans-serif;letter-spacing:.26em}
/* ==== PASS25-ISKELET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS26-HIZA ==== */
/* KÖK SORUN: PASS24 kapsayıcıyı 1560/1480'e çıkardı ama taban tema
   .jCarouselLite'ı 1300 px sabit tutuyordu; ray içeriği bölüm
   başlığından 90 px içeride kalıyordu. Kategori karolarında da resim
   kolondan dar olup ortalanıyor, üçüncü bir sol kenar üretiyordu.
   Sonuç: anasayfada üç ayrı sol hiza. Hepsi tek hizaya alındı. */
#mainHolder_divDesign .landing-block .jCarouselLite,#mainHolder_divDesign .landing-block .ProductList{width:100%!important;max-width:none!important}
#mainHolder_divDesign .landing-block[id^="resimblok_"] .txrow{margin-left:0!important;margin-right:0!important}
#mainHolder_divDesign .landing-block[id^="resimblok_"] .blokResimLink{display:block}
#mainHolder_divDesign .landing-block[id^="resimblok_"] .blokResimLink img{width:100%!important;height:auto!important;max-width:none!important;margin:0!important;display:block}
#mainHolder_divDesign .landing-block[id^="resimblok_"] .ws-sechead{padding-left:10px;padding-right:10px}
/* ==== PASS26-HIZA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS26B-SOLHIZA ==== */
/* Mobilde bölüm etiketi ortalanıyordu: .jCarouselLite mobilde
   text-align:center veriyor, başlık PASS9 ile sola alınmıştı ama
   etiket mirası alıyordu — etiket ortada, başlık solda kalıyordu. */
.ws-sechead,.ws-sechead__l,.ws-sechead__eyebrow,.ws-sechead .JKatAdi,.ws-sechead .JKatAdi span{text-align:left!important}
.ws-sechead__all{text-align:right!important}
/* Başlık altı dekoratif çizgi ortaya hizalıydı (margin-left:72px);
   başlık sola alınınca çizgi ortada asılı kalıyordu. */
.ws-sechead .JKatAdi .satir1::after{margin-left:0!important}
/* ==== PASS26B-SOLHIZA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS27-LISTELEME ==== */
/* KÖK SORUN: listeleme sayfasının başlık bölgesi dağınıktı —
   breadcrumb ile araç çubuğu AYNI satırda yan yana float'lıydı, H1
   onların ALTINDA kalıyordu; araç çubuğu içerikten 264 px içeride
   başlıyordu; Kategori/Marka açılırları 32 px kutuya sıkışıp metinleri
   ÜST ÜSTE BİNİYORDU; 4 sıralama butonu kapsayıcıyı taşırıyordu.
   Prototip düzeni: breadcrumb → serif H1 → tek satır araç çubuğu
   (sol: adet + filtreler · sağ: sıralama + görünüm yoğunluğu).
   Not: kurallar #divSayfalamaUst ID'si altında yazıldı — Ticimax'in
   kendi kuralları da ID'li geldiği için sınıf kuralları kaybederdi. */
.categoryContainer > .categoryTitle{display:flex!important;flex-direction:column;align-items:stretch;height:auto!important;padding-bottom:0!important}
.categoryContainer .categoryTitleText > ul.breadcrumb{max-width:none!important;width:100%!important;margin:0 0 6px!important;padding:0!important}
.categoryContainer .categoryTitleText > h1{margin:0 0 18px!important}
.categoryContainer > .categoryTitle > #divSayfalamaUst{order:3;width:100%!important;float:none!important;margin:0!important;height:auto!important;text-align:left!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:14px 18px;border-top:1px solid var(--ws-line,#e6e1d9);border-bottom:1px solid var(--ws-line,#e6e1d9);padding:12px 0!important}
#divSayfalamaUst > li.appliedFilter{display:flex!important;align-items:center;gap:16px;width:auto!important;float:none!important;margin:0!important;height:auto!important;list-style:none}
#divSayfalamaUst > li.appliedFilter > span{font:500 12px/1 'Jost',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#6f675e;width:auto!important;padding:0!important}
#divSayfalamaUst > .blockSelect{order:9;margin-left:14px!important;display:flex!important;gap:2px;width:auto!important;float:none!important;height:auto!important}
#divSayfalamaUst .blockSelect > a{position:static!important;float:none!important;width:32px!important;height:32px!important;margin:0!important;border:1px solid transparent;border-radius:2px}
#divSayfalamaUst .blockSelect > a.Active{border-color:var(--ws-line,#e6e1d9);background:#fff}
#divSayfalamaUst > .Block_item.filterBlock{width:auto!important;float:none!important;margin:0!important;height:auto!important}
#divSayfalamaUst .category-vertical-filters{display:flex!important;gap:10px;width:auto!important;height:auto!important;position:static!important;padding:0!important}
#divSayfalamaUst .vertical-filter-panel,#divSayfalamaUst .category-vertical-filters > .panel{width:auto!important;height:auto!important;margin:0!important;float:none!important;border:0!important;background:none!important;box-shadow:none!important}
#divSayfalamaUst .category-vertical-filters .panel-heading{width:auto!important;height:34px!important;min-width:118px;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:0 12px!important;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;background:#fff!important;font:500 11.5px/1 'Jost',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-ink,#16120f)!important;cursor:pointer;white-space:nowrap}
#divSayfalamaUst > .brandlistselection{margin-left:auto!important;width:auto!important;float:none!important;height:auto!important}
#divSayfalamaUst > .brandlistselection > ul.sortingContent{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
#divSayfalamaUst > .brandlistselection > ul.sortingContent > li.sortingButton{position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;list-style:none}
#divSayfalamaUst > .brandlistselection > ul.sortingContent > li.sortingButton > a{display:block;padding:9px 14px!important;width:auto!important;height:auto!important;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;background:#fff!important;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#4b443c!important;white-space:nowrap}
#divSayfalamaUst > .brandlistselection > ul.sortingContent > li.sortingButton > a.selected{background:var(--ws-ink,#16120f)!important;border-color:var(--ws-ink,#16120f)!important;color:#fff!important}
@media(max-width:900px){#divSayfalamaUst > .brandlistselection{margin-left:0!important;width:100%!important}#divSayfalamaUst > .brandlistselection > ul.sortingContent{justify-content:flex-start}#divSayfalamaUst > .blockSelect{display:none!important}}
/* ==== PASS27-LISTELEME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS27B-LISTEMOBIL ==== */
/* Mobilde araç çubuğu 375 px kapsayıcıda 475 px yer kaplıyordu:
   FİLTRELEME/SIRALAMA ve KATEGORİLER/MARKA ekrandan taşıp kırpılıyordu.
   Filtre bloğu tam genişliğe alındı, iki ana düğme 1fr/1fr ızgaraya,
   filtre çipleri sarmalı hâle getirildi. STOKTAKİLER sarmalayıcısındaki
   çift çerçeve (hem .tukgo hem <a>) tekile indirildi. */
@media(max-width:767px){
#divSayfalamaUst{gap:10px!important;padding:12px 0!important}
#divSayfalamaUst > .Block_item.filterBlock{width:100%!important}
#divSayfalamaUst .topFilter-Block_Text{width:100%!important;display:flex!important;flex-direction:column;gap:10px}
#divSayfalamaUst .mobilFilterOpenBtn{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
#divSayfalamaUst .mobilFilterOpenBtn > a{width:100%!important;margin:0!important;height:42px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;background:#fff!important;font:500 11.5px/1 'Jost',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-ink,#16120f)!important}
#divSayfalamaUst .category-vertical-filters{width:100%!important;display:flex!important;flex-wrap:wrap;gap:8px!important}
#divSayfalamaUst .category-vertical-filters > .FiltreUst{display:none!important}
#divSayfalamaUst .category-vertical-filters > .tukgo{width:auto!important;margin:0!important;border:0!important;padding:0!important;background:none!important}
#divSayfalamaUst .category-vertical-filters > .tukgo > a{padding:0 12px!important;height:34px!important;display:flex!important;align-items:center;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#4b443c!important;width:auto!important}
#divSayfalamaUst .category-vertical-filters > .panel{width:auto!important;flex:0 1 auto}
#divSayfalamaUst .category-vertical-filters .panel-heading{min-width:0!important;width:auto!important;padding:0 12px!important;font-size:11px!important;letter-spacing:.12em!important}
}
/* ==== PASS27B-LISTEMOBIL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS28-DETAY ==== */
/* KÖK SORUN: ürün detay sağ sütunu prototipin ritminden uzaktı —
   başlık üstünde kategori etiketi YOKTU (PASS9 etiketi sayfanın en
   altında kalıyordu), başlık 20 px sans’tı, eski ve yeni fiyat ARADA
   BOŞLUK OLMADAN yapışıktı (“₺1.200,00₺950,00”), indirim oranı ayrı
   bir metin satırıydı, ürün kodu etiketsizdi, RENK select ham, BEDEN
   TABLOSU bağlantısı kırık ikonla solda duruyordu ve blok aralarında
   ayırıcı yoktu. Prototip ritmi: etiket → serif başlık → ürün kodu →
   fiyat satırı (büyük fiyat + üstü çizili eski + kırmızı rozet) → RENK
   → BEDEN → satın alma → güven listesi. Kapsayıcı .RightDetail’dir
   (.MiddleList DEĞİL — TopList onun kardeşi, altı değil).
   Güven listesi metinleri Herton’un KENDİ /s-s-s sayfasından. */
.RightDetail .TopList{display:flex!important;flex-direction:column}
.RightDetail .TopList > .ws-det-eyebrow{order:1}
.RightDetail .TopList > .ProductName{order:2;margin:0 0 8px!important}
.RightDetail .TopList > #divOnyazi{order:3;margin:0 0 4px!important;padding:0!important;border:0!important}
.RightDetail .TopList > .PriceList{order:4}
.RightDetail .TopList > .Formline.puanVer{order:5}
.RightDetail .ws-det-eyebrow{font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.24em;text-transform:uppercase;color:#9a9186!important;margin:0 0 12px!important;height:auto!important;padding:0!important}
.RightDetail .ProductName h1,.RightDetail .ProductName h1 span{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(23px,2vw,32px)!important;line-height:1.18!important;font-weight:400!important;letter-spacing:0!important;color:var(--ws-ink,#16120f)!important}
.RightDetail #divOnyazi .left_line{font:400 12px/1.5 'Jost',sans-serif!important;color:#9a9186!important}
.RightDetail #divOnyazi .left_line::before{content:'\00dcr\00fcn kodu: '}
.RightDetail .PriceList{margin:14px 0 0!important;padding:16px 0 18px!important;border-top:1px solid var(--ws-line,#e6e1d9);border-bottom:1px solid var(--ws-line,#e6e1d9)}
.RightDetail #divIndirimliFiyat{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:12px}
.RightDetail #divIndirimliFiyat > .Formline{width:auto!important;margin:0!important;float:none!important;padding:0!important;border:0!important}
.RightDetail #divIndirimliFiyat > .IndirimliFiyatContent{order:1}
.RightDetail #divIndirimliFiyat > .PiyasafiyatiContent{order:2}
.RightDetail #divIndirimOrani{order:3;display:inline-flex!important;align-items:center;width:auto!important;margin:0!important;padding:6px 10px!important;background:#b3261e;border-radius:2px;height:auto!important}
.RightDetail .PiyasafiyatiContent #fiyat{font:400 16px/1 'Jost',sans-serif!important;color:#9a9186!important;text-decoration:line-through}
.RightDetail #indirimliFiyat{display:flex!important;align-items:baseline;gap:9px;width:auto!important}
.RightDetail #indirimliFiyat .spanFiyat{font:600 30px/1 'Jost',sans-serif!important;color:var(--ws-ink,#16120f)!important;letter-spacing:-.01em}
.RightDetail #indirimliFiyat .spanKdv{font:400 10.5px/1 'Jost',sans-serif!important;color:#9a9186!important;letter-spacing:.1em;text-transform:uppercase}
.RightDetail #divIndirimOrani .left_line,.RightDetail #divIndirimOrani .center_line{display:none!important}
.RightDetail #divIndirimOrani .right_line{font:600 11px/1 'Jost',sans-serif!important;letter-spacing:.08em;color:#fff!important;width:auto!important;white-space:nowrap!important;overflow:visible!important;display:inline!important}
.RightDetail #divIndirimOrani .right_line span{color:#fff!important;font:inherit!important}
.RightDetail .eksecenekLine.selectvaryasyon{padding:18px 0 0!important;margin:0!important;border:0!important}
.RightDetail .eksecenekLine.selectvaryasyon > .left_line{display:block!important;width:100%!important;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.2em;text-transform:uppercase;color:#6f675e!important;margin:0 0 10px!important;height:auto!important}
.RightDetail .eksecenekLine.selectvaryasyon select{height:46px!important;width:100%!important;max-width:320px;padding:0 14px!important;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;background:#fff!important;font:400 14px/1 'Jost',sans-serif!important;color:var(--ws-ink,#16120f)!important}
.RightDetail .bedenT{margin:12px 0 0!important;text-align:right!important}
.RightDetail a.bedenTablosu{display:inline-block!important;font:500 10.5px/1 'Jost',sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#6f675e!important;border-bottom:1px solid rgba(22,18,15,.25);padding-bottom:2px}
.RightDetail a.bedenTablosu i{display:none!important}
.RightDetail .Addtobasket,.RightDetail #btnHemenAl{height:52px!important;font:600 12px/1 'Jost',sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase}
.RightDetail .ws-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--ws-line,#e6e1d9)}
.RightDetail .ws-trust li{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.5 'Jost',sans-serif;color:#4b443c;padding:5px 0}
.RightDetail .ws-trust li b{font-weight:600;color:var(--ws-ink,#16120f)}
.RightDetail .ws-trust li::before{content:'';flex:0 0 5px;width:5px;height:5px;margin-top:8px;border-radius:50%;background:#c7bfb4}
@media(max-width:767px){.RightDetail #indirimliFiyat .spanFiyat{font-size:26px!important}.RightDetail .eksecenekLine.selectvaryasyon select{max-width:none}}
/* Eski fiyat #fiyat DEĞiL, onun ICINDEKI .spanFiyat (24 px) — sarıcıya
   verilen kural iç spanı küçültmüyordu; ayrıca eski fiyatın kendi KDV
   etiketi ikinci kez tekrar ediyordu. */
.RightDetail .PiyasafiyatiContent .spanFiyat{font:400 16px/1 'Jost',sans-serif!important;color:#9a9186!important;text-decoration:line-through}
.RightDetail .PiyasafiyatiContent .spanKdv{display:none!important}
/* ==== PASS28-DETAY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS29-SEPET ==== */
/* Sepet SAYFASI tema dışında: /checkout tema CSS/JS’ini hiç yüklemiyor,
   /sepet 404. Tema içindeki tek sepet yüzeyi mini sepet çekmecesi.
   Orada birincil düğme (SİPARİŞ TAMAMLA 169 px) ikincilden (ALIŞVERİŞE
   DEVAM ET 288 px) DAR kalıyor ve metni iki satıra kırılıyordu —
   hiyerarşi terstiydi. İki düğme eşit genişlikte 1fr/1fr ızgaraya alındı. */
.divAltButonlar{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%!important}
.divAltButonlar > a{width:100%!important;margin:0!important;min-width:0!important;height:48px!important;display:flex!important;align-items:center;justify-content:center;white-space:nowrap!important;font:600 11px/1 'Jost',sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;padding:0 8px!important}
@media(max-width:480px){.divAltButonlar{grid-template-columns:1fr;gap:8px}.divAltButonlar > a{letter-spacing:.14em!important}}
/* ==== PASS29-SEPET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS30-HESABIM ==== */
/* Üye girişi açıldığı için bloke olan hesabım ekranları ilk kez denetlendi.
   KÖK SORUN: .hesabimContent 1300 px sabit ve 130 px içeride başlıyordu —
   site kapsayıcısı (1560 @ 180) ile hizasızdı; sol menü ve kısayol
   kutucukları gri (#f2f2f2) platform kutularıydı, marka dili yoktu;
   başlık 24 px sans, “HOŞGELDİNİZ” satırı başlığa yapışıktı.
   Not: hesap VERİSİNE dokunulmadı, yalnız görünüm. */
.hesabimContent{max-width:none!important;width:100%!important;margin:0!important;float:none!important}
.hesabimAnasayfaBaslik{margin:0 0 10px!important}
.hesabimAnasayfaBaslik h2{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(22px,1.8vw,28px)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:var(--ws-ink,#16120f)!important;margin:0 0 6px!important}
.hesabimAnasayfaBaslik h2 > span{display:block;margin-top:6px;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.24em;text-transform:uppercase;color:#9a9186!important}
.hesabimAnasayfaBaslik p,.hesabimContent > .ng-scope > p{font:400 13.5px/1.65 'Jost',sans-serif!important;color:#6f675e!important;max-width:78ch}
.solAnaMenu{background:none!important;padding:0!important;border:0!important}
.solAnaMenu > ul{background:none!important;border:1px solid var(--ws-line,#e6e1d9);border-radius:2px;padding:0!important;margin:0!important;overflow:hidden}
.solAnaMenu > ul > li{border-bottom:1px solid var(--ws-line,#e6e1d9);background:none!important;margin:0!important}
.solAnaMenu > ul > li:last-child{border-bottom:0}
.solAnaMenu > ul > li > a{display:flex!important;align-items:center;gap:12px;padding:13px 16px!important;font:500 11.5px/1.2 'Jost',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#4b443c!important;background:none!important;transition:background .15s,color .15s}
.solAnaMenu > ul > li > a:hover{background:var(--ws-paper,#f4f1ec)!important;color:var(--ws-ink,#16120f)!important}
.solAnaMenu > ul > li > a > i{width:16px;text-align:center;color:#9a9186!important;font-size:13px}
.hesabimAnasayfaMenuler ul{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px}
.hesabimAnasayfaMenuler li{width:auto!important;margin:0!important;float:none!important;list-style:none;height:auto!important}
.hesabimAnasayfaMenuler li > a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:150px!important;width:100%!important;background:#fff!important;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;transition:border-color .18s,transform .18s}
.hesabimAnasayfaMenuler li > a:hover{border-color:var(--ws-ink,#16120f)!important;transform:translateY(-2px)}
.hesabimAnasayfaMenuler li > a > i{font-size:22px!important;color:var(--ws-ink,#16120f)!important}
.hesabimAnasayfaMenuler li > a > span{font:500 11px/1.3 'Jost',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#4b443c!important;text-align:center;padding:0 8px}
@media(max-width:900px){.hesabimAnasayfaMenuler ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.hesabimAnasayfaMenuler li > a{height:120px!important}.solAnaMenu > ul > li > a{padding:12px 14px!important}}
/* Üye girişi sayfasında PASS11'den kaçan 4 platform lacivertİ (#15284b):
   aktif sekme etiketi + alt çizgisi, iki yüzen alan etiketi, Şifremi
   Unuttum bağlantısı. Marka diline alındı. */
.userDivTab li.userLiLogin.active,.userDivTab li.active > span{color:var(--ws-ink,#16120f)!important;border-bottom-color:var(--ws-ink,#16120f)!important}
.uyeGirisFormDetail .placeholderLabel{color:#6f675e!important}
.uyeGirisFormDetail a.userPassBtn{color:var(--ws-ink,#16120f)!important}
/* ==== PASS30-HESABIM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS31-TABLET ==== */
/* KÖK SORUN: PASS27B mobil araç çubuğu tedavisi ≤767 px’te bitiyordu,
   masaüstü düzen ise ≥1500’de. 768–991 ARASI BOŞLUKTA kaldı: 4 sıralama
   çipi 768 px’lik ekranda ~830 px yer kaplıyor ve SARMIYORDU — sonuncusu
   ekranı 90 px aşıp kırpılıyordu (≤767’de fark edilmiyor çünkü Ticimax
   orada sıralama listesini gizleyip SIRALAMA düğmesini gösteriyor).
   ⚠ flex-wrap:wrap kuralı defalarca uygulanmadı: taban tema kuralı
   #divSayfalamaUst:not(.Slct) kalıbıyla geliyor ve sınıf sayısı fazla
   olduğu için kazanıyor. Çözüm: aynı kalıp + fazladan :not() ile özgüllük.
   (CDN stylesheet cross-origin olduğu için CSSOM’dan okunamıyor —
   çakışan kuralı göremezsin, özgüllüğü yükseltmen gerekir.) */
@media(max-width:991px){
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection{margin-left:0!important;width:100%!important;height:auto!important}
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important;height:auto!important}
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent > li.sortingButton{flex:0 1 auto;min-width:0}
#divSayfalamaUst{gap:10px!important;padding:12px 0!important}
#divSayfalamaUst > .Block_item.filterBlock{width:100%!important}
#divSayfalamaUst .topFilter-Block_Text{width:100%!important;display:flex!important;flex-direction:column;gap:10px}
#divSayfalamaUst .mobilFilterOpenBtn{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
#divSayfalamaUst .mobilFilterOpenBtn > a{width:100%!important;margin:0!important;height:42px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;background:#fff!important;font:500 11.5px/1 'Jost',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-ink,#16120f)!important}
#divSayfalamaUst .category-vertical-filters{width:100%!important;display:flex!important;flex-wrap:wrap;gap:8px!important}
#divSayfalamaUst .category-vertical-filters > .FiltreUst{display:none!important}
#divSayfalamaUst .category-vertical-filters > .tukgo{width:auto!important;margin:0!important;border:0!important;padding:0!important;background:none!important}
#divSayfalamaUst .category-vertical-filters > .tukgo > a{padding:0 12px!important;height:34px!important;display:flex!important;align-items:center;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#4b443c!important;width:auto!important}
#divSayfalamaUst .category-vertical-filters > .panel{width:auto!important;flex:0 1 auto}
#divSayfalamaUst .category-vertical-filters .panel-heading{min-width:0!important;width:auto!important;padding:0 12px!important;font-size:11px!important;letter-spacing:.12em!important}
#divSayfalamaUst > .blockSelect{display:none!important}
}
/* Tablette ürün detay sekme/akordeon bloğu 550 px’te kalıp sağ sütundan
   150 px dar duruyordu (kolon 700 px). Tam genişliğe alındı. */
@media(max-width:991px){.RightDetail .urunOzellik,.RightDetail .urunOzellik .mobilTab,.RightDetail .urunOzellik .mobilTab > ul{width:100%!important;max-width:none!important}}
/* ==== PASS31-TABLET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS32-FILTRE ==== */
/* Hiç denetlenmemiş yüzey: filtre/sıralama panelleri.
   (1) Masaüstü KATEGORİLER/MARKA açılırı 1560 px tam genişlikte, ham
   #efefef çerçeveli, 14 px platform tipografisiyle açılıyordu → 660 px
   marka paneli, 2 sütun, Jost etiketler, hover + ink onay kutusu.
   ⚠ Sütunlama column-count ile yapıldı: display:grid!important vermek
   platformun display:none ile KAPATMASINI eziyor ve iki panel birden
   açık kalıyordu.
   (2) Mobil/tablette FİLTRELEME ve SIRALAMA düğmeleri ÖLÜYDÜ — gerçek
   tıklamada hiçbir sınıf değişmiyor, hiçbir çekmece açılmıyor (mağazada
   tanımlı ürün özniteliği olmadığı için panel boş). Üstelik platform
   mobilde sıralama listesini gizlediği için **mobilde hiç sıralama
   yapılamıyordu**. Çözüm: ölü iki düğme gizlendi, çalışan sıralama
   çipleri mobilde görünür yapıldı (çift çerçeve için li sıfırlandı). */
#divSayfalamaUst .list-group.dropdown{max-width:660px!important;height:auto!important;max-height:none!important;border:1px solid var(--ws-line,#e6e1d9)!important;border-radius:2px!important;box-shadow:0 14px 34px rgba(22,18,15,.10)!important;padding:14px 16px!important;background:#fff!important;column-count:2;column-gap:24px}
#divSayfalamaUst .list-group.dropdown > li.liFiltreElement{width:auto!important;padding:4px 0!important;margin:0!important;display:block!important;break-inside:avoid;-webkit-column-break-inside:avoid}
#divSayfalamaUst .list-group.dropdown > li.liFiltreElement > a{font:400 13px/1.5 'Jost',sans-serif!important;color:#4b443c!important;letter-spacing:.01em;padding:5px 8px 5px 0!important;transition:color .15s}
#divSayfalamaUst .list-group.dropdown > li.liFiltreElement:hover > a{color:var(--ws-ink,#16120f)!important}
#divSayfalamaUst .list-group.dropdown > li.liFiltreElement::before{border-color:#cfc7bb!important;border-radius:2px!important;transition:border-color .15s,background .15s}
#divSayfalamaUst .list-group.dropdown > li.liFiltreElement:hover::before{border-color:var(--ws-ink,#16120f)!important}
#divSayfalamaUst .list-group.dropdown > li.secili::before,#divSayfalamaUst .list-group.dropdown > li.active::before,#divSayfalamaUst .list-group.dropdown > li.selected::before{background:var(--ws-ink,#16120f)!important;border-color:var(--ws-ink,#16120f)!important}
@media(max-width:991px){
#divSayfalamaUst .list-group.dropdown{max-width:none!important;column-count:1}
#divSayfalamaUst:not(.Slct):not(.ws-x) .mobilFilterOpenBtn{display:none!important}
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection{display:block!important;width:100%!important;height:auto!important;margin:0!important}
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important;height:auto!important;gap:6px}
#divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent > li.sortingButton{display:block!important;flex:0 1 auto;min-width:0;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
}
/* ==== PASS32-FILTRE son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS33-HERO ==== */
/* 🔴 MÜŞTERİNİN KENDİ HERO BAŞLIĞI KIRPILIYORDU. Taban Elit tema
   #divIcerik #mainHolder_divDesign div.anasayfa_tek_slider{margin-top:-205px}
   ile hero’yu yukarı çekiyor — bu, header’ın ŞEFFAF olduğu taban tasarım
   için yazılmış. Bizim headerımız opak beyaz ve 115 px; sonuçta görselin
   ÜST 90 PX’İ headerın altında kalıp görünmüyordu. Kaybolan kısım tam da
   müşterinin “Pantolon ve jeanlerle net silüet” üst satırı ve modellerin
   başlarıydı (1920 ve 1440’ta ölçüldü: img.top = -90).
   ≥768’de negatif çekme sıfırlandı; hero artık headerın hemen altından
   tam olarak başlıyor, boşluk 0. (≤767’de taban tema zaten 0 veriyordu.)
   Özgüllük: taban kural 2 ID + 1 sınıf + 1 tip; aynı kalıp + :not(.ws-x). */
@media(min-width:768px){#divIcerik #mainHolder_divDesign div.anasayfa_tek_slider:not(.ws-x){margin-top:0!important}}
/* ==== PASS33-HERO son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS35-FOOTER ==== */
/* KÖK SORUN: footer’daki her bölüm shrink-to-fit’ti — .footerTempContainer
   max-width:1560 taşıyor ama gerçek genişliği 431 px ölçüldü. Sonuçta
   1920 px’lik sayfada footer, ortada duran dar adacıklar yığını gibi
   görünüyordu. Ayrıca telif satırı platformun ham GRİ bandındaydı
   (rgb(169,169,169)) ve metni beyaz olduğu için bant kaldırılınca
   okunmuyordu — iç li/span rengi ayrıca ezildi.
   ⚠ --ws-paper değişkeni #ffffff; footer bandı için açık sıcak ton
   (#faf8f5) doğrudan yazıldı, değişken kullanılmadı. */
#customFooterContent{background:#faf8f5!important;border-top:1px solid #e7e1d9!important;padding:52px 0 0!important}
#customFooterContent .footerTempContainer{width:100%!important;max-width:1560px!important;margin:0 auto!important;padding:0 24px!important}
#customFooterContent .footerTempRow{width:100%!important;max-width:none!important}
#customFooterContent .footerTempRow a{font:500 11.5px/1.6 'Jost',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:#4b443c!important;transition:color .15s}
#customFooterContent .footerTempRow a:hover{color:#16120f!important}
#customFooterContent > section{padding:0 0 24px!important}
#customFooterContent .footerTempRow:has(input){max-width:620px!important;margin:0 auto!important}
#customFooterContent > section:last-of-type{background:transparent!important;border-top:1px solid #ece7e0!important;padding:16px 0 20px!important;margin-top:6px!important;font:400 11.5px/1.6 'Jost',sans-serif!important;color:#8b8279!important}
#customFooterContent > section:last-of-type *{background:transparent!important}
#customFooterContent > section:last-of-type ul.footerText,#customFooterContent > section:last-of-type ul.footerText li,#customFooterContent > section:last-of-type ul.footerText span{color:#8b8279!important}
#customFooterContent > section:last-of-type a,#customFooterContent > section:last-of-type strong{color:#6f675e!important;font-size:11.5px!important;letter-spacing:.04em!important;text-transform:none!important}
@media(max-width:767px){#customFooterContent{padding:36px 0 0!important}#customFooterContent .footerTempContainer{padding:0 16px!important}}
/* ==== PASS35-FOOTER son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS36-HEADER ==== */
/* KÖK SORUN: arama ikonu SOL kolonun içinde öksüz duruyordu — ölçüm:
   menü 212..553’te bitiyor, logo 864’te başlıyor, arama ise 563..588.
   Prototipte arama sağ ikon kümesinde (arama · hesap · sepet).
   Taşıma JS ile yapılıyor (WS-PASS36); burada yalnız küme ritmi.
   Mobilde bu form zaten gizli (genişlik 0), mobilin kendi arama düğmesi
   var — JS görünür değilse dokunmuyor. */
header#headerNew .flex-right .header-nav{gap:18px}
header#headerNew .flex-right .header-search-form{margin:0!important;padding:0!important}
header#headerNew .flex-right .header-search-form i{font-size:17px!important}
/* ==== PASS36-HEADER son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS37-DETAYALT ==== */
/* KÖK SORUN: ürün detayda sekme + özellik tablosu bloğu (.urunOzellik)
   1160..1710 = **550 px**’lik sağ kolona sıkışmıştı; kapsayıcı ise 1560.
   Galerinin altında (1343→1523) ~180 px ölü alan kalıyordu. ≥992’de blok
   JS ile .TopDet’in ALTINA taşınıp tam genişliğe alınıyor (WS-PASS37).
   ⚠ MOBİLDE TAŞINMIYOR: <992’de blok .MiddleList içinde kalıyor çünkü
   taşındığında akordeon satın alma alanının ÖNÜNE geçiyor (ölçüldü:
   akordeon 1061, beden tablosu 1217) — sıralama bozuluyordu.
   NOT: TAVSİYE ET / YORUM YAZ düğmelerinin gri zemini (#ebebeb) inline
   !important’e bile direniyor (Angular yeniden basıyor olabilir); çerçeve,
   yükseklik ve tipografi uygulandı, zemin bırakıldı. */
@media(min-width:992px){.ProductDetail .urunOzellik{width:100%!important;max-width:none!important;margin:36px 0 0!important;padding:0!important;float:none!important}}
.ProductDetail .urunOzellik .mobilTab,.ProductDetail .urunOzellik .mobilTab > ul{width:100%!important;max-width:none!important}
.ProductDetail .urunOzellik table{width:100%!important}
.ProductDetail .urunOzellik td{font:400 13.5px/1.6 'Jost',sans-serif!important;padding:14px 18px!important;border-color:#ece7e0!important}
.ProductDetail .ProductIcon2{display:flex!important;gap:10px;flex-wrap:wrap}
.ProductDetail .ProductIcon2 a.button{color:#16120f!important;border:1px solid #e6e1d9!important;border-radius:2px!important;height:40px!important;display:inline-flex!important;align-items:center;gap:8px;padding:0 16px!important;font:500 11px/1 'Jost',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase}
.ProductDetail .ProductIcon2 a.button:hover{border-color:#16120f!important}
@media(max-width:991px){.ProductDetail .urunOzellik td{padding:12px 14px!important;font-size:13px!important}}
/* ==== PASS37-DETAYALT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS38-BOSARAMA ==== */
/* KÖK SORUN: sonuç dönmeyen aramada başlık bölgesinin TAMAMI basılmıyor
   — breadcrumb yok, .categoryTitleText yok, H1 yok. PASS9/10’un H1
   enjeksiyonu tutunacak yer bulamadığı için kullanıcı NE ARADIĞINI
   göremiyordu. Sayfada yalnız platformun boş-durum GÖRSELİ vardı
   (tr.png — “ÜRÜN BULUNMAMAKTADIR” yazısı resmin İÇİNDE, CSS ile
   düzeltilemez, yalnız boyut/opaklık ve ritim ayarlanabilir).
   Çözüm: WS-PASS38 arama kelimesini (kullanıcının kendi sorgusu, uydurma
   içerik değil) H1 olarak basıyor. Ayrım: sonuçlu sayfada H1 ve
   .categoryTitleText VAR, boş sayfada ikisi de YOK — enjeksiyon buna bağlı,
   böylece çift H1 oluşmuyor. */
.ws-bosarama{padding:8px 0 0}
.ws-bosarama__eyebrow{display:block;font:500 11px/1 'Jost',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#9a9186;margin:0 0 10px}
.ws-bosarama h1{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(24px,2.2vw,34px)!important;font-weight:400!important;line-height:1.15!important;color:#16120f!important;margin:0 0 10px!important;letter-spacing:0!important}
.categoryContainer .ws-bosgorsel{display:flex;justify-content:center;padding:26px 0 56px}
.categoryContainer .ws-bosgorsel img{max-width:200px;height:auto;opacity:.75}
@media(max-width:767px){.categoryContainer .ws-bosgorsel{padding:18px 0 36px}.categoryContainer .ws-bosgorsel img{max-width:160px}}
/* ==== PASS38-BOSARAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS39-SAYFALAMA ==== */
/* KÖK SORUN: sayfalamada “…” ayracı ile BİR BULUNULAN SAYFA birebir aynı
   görünüyordu — ikisi de .butonDisabled sınıfını taşıdığı için dolu siyah
   daire olarak basılıyordu. 2. sayfada “2” ve “…” yan yana iki siyah daire
   çıkıyor, kullanıcı hangi sayfada olduğunu ayırt edemiyordu.
   Ayırım: bulunulan sayfa .SelectedSayfa TAŞIR, “…” taşımaz.
   ⚠ ÖZGÜLLÜK: yalnız sınıf kuralı (hatta !important ile) KAYBEDİYOR —
   taban kural ID kapsayıcı altında geliyor. Pager’ın kapsayıcıları
   #divSayfalamaAlt (alt) ve #divSayfalamaUst (üst); kural o ID’ler +
   :not(.Slct) kalıbıyla yazıldı. */
#divSayfalamaAlt:not(.Slct) .pageBorder a.butonDisabled:not(.SelectedSayfa),#divSayfalamaUst:not(.Slct) .pageBorder a.butonDisabled:not(.SelectedSayfa){background:transparent!important;border-color:transparent!important;color:#9a9186!important;cursor:default!important;pointer-events:none}
#divSayfalamaAlt:not(.Slct) .pageBorder a.SelectedSayfa,#divSayfalamaUst:not(.Slct) .pageBorder a.SelectedSayfa{background:#16120f!important;border-color:#16120f!important;color:#fff!important}
/* ==== PASS39-SAYFALAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS40-MEGAMENU ==== */
/* Ust menu hover paneli (ALT/UST/DIS GIYIM) hic elden gecmemisti:
   - satirlar 12.5px yazi icin 53px yuksekligindeydi (line-height:35 + 9px pad)
     -> 9 maddelik ALT GIYIM paneli 507px, ekranin yarisini kapliyordu
   - golge 0 1px 1px rgba(0,0,0,.15), kenarlik rgba(0,0,0,.05) -> panel beyaz
     hero uzerinde sinirsiz duruyordu, yuzen katman hissi yoktu
   - panel metni 217px basliyor, ust menu etiketi 212px -> 5px kayik
   - hover geri bildirimi yoktu (imlecte hicbir sey degismiyor)
   OZGULLUK: taban tema kurallari #headerNew altindan geliyor; sinif kurali
   kaybediyor -> ID kokenli secici + :not(.Slct) kalibi. */
@media (min-width:992px){
  #headerNew .newHeaderNavUl > li > ul.dropDown-wrap:not(.Slct){
    padding:10px 0 !important;
    min-width:240px !important;
    background:#fff !important;
    border:1px solid var(--ws-line,#e7e1d9) !important;
    border-radius:0 !important;
    box-shadow:0 18px 44px rgba(22,18,15,.13) !important;
  }
  /* nav ile panel arasindaki 8px bosluk seffaf kopru ile kapatildi:
     imlec asagi inerken bosluga dusup paneli kapatamasin */
  #headerNew .newHeaderNavUl > li > ul.dropDown-wrap:not(.Slct)::before{
    content:'' !important; position:absolute !important;
    left:0 !important; right:0 !important; top:-12px !important; height:12px !important;
    background:transparent !important;
  }
  #headerNew .newHeaderNavUl .dropDown-wrap:not(.Slct) > li.nav-item{
    border:0 !important;
  }
  #headerNew .newHeaderNavUl .dropDown-wrap:not(.Slct) > li.nav-item > a.nav-item-link{
    padding:8px 18px !important;
    font-family:'Jost',sans-serif !important;
    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:20px !important;
    letter-spacing:.06em !important;
    color:#4a423c !important;
    background:transparent !important;
    box-shadow:inset 0 0 0 rgba(22,18,15,0) !important;
    transition:color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
  }
  #headerNew .newHeaderNavUl .dropDown-wrap:not(.Slct) > li.nav-item > a.nav-item-link:hover,
  #headerNew .newHeaderNavUl .dropDown-wrap:not(.Slct) > li.nav-item:hover > a.nav-item-link{
    color:var(--ws-ink,#16120f) !important;
    background:#faf8f5 !important;
    box-shadow:inset 2px 0 0 var(--ws-ink,#16120f) !important;
  }
  /* panel acikken ust menu etiketi de tam murekkep olsun (baglanti hissi) */
  #headerNew .newHeaderNavUl > li:hover > a{
    color:var(--ws-ink,#16120f) !important;
  }
}
/* ==== PASS40-MEGAMENU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS41-CEKMECE ==== */
/* Mobil menu cekmecesinin dibine sitenin KENDI kurumsal baglantilari eklendi
   (mobilde header'dan Magazalarimiz/SSS/Iletisim'e yol yoktu).
   🔴 DUZELTME (kategori sayfasi gerilemesi): kurallar once dogrudan
   .newHeaderNav'a uygulaniyordu. Ana sayfada o oge position:fixed, ama
   KATEGORI sayfasinda position:STATIC — flex'e cevirince cekmece akisa girip
   sayfanin ustunde acik duruyordu. Artik tum kurallar Temp.js'in ekledigi
   .ws-drawer-ok sinifina bagli; o sinif YALNIZCA oge gercekten fixed ve
   ekran <992px iken veriliyor.
   Ayrica geri-yukari butonu (z:9999) en alt satirin dokunmasini caliyordu;
   #headerNew sticky+z:200 ile kendi yigin baglamini kurdugu icin cozum
   header'in kendi z-index'ini yukseltmek oldu. */
#headerNew .newHeaderNav .ws-drawer-x{ display:none !important; }
@media (max-width:991px){
  #headerNew{ z-index:10000 !important; }
  #headerNew .newHeaderNav.ws-drawer-ok{
    display:flex !important;
    flex-direction:column !important;
    z-index:10000 !important;
  }
  #headerNew .newHeaderNav.ws-drawer-ok > .newMenuTop{ flex:0 0 auto !important; }
  #headerNew .newHeaderNav.ws-drawer-ok > .newHeaderNavUl{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
  }
  #headerNew .newHeaderNav.ws-drawer-ok .ws-drawer-x{
    display:block !important;
    flex:0 0 auto !important;
    background:#faf8f5 !important;
    border-top:1px solid var(--ws-line,#e7e1d9) !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  #headerNew .newHeaderNav.ws-drawer-ok .ws-drawer-x__link{
    display:flex !important;
    align-items:center !important;
    height:46px !important;
    padding:0 20px !important;
    font-family:'Jost',sans-serif !important;
    font-size:11.5px !important;
    font-weight:500 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:#6f665e !important;
    text-decoration:none !important;
  }
  #headerNew .newHeaderNav.ws-drawer-ok .ws-drawer-x__link + .ws-drawer-x__link{
    border-top:1px solid rgba(231,225,217,.75) !important;
  }
  #headerNew .newHeaderNav.ws-drawer-ok .ws-drawer-x__link:active{
    background:#f1ece5 !important;
    color:var(--ws-ink,#16120f) !important;
  }
}
/* ==== PASS41-CEKMECE son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS42-KART ==== */
/* LOKAL PROTOTIPE gore urun karti — kaynak: ~/projects/ticimax-tema-wstor
   assets/css/theme.css .card blogu, token'lar birebir alindi.
   Canliyla olculen farklar:
     - indirim rozeti YOKTU (prototip .badge--sale, sol ust, --sale #b3261e)
     - favori kalbi sol ustte ve ciplakti (prototip: sag ust 38px beyaz daire)
     - gorselde hover hareketi YOKTU; prototip TEK gorselli urunde scale(1.04)
       uyguluyor — herton urunlerinde 2. gorsel olmadigi icin tam bu dal gecerli
     - urun adi 2 satira kirpilmiyordu
     - eski/yeni fiyat ve yuzde ayni satirda degildi */
:root{
  --ws-sale:#b3261e;
  --ws-ink-3:#5f574f;
  --ws-ink-4:#7e746c;
  --ws-paper-3:#f2eee8;
  --ws-ease:cubic-bezier(.22,.61,.36,1);
}
.productItem .productImage{
  position:relative !important;
  overflow:hidden !important;
  background:var(--ws-paper-3) !important;
}
.productItem .productImage img{
  transition:transform 1.1s var(--ws-ease) !important;
  will-change:transform;
}
.productItem:hover .productImage img{ transform:scale(1.04) !important; }
/* Rozet: Ticimax'in KENDI .discountIcon'u kullaniliyor.
   (Once kendi rozetimi ekliyordum — ayni koseye oturup metni kirpiyordu.)
   Prototip .badge--sale olcusune getirildi. */
.productItem .ws-badge{ display:none !important; }
.productItem .productIcon .discountIcon{
  top:.65rem !important; left:.65rem !important;
  background:var(--ws-sale) !important;
  border-radius:0 !important;
  padding:.28rem .55rem !important;
  width:auto !important; height:auto !important;
  min-width:0 !important;
  display:inline-flex !important; align-items:center !important;
}
.productItem .productIcon .discountIcon span{
  font-family:'Jost',sans-serif !important;
  font-size:10px !important; font-weight:500 !important;
  letter-spacing:.08em !important;
  line-height:1.4 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.productItem .favori{
  position:absolute !important;
  top:.5rem !important; right:.5rem !important; left:auto !important;
  z-index:3 !important;
  width:38px !important; height:38px !important;
  display:grid !important; place-items:center !important;
  background:rgba(255,255,255,.9) !important;
  border-radius:50% !important;
  transition:background .2s var(--ws-ease), transform .2s var(--ws-ease) !important;
}
.productItem .favori:hover{ background:#fff !important; transform:scale(1.08) !important; }
.productItem .favori a{ display:grid !important; place-items:center !important; width:100% !important; height:100% !important; }
.productItem .ws-eyebrow{
  font-family:'Jost',sans-serif !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--ws-ink-3) !important;
}
.productItem .productDetail > a{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  max-height:2.8em !important;
  line-height:1.4 !important;
}
.productItem .productPrice{
  display:flex !important;
  align-items:baseline !important;
  gap:.5rem !important;
  flex-wrap:wrap !important;
}
.productItem .productPrice .ws-off{
  font-family:'Jost',sans-serif;
  font-size:11px; font-weight:600;
  letter-spacing:.04em;
  color:var(--ws-sale);
}
/* ==== PASS42-KART son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS43-BASLIK ==== */
/* Prototipin baslik SISTEMI (kaynak: ~/projects/ticimax-tema-wstor
   assets/css/theme.css 168-212: .eyebrow · .section-head · .section-title ·
   .link-more) canliya tasindi ve TEK sistem yapildi: anasayfa bloklari +
   kategori sayfasi basligi + arama sonucu ayni olcegi kullaniyor.
   Olculen farklar (canli -> prototip):
     - ust etiket rengi #9a9186 -> --ink-2 #4a423c. Prototip bunu ACIKCA not
       dusmus: 11px + genis harf araligi acik tonda AA'nin ALTINA dusuyor.
       Yani okunabilirlik duzeltmesi, zevk meselesi degil.
     - ust etiket harf araligi .24em -> .26em (--ls-widest)
     - baslik 31.2px SABIT -> clamp(1.5rem,2.6vw,2.125rem) (24-34px akiskan)
     - baslik harf araligi normal -> -.015em
     - baslik satir yuksekligi 1.2 -> 1.12
     - baslik alt bosluk 26px SABIT -> clamp(1.5rem,3vw,2.75rem)
     - TUMUNU GOR prototip .link-more olcusune getirildi (alt cizgi
       currentColor, hover --blush-ink #a8524a)
     - mobilde prototip basligi SUTUNA aliyor; canlida yan yana sikisiyordu
   Ray oklari PORT EDILMEDI: prototipte raylar slider, canlida urun bloklari
   statik izgara (olculdu: sayfada tek .owl-nav var, o da hero'nun) —
   islevsiz ok basmak yanlis olurdu. */
:root{
  --ws-ink-2:#4a423c;
  --ws-blush-ink:#a8524a;
  --ws-ls-widest:.26em;
}
#formGlobal .ws-sechead__eyebrow,
#formGlobal .ws-cat-eyebrow{
  font-family:'Jost',sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:var(--ws-ls-widest) !important;
  text-transform:uppercase !important;
  color:var(--ws-ink-2) !important;
}
#formGlobal .ws-sechead{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:1.5rem !important;
  margin-bottom:clamp(1.5rem,3vw,2.75rem) !important;
}
#formGlobal .ws-sechead__l{ max-width:46ch !important; }
/* ⚠️ OZGULLUK: sinif kurali !important ile bile KAYBEDIYOR — taban tema
   basligi ID kokenli kuralla basiyor. #formGlobal tum sayfa tiplerini
   (anasayfa · kategori · arama) sardigi icin kok olarak o secildi. */
#formGlobal .ws-sechead .JKatAdi.categoryTitle,
#formGlobal .ws-sechead .categoryTitle,
#formGlobal h1.ws-cat-h1,
#formGlobal h1.ws-page-h1{
  font-family:'Playfair Display',serif !important;
  font-size:clamp(1.5rem,2.6vw,2.125rem) !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  letter-spacing:-.015em !important;
}
#formGlobal .ws-sechead__all{
  flex:none !important;
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--ws-ink,#16120f) !important;
  border-bottom:1px solid currentColor !important;
  padding-bottom:2px !important;
  white-space:nowrap !important;
  transition:color .2s cubic-bezier(.22,.61,.36,1), border-color .2s !important;
}
#formGlobal .ws-sechead__all:hover{ color:var(--ws-blush-ink) !important; }
@media (max-width:600px){
  #formGlobal .ws-sechead{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:.75rem !important;
  }
}
/* ==== PASS43-BASLIK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS44-DETAY ==== */
/* Urun detay — prototip urun.html / theme.css .gallery__thumb · .pdp__price-old ·
   .qty olculeri. Olculen farklar:
     - KUCUK RESIMLERDE AKTIF GOSTERGE YOKTU: 5 kucuk resmin 5'i de ayni
       gorunuyor, kullanici hangi karede oldugunu ayirt edemiyordu. Platform
       aktif duruma sinif VERMIYOR (5'inin de sinifi ayni: AltImgCapSmallImg)
       -> Temp.js tiklamayi dinleyip data-ws-current isaretliyor, kenarlik
       CSS'te. (prototip .gallery__thumb[aria-current=true] karsiligi)
     - kucuk resim orani 73x104 (0.70) -> prototip 62px genislik, 3/4 oran
     - eski fiyat 16px #9a9186 -> prototip .pdp__price-old 15px --ink-4 #7e746c
     - adet kutusu 40px -> prototip .qty 56px
   PORT EDILMEDI: prototipteki sonuk (opacity .68) pasif kucuk resim. Kural
   #formGlobal koku ve :not() escalasyonuyla bile KAYBETTI (genislik/kenarlik
   ayni kuraldan uyguladi, yalniz opacity tutmadi) -> uygulanmayan kural
   birakilmadi; aktif kenarlik gostergesi zaten isi cozuyor. */
#formGlobal .AltImgCapSmallImg{
  width:62px !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
  display:block !important;
  overflow:hidden !important;
  border:1px solid transparent !important;
  background:var(--ws-paper-3,#f2eee8) !important;
  transition:border-color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .AltImgCapSmallImg img{
  width:100% !important; height:100% !important;
  object-fit:cover !important; display:block !important;
}
#formGlobal .AltImgCapSmallImg[data-ws-current]{
  border-color:var(--ws-ink,#16120f) !important;
}
#formGlobal .TopDet .spanFiyat{
  font-size:15px !important;
  color:var(--ws-ink-4,#7e746c) !important;
}
#formGlobal .RightDetail input.txtSepetAdet{
  height:56px !important;
  font-size:13px !important;
}
/* ==== PASS44-DETAY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS45-KURUMSAL ==== */
/* Statik/kurumsal sayfa tipografisi — prototip .prose--article
   (~/projects/ticimax-tema-wstor/assets/css/theme.css).
   Etkilenen 4 sayfa: /s-s-s · /hakkimizda · /kvkk-ve-gizlilik ·
   /mesafeli-satis-sozlesmesi — hicbirinde h2/h3 yok, hepsi duz <p> yigini.
   Olculen kusurlar:
     - satir uzunlugu 840px / 15px = ~105 karakter. Rahat okuma araligi
       45-75; prototip bunu 68ch ile sinirliyor.
     - SORU ile CEVAP AYNI RENKTE (#4a423c) — yalniz kalinlik ayiriyordu.
       Prototip: strong = --ink #16120f / 600, govde = --ink-2.
     - 15px/1.85 -> prototip .prose--article 17px/1.75, p alt bosluk 1.15em
     - <p><strong>Soru</strong><br>Cevap</p> kalibinda strong blok yapilinca
       ardindaki <br> FAZLADAN satir birakiyordu -> o <br> notrlendi;
       ogeler arasi ayrimi 1.6em ust bosluk veriyor (prototip .prose h2
       ile ayni ritim).
     - liste madde imi prototipteki --blush-ink noktaya cevrildi.
   Not: /musteri-hizmetleri footer baglantisi 404 — sayfa hic olusturulmamis
   (panel isi, tema disinda). */
#formGlobal .ticiContainer.pageContainer .centerCount p,#formGlobal .ticiContainer.pageContainer .centerCount li{
  font-size:17px !important;
  line-height:1.75 !important;
  color:var(--ws-ink-2,#4a423c) !important;
  max-width:68ch !important;
}
#formGlobal .ticiContainer.pageContainer .centerCount p{ margin-bottom:1.15em !important; }
#formGlobal .ticiContainer.pageContainer .centerCount p:has(> strong:first-child){ margin-top:1.6em !important; }
#formGlobal .ticiContainer.pageContainer .centerCount p:has(> strong:first-child):first-child{ margin-top:0 !important; }
#formGlobal .ticiContainer.pageContainer .centerCount strong{ font-weight:600 !important; color:var(--ws-ink,#16120f) !important; }
#formGlobal .ticiContainer.pageContainer .centerCount p > strong:first-child{ display:block !important; margin-bottom:.35em !important; }
#formGlobal .ticiContainer.pageContainer .centerCount p > strong:first-child + br{ display:none !important; }
#formGlobal .ticiContainer.pageContainer .centerCount ul,#formGlobal .ticiContainer.pageContainer .centerCount ol{ margin:0 0 1.4em !important; padding-left:0 !important; list-style:none !important; }
#formGlobal .ticiContainer.pageContainer .centerCount li{ position:relative !important; padding-left:1.5rem !important; margin-bottom:.5em !important; }
#formGlobal .ticiContainer.pageContainer .centerCount ul > li::before{
  content:'' !important; position:absolute !important;
  left:.25rem !important; top:.72em !important;
  width:5px !important; height:5px !important;
  background:var(--ws-blush-ink,#a8524a) !important;
  border-radius:50% !important;
}
/* ==== PASS45-KURUMSAL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS46-SIRALAMA ==== */
/* Listeleme siralama dugmeleri — prototip .chip olculeri.
   🔴 Asil kusur: SIRALAMANIN HANGISI SECILI OLDUGU HIC BELLI DEGILDI.
   5 dugmenin de sinifi ayni (sortingButton), platform aktif duruma sinif
   VERMIYOR; kullanici 'Fiyata Gore (Artan)'a basiyor, liste siralaniyor ama
   dugmelerde hicbir sey degismiyordu.
   Durum URL'de duruyor: ?sira=<alan>|<yon> (or. fiyat|artan) — Temp.js bunu
   okuyup etiketle eslestiriyor ve data-ws-sort-on isaretliyor.
   Gorunum prototip .chip'ten: 11px, .04em, buyuk harf, --line-2 kenarlik;
   SECILI olan murekkep dolgu + beyaz metin.
   OZGULLUK: kural #divSayfalamaUst / #divSayfalamaAlt ID'leri + :not(.Slct)
   kalibiyla yazildi (sinif kurali kaybediyor). */
#divSayfalamaUst:not(.Slct) li.sortingButton,
#divSayfalamaAlt:not(.Slct) li.sortingButton{
  border:1px solid var(--ws-line-2,#d5cdc2) !important;
  background:#fff !important;
  transition:background .2s cubic-bezier(.22,.61,.36,1), border-color .2s, color .2s !important;
}
#divSayfalamaUst:not(.Slct) li.sortingButton a,
#divSayfalamaAlt:not(.Slct) li.sortingButton a{
  font-family:'Jost',sans-serif !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--ws-ink-2,#4a423c) !important;
}
#divSayfalamaUst:not(.Slct) li.sortingButton:hover,
#divSayfalamaAlt:not(.Slct) li.sortingButton:hover{ border-color:var(--ws-ink,#16120f) !important; }
#divSayfalamaUst:not(.Slct) li.sortingButton[data-ws-sort-on],
#divSayfalamaAlt:not(.Slct) li.sortingButton[data-ws-sort-on]{
  background:var(--ws-ink,#16120f) !important;
  border-color:var(--ws-ink,#16120f) !important;
}
#divSayfalamaUst:not(.Slct) li.sortingButton[data-ws-sort-on] a,
#divSayfalamaAlt:not(.Slct) li.sortingButton[data-ws-sort-on] a,
#divSayfalamaUst:not(.Slct) li.sortingButton[data-ws-sort-on] span,
#divSayfalamaAlt:not(.Slct) li.sortingButton[data-ws-sort-on] span{ color:#fff !important; }
/* ==== PASS46-SIRALAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS47-ANASAYFA ==== */
/* ANA SAYFA — iki gorunur kusur.
   1) KATEGORI KAROLARI: 350x712 (oran 0.49) ve object-fit:FILL idi — yani
      fotograflar dikeyde GERDIRILMIS basiliyordu. Prototip .mosaic__tile
      olcusu: 3/4 oran + object-fit:cover + hover scale(1.06).
      Karo icine gomulu kategori adlari (BUSTIYER/ETEK/ELBISE/SORT) kirpilmiyor
      — ekran goruntusuyle dogrulandi.
   2) INDIRIM ROZETI REGRESYONU (PASS42'de ben yaptim): rozete top/left verdim
      ama position vermedim. Kategori listelemesinde taban tema zaten absolute
      yapiyordu, ANA SAYFA raylarinda ise static kaliyor -> rozet akisa girip
      FIYATIN ALTINA dusuyordu. Artik position:absolute acikca veriliyor ve
      .productItem konumlandirilmis kap olarak isaretleniyor. */
#formGlobal #resimblok_3 .blokResimLink{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio:3/4 !important;
  background:var(--ws-paper-3,#f2eee8) !important;
}
#formGlobal #resimblok_3 .blokResimLink img{
  width:100% !important; height:100% !important;
  object-fit:cover !important; display:block !important;
  transition:transform 1s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal #resimblok_3 .blokResimLink:hover img{ transform:scale(1.06) !important; }
#formGlobal .productItem{ position:relative !important; }
#formGlobal .productItem .productIcon .discountIcon{
  position:absolute !important;
  top:.65rem !important; left:.65rem !important;
  z-index:4 !important;
}
/* ==== PASS47-ANASAYFA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS48-RITIM ==== */
/* ANA SAYFA dikey ritmi — prototip ilkesi (theme.css 472-474):
     --sec-y: clamp(3rem,6vw,6rem);  .section{ padding-block: var(--sec-y) 0 }
   yani IKI BOLUM ARASI HER YERDE TEK BIR --sec-y olur; prototip bunu
   yorumunda acikca yaziyor.
   Canlida olculen: blok ust 58 + blok alt 58 + .sliderBannerContainer'in
   fazladan padding-bottom:70 = bolumler arasi 186px. Yani prototipin
   izin verdigi en genis bosluktan (96) iki kat fazla — sayfa 'bos' duruyordu.
   Duzeltme: bloklar simetrik clamp(2rem,3.2vw,3rem) (1920'de 48+48=96 =
   tam bir --sec-y) + kapsayicinin 70px'lik fazlasi kaldirildi.
   Zeminli bloklarin arka plani kendi altini kapatsin diye padding simetrik
   birakildi (prototipteki .section--tint karsiligi).
   Olcum: her ray blogu 911 -> 841, sayfa toplami 5227 -> 5017. */
/* ⚠️ OZGULLUK: #formGlobal tek basina KAYBETTI (58px kaldi) — taban tema
   blok dolgusunu #mainHolder_divDesign kokunden basiyor; o kok eklenince tuttu. */
/* Hero (sliderblok_) HARIC: prototipte de hero flush, ust bosluk almiyor.
   Ilk yayinda dahil etmistim, hero 936 -> 1032 olmustu. */
#formGlobal #mainHolder_divDesign .landing-block:not([id^="sliderblok_"]){
  padding-top:clamp(2rem,3.2vw,3rem) !important;
  padding-bottom:clamp(2rem,3.2vw,3rem) !important;
}
#formGlobal .sliderBannerContainer{ padding-bottom:0 !important; }
/* ==== PASS48-RITIM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS49-MOZAIK ==== */
/* 🔑 YAKLASIM DEGISIKLIGI: bu blok Elit'in markup'ini boyamiyor — prototipin
   KENDI markup'i sayfaya 'Bos Html' blogu ile konuldu, bu da onun CSS'i.
   Kaynak: prototip .mosaic / .mosaic__tile / .mosaic__label / .mosaic__count
   (~/projects/ticimax-tema-wstor/assets/css/theme.css + home.js).
   Prototip home.js karo gorselini KATEGORININ GERCEK URUNUNDEN aliyor;
   burada da oyle yapildi (kategori sayfalarindan birer urun fotografi).
   Urun sayilari kategori sayfalarindaki resmi sayaclardan okundu:
   Etek 45 · Bustiyer 18 · Elbise 28 · Sort & Bermuda 44.
   NOT: img position:absolute — yoksa gorselin dogal yuksekligi izgara
   satirini buyutuyor ve karolar 358 yerine 976 oluyordu (olculdu). */
.ws-mosaic{
  display:grid;
  gap:clamp(.5rem,1.2vw,1rem);
  grid-template-columns:repeat(2,1fr);
}
.ws-mosaic__tile{
  position:relative; display:block; overflow:hidden;
  background:var(--ws-paper-3,#f2eee8);
  aspect-ratio:3/4;
}
.ws-mosaic__tile img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform 1s cubic-bezier(.22,.61,.36,1);
}
.ws-mosaic__tile:hover img{ transform:scale(1.06); }
.ws-mosaic__cap{
  position:absolute; inset:auto 0 0 0;
  padding:4rem 1.25rem 1.25rem;
  background:linear-gradient(to top,rgba(22,18,15,.82) 0%,rgba(22,18,15,.5) 45%,transparent 100%);
  color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.35);
}
.ws-mosaic__label{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.25rem,1.6vw,1.5rem);
  line-height:1.1;
}
.ws-mosaic__count{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  opacity:.85; margin-top:.3rem;
}
@media (min-width:992px){
  .ws-mosaic{ grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,minmax(0,1fr)); }
  .ws-mosaic__tile--wide{ grid-column:span 2; grid-row:span 2; aspect-ratio:1/1; }
  .ws-mosaic__tile:not(.ws-mosaic__tile--wide){ aspect-ratio:auto; height:100%; }
  .ws-mosaic__tile:nth-child(4){ grid-column:span 2; }
}
/* Bos Html blogunun kapsayicisi 1180px geliyordu; ray/kategori bloklariyla
   ayni hizaya gelsin diye 1480'e alindi (olculdu: ray kapsayicisi 1480). */
#formGlobal #boshtml_4 .ticiContainer{ max-width:1480px !important; width:100% !important; }
/* eski 4'lu banner blogu (gomulu yazili, gerdirilmis) gizlendi */
#formGlobal #resimblok_3 .txrow{ display:none !important; }
/* ==== PASS49-MOZAIK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS50-RAY ==== */
/* 🔴 KAPSAM KARARI: urun raylarini 'Bos Html' ile prototip markup'ina
   CEVIRMEDIM. Raylar CANLI fiyat/stok tasiyor; statik HTML'e donduklerinde
   fiyat DONAR ve degistiginde yanlis gosterir — kapsam kilidi (fiyat/stok
   degismez) buna izin vermez. Mozaik guvenliydi (yalniz kategori baglantisi),
   ray degil. O yuzden ray DINAMIK birakildi, prototipin eksik parcasi olan
   GEZINME getirildi.
   Olculen kusur: #urunblok_5'te 10 urun tek satirda 2999px, ul 1480px ve
   overflow:hidden — owl gec basladigi icin bir sure 5 urun ERISILEMEZ.
   1) owl basana kadar serit yatay kaydirilabilir/parmakla surulebilir yapildi
      (prototip .rail: overflow-x:auto + scroll-snap + gizli kaydirma cubugu).
   2) owl basinca kendi oklarini uretiyor (yalnizca gerekli bloklarda — 5
      urunluk bloklarda ok yok, dogru davranis). O oklar 50x50, 12px yuvarlak,
      cercevesiz beyaz daireydi; prototip .rail-btn olcusune getirildi:
      40x40, kose yok, 1px #d5cdc2 cerceve, hover'da murekkep dolgu.
      Hero'nun oklarina DOKUNULMADI (yalniz urunblok_ hedeflendi). */
#formGlobal .landing-block ul.ulUrunSlider:not(.owl-loaded){
  overflow-x:auto !important; overflow-y:hidden !important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
#formGlobal .landing-block ul.ulUrunSlider:not(.owl-loaded)::-webkit-scrollbar{ display:none; }
#formGlobal .landing-block ul.ulUrunSlider:not(.owl-loaded) > li{ scroll-snap-align:start; }
#formGlobal .landing-block[id^=urunblok_] .owl-nav > *{
  width:40px !important; height:40px !important;
  border-radius:0 !important;
  background:#fff !important;
  border:1px solid #d5cdc2 !important;
  color:var(--ws-ink,#16120f) !important;
  box-shadow:none !important;
  display:grid !important; place-items:center !important;
  transition:background .2s cubic-bezier(.22,.61,.36,1), color .2s, border-color .2s !important;
}
#formGlobal .landing-block[id^=urunblok_] .owl-nav > *:hover{ background:var(--ws-ink,#16120f) !important; border-color:var(--ws-ink,#16120f) !important; color:#fff !important; }
#formGlobal .landing-block[id^=urunblok_] .owl-nav > *.disabled{ opacity:.28 !important; pointer-events:none !important; }
/* ==== PASS50-RAY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS51-ALTCUBUK ==== */
/* Prototipteki MOBIL ALT CUBUK (.tabbar) canliya port edildi — canlida
   boyle bir sey HIC yoktu. Kaynak: prototip index.html + theme.css .tabbar.
   Icerik uydurulmadi; hepsi sitenin KENDI gezinme ogelerine baglandi:
     Anasayfa -> /            Kesfet  -> .mobile-search-item tiklar
     Hesabim  -> /Hesabim     Sepet   -> .mobile-cart-item tiklar
   Sepet rozeti yalnizca .sepetUrunSayisi > 0 iken basilir (uydurma sayi yok).
   Favoriler maddesi KONULMADI — sitede favori sayfasi/adresi yok (arandi).
   ⚠️ Sayfanin geri-yukari butonu (sinifsiz, z-index 9999) SEPET maddesinin
   uzerine biniyordu; Temp.js o butonu bulup .ws-gy sinifi veriyor ve cubugun
   ustune aliniyor (bottom:74px). Cubuk z-index'i de 10000 yapildi.
   1080px ve uzeri gizli (prototip de oyle). */
.ws-tabbar{ display:none; }
@media (max-width:1079px){
  .ws-tabbar{
    position:fixed; left:0; right:0; bottom:0; z-index:10000;
    display:grid; grid-template-columns:repeat(4,1fr);
    background:#fff;
    border-top:1px solid var(--ws-line,#e7e1d9);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .ws-tabbar__item{
    display:grid; place-items:center; gap:.15rem;
    padding:.6rem 0 .5rem;
    font-family:'Jost',sans-serif;
    font-size:10px; letter-spacing:.05em; text-transform:uppercase;
    color:#5f574f; position:relative;
    background:none; border:0; cursor:pointer; text-decoration:none;
  }
  .ws-tabbar__item svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.4; }
  .ws-tabbar__item[aria-current=page]{ color:var(--ws-ink,#16120f); }
  .ws-tabbar__count{
    position:absolute; top:.35rem; right:50%; margin-right:-20px;
    min-width:16px; height:16px; padding:0 4px;
    background:#b3261e; color:#fff; border-radius:100px;
    font-size:9px; line-height:16px; text-align:center;
  }
  body{ padding-bottom:62px !important; }
  .ws-gy{ bottom:74px !important; }
}
/* ==== PASS51-ALTCUBUK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS52-BUTON ==== */
/* Prototipin TEK buton sistemi (.btn / .btn--lg) site geneline uygulandi.
   Olculen daginiklik (canli):
     ARA (Magazalarimiz)  46px · 13px · ls 2.08
     SEPETE EKLE (detay)  52px · 13px · ls 2.34 · fw 600
     HEMEN AL (detay)     52px · 12px · ls 2.16 · fw 600
   Prototip .btn: min-height 48 · padding 0 1.75rem · 12px · fw 500 ·
   ls .16em · buyuk harf · 1px cerceve · kose yok; .btn--lg 56px/2.5rem.
   Urun detayinin iki ana CTA'si prototipteki gibi --lg (56px).
   Renk semantigi DEGISTIRILMEDI (dolu olan dolu, hayalet olan hayalet);
   yalnizca olcu/tipografi ve hover birlestirildi.
   ⚠️ OZGULLUK: font-size tek :not() ile KAYBEDIYOR — taban tema butonu
   1 id + 2 sinif + 1 etiket seviyesinden basiyor. Belgelenmis kalip olan
   :not(.Slct):not(.ws-x) ikilisi eklenince tuttu (olculdu: 13px -> 12px). */
#formGlobal .buton:not(.Slct):not(.ws-x),
#formGlobal .button:not(.Slct):not(.ws-x),
#formGlobal input[type=submit]:not(.Slct):not(.ws-x),
#formGlobal .Addtobasket:not(.Slct):not(.ws-x),
#formGlobal .buyfastbutton:not(.Slct):not(.ws-x){
  min-height:48px !important;
  padding:0 1.75rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.6rem !important;
  border-radius:0 !important;
  border-width:1px !important;
  border-style:solid !important;
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), color .2s, border-color .2s, transform .2s !important;
}
#formGlobal .buton:not(.Slct):not(.ws-x):active,
#formGlobal .button:not(.Slct):not(.ws-x):active,
#formGlobal input[type=submit]:not(.Slct):not(.ws-x):active,
#formGlobal .Addtobasket:not(.Slct):not(.ws-x):active,
#formGlobal .buyfastbutton:not(.Slct):not(.ws-x):active{ transform:translateY(1px) !important; }
#formGlobal .Addtobasket:not(.Slct):not(.ws-x),
#formGlobal .buyfastbutton:not(.Slct):not(.ws-x){ min-height:56px !important; padding:0 2.5rem !important; }
#formGlobal .Addtobasket:not(.Slct):not(.ws-x):hover{ background-color:#4a423c !important; border-color:#4a423c !important; color:#fff !important; }
#formGlobal .buyfastbutton:not(.Slct):not(.ws-x):hover{ background-color:#16120f !important; border-color:#16120f !important; color:#fff !important; }
#formGlobal .buton:not(.Slct):not(.ws-x):hover,
#formGlobal .button:not(.Slct):not(.ws-x):hover{ background-color:#4a423c !important; border-color:#4a423c !important; color:#fff !important; }
/* ==== PASS52-BUTON son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS53-FORM ==== */
/* Prototipin .field sistemi form alanlarina uygulandi.
   🔴 Asil kusur: ODAK GOSTERGESI HIC YOKTU — alana odaklaninca
   outline-style:none ve kenarlik da degismiyordu (canlida olculdu).
   Klavyeyle gezen kullanici nerede oldugunu goremiyordu; bu bir
   erisilebilirlik kusuru. Prototip bunu acikca cozuyor:
   .field:focus-visible{ outline:2px solid var(--ink); outline-offset:1px;
   border-color:var(--ink) }
   Diger farklar: kose 0 -> 3px · zemin seffaf -> #fff · dolgu 0 12px ->
   .7rem .85rem · placeholder --ink-4 -> --ink-3 (bir kademe koyu, kontrast).
   Adet kutusu (.txtSepetAdet) HARIC — olcusu PASS44'te prototipin .qty
   sartnamesine gore ayarlanmisti, bozulmasin. */
#formGlobal input[type=text]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal input[type=email]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal input[type=tel]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal input[type=password]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal input[type=search]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal input[type=number]:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal textarea:not(.Slct):not(.ws-x):not(.txtSepetAdet),
#formGlobal select:not(.Slct):not(.ws-x):not(.txtSepetAdet){
  background:#fff !important;
  border:1px solid #d5cdc2 !important;
  border-radius:3px !important;
  padding:.7rem .85rem !important;
  font-family:'Jost',sans-serif !important;
  font-size:13px !important;
  color:var(--ws-ink,#16120f) !important;
  transition:border-color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal input[type=text]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal input[type=email]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal input[type=tel]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal input[type=password]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal input[type=search]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal input[type=number]:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal textarea:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder,
#formGlobal select:not(.Slct):not(.ws-x):not(.txtSepetAdet)::placeholder{ color:#5f574f !important; opacity:1 !important; }
#formGlobal input[type=text]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal input[type=email]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal input[type=tel]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal input[type=password]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal input[type=search]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal input[type=number]:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal textarea:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover,
#formGlobal select:not(.Slct):not(.ws-x):not(.txtSepetAdet):hover{ border-color:#5f574f !important; }
#formGlobal input[type=text]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal input[type=email]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal input[type=tel]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal input[type=password]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal input[type=search]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal input[type=number]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal textarea:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus,
#formGlobal select:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus{ border-color:var(--ws-ink,#16120f) !important; }
#formGlobal input[type=text]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal input[type=email]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal input[type=tel]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal input[type=password]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal input[type=search]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal input[type=number]:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal textarea:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible,
#formGlobal select:not(.Slct):not(.ws-x):not(.txtSepetAdet):focus-visible{
  outline:2px solid var(--ws-ink,#16120f) !important;
  outline-offset:1px !important;
  border-color:var(--ws-ink,#16120f) !important;
}
/* ==== PASS53-FORM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS54-FOOTER ==== */
/* Footer, prototipin footer/newsletter sartnamesine gore elden gecirildi.
   Zaten uyanlar (PASS7/19/35'ten): zemin --paper-2, ust cizgi, telif
   satirinin ust kenarligi, baglantilar 13px/--ink-2/gecisli. Dokunulmadi.
   Kalan iki fark duzeltildi:
   1) BULTEN: prototipte .newsletter MUREKKEP BANT (koyu zemin, beyaz metin,
      seffaf kenarlikli alan). Canlida acik zeminde siradan bir blokti.
      Blok mureekkep panele cevrildi; alan prototipteki gibi seffaf +
      rgba(255,255,255,.3) cerceve, placeholder rgba .5, hover .55,
      odakta --blush kenarlik. Gonder butonu koyu zeminde kaybolmasin diye
      prototipin .btn--light'i gibi beyaz zemin + murekkep metin.
      NOT: tam genislikte bant yapilmadi — blok footer'in kolon izgarasi
      icinde (620px); tam-bleed yapmak izgarayi bozardi.
   2) SOSYAL IKONLAR: prototip .footer__social a KARE (38x38, 1px --line-2,
      hover'da murekkep dolgu). Canlida 38x38 ve dogru cerceve vardi ama
      border-radius:50% ile YUVARLAKTI ve hover/gecis yoktu. */
#formGlobal footer .ebultenDivTemp{
  background:var(--ws-ink,#16120f) !important;
  color:#fff !important;
  padding:clamp(1.75rem,3vw,2.5rem) clamp(1.25rem,2.5vw,2rem) !important;
}
#formGlobal footer .ebultenDivTemp *{ color:#fff !important; }
#formGlobal footer .ebultenDivTemp input[type=text]:not(.Slct):not(.ws-x),#formGlobal footer .ebultenDivTemp input[type=email]:not(.Slct):not(.ws-x){
  background:transparent !important;
  border:1px solid rgba(255,255,255,.3) !important;
  border-radius:0 !important;
  color:#fff !important;
  min-height:48px !important;
  padding:0 1rem !important;
  font-size:13px !important;
}
#formGlobal footer .ebultenDivTemp input:not(.Slct):not(.ws-x)::placeholder{ color:rgba(255,255,255,.5) !important; opacity:1 !important; }
#formGlobal footer .ebultenDivTemp input:not(.Slct):not(.ws-x):hover{ border-color:rgba(255,255,255,.55) !important; }
#formGlobal footer .ebultenDivTemp input:not(.Slct):not(.ws-x):focus,#formGlobal footer .ebultenDivTemp input:not(.Slct):not(.ws-x):focus-visible{ outline:none !important; border-color:#fac1bc !important; }
#formGlobal footer .ebultenDivTemp .newsletterButton,#formGlobal footer .ebultenDivTemp button,#formGlobal footer .ebultenDivTemp a.buton{
  background:#fff !important; border-color:#fff !important; color:var(--ws-ink,#16120f) !important;
}
#formGlobal footer .ebultenDivTemp .newsletterButton *,#formGlobal footer .ebultenDivTemp button *{ color:var(--ws-ink,#16120f) !important; }
#formGlobal footer .icon-box{
  border-radius:0 !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), color .2s, border-color .2s !important;
}
#formGlobal footer .icon-box:hover{
  background-color:var(--ws-ink,#16120f) !important;
  border-color:var(--ws-ink,#16120f) !important;
  color:#fff !important;
}
/* ⚠️ OZGULLUK NOTU: bulten alani ilk yayinda PASS53-FORM kuralina KAYBETTI
   (o kural 3 x :not() ile daha ozgul). Buradaki alan seciciye de
   :not(.Slct):not(.ws-x) eklenerek one gecirildi. */
/* ==== PASS54-FOOTER son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS55-SEPET ==== */
/* Header sepet acilirini prototipin .drawer/.cart-row olcusune yaklastirir.
   NOT: canlida sepet bir YAN CEKMECE degil, header'da acilan bir panel.
   Panel -> gercek cekmeceye cevirmek davranis degisikligi olurdu (JS ile
   yeniden kurgu); kapsam 'yalniz gorunum' oldugu icin panel korundu,
   prototipin cart-row olculeri panele uygulandi.
   Olculen farklar:
     - urun gorseli 80x106 -> prototip .cart-row__img 88px / 3:4 (88x117)
     - urun satirlari arasinda AYRAC YOKTU -> 1px --line alt cizgi + 1.25rem
       dikey dolgu (prototip .cart-row); son satirda cizgi yok
     - panel 300px -> min(360px,92vw); 88px gorsel + metin 300'de sikisiyordu
     - iki buton 72x48 ve 128x48 idi ve 'SIPARISI TAMAMLA' IKI SATIRA
       KIRILIYORDU -> prototipin .btn--block'u gibi tam genislik, alt alta,
       48px, 12px/.16em, tek satir (nowrap). Sepetim hayalet, Siparisi
       Tamamla dolu (renk semantigi korundu). */
#formGlobal .header-cart-hover{ width:min(360px,92vw) !important; }
#formGlobal .header-cart-hover .checkoutProductItem{ padding-block:1.25rem !important; border-bottom:1px solid var(--ws-line,#e7e1d9) !important; }
#formGlobal .header-cart-hover .checkoutProductItem:last-of-type{ border-bottom:0 !important; }
#formGlobal .header-cart-hover .checkoutItemImg{ width:88px !important; flex:none !important; }
#formGlobal .header-cart-hover .checkoutItemImg img{ width:88px !important; aspect-ratio:3/4 !important; height:auto !important; object-fit:cover !important; background:var(--ws-paper-3,#f2eee8) !important; }
#formGlobal .header-cart-hover .cartCheckoutButtonsContent{ display:grid !important; grid-template-columns:1fr !important; gap:.5rem !important; margin-top:.25rem !important; }
#formGlobal .header-cart-hover .cartCheckoutButtonsContent > *{ width:100% !important; }
#formGlobal .header-cart-hover .cartCheckoutButtonsContent a{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; min-height:48px !important; padding:0 1.25rem !important;
  border:1px solid var(--ws-ink,#16120f) !important; border-radius:0 !important;
  font-family:'Jost',sans-serif !important; font-size:12px !important; font-weight:500 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important; white-space:nowrap !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), color .2s !important;
}
#formGlobal .header-cart-hover .basketUrlButton a,#formGlobal .header-cart-hover a.basketUrlButton{ background:transparent !important; color:var(--ws-ink,#16120f) !important; }
#formGlobal .header-cart-hover .basketUrlButton a:hover,#formGlobal .header-cart-hover a.basketUrlButton:hover{ background:var(--ws-ink,#16120f) !important; color:#fff !important; }
/* ==== PASS55-SEPET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS56-KIRINTI ==== */
/* Kirinti navigasyonu prototipin .crumbs sartnamesine getirildi.
   🔴 KOK NEDEN (olculdu): ayrac '>' bir ::after ve LINE-HEIGHT 50px —
   bu yuzden her kirinti ogesi 50px yuksekligindeydi ve satir 82px'e
   sisiyordu. Yukseklik/ic dolgu degil, pseudo ogenin satir yuksekligiydi.
   Diger farklar:
     - baglantilar BUYUK HARF ve #111 (neredeyse siyah) idi — sayfa basligiyla
       yarisiyordu; prototip .crumbs: --ink-3 sonuk, kucuk harf, hover'da murekkep
     - urun adi 616px yer kapliyor ve satiri tasiriyordu -> son kirinti
       prototipteki gibi tek satir + ucnokta ile kirpiliyor
     - satir 82px -> 50px (1rem dikey dolgu + tek satir)
   'Onceki Sayfaya Don' baglantisi saga yaslandi (margin-left:auto). */
#formGlobal .breadcrumb{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:.4rem !important; padding-block:1rem !important; font-size:12px !important; color:#5f574f !important; min-width:0 !important; }
#formGlobal .breadcrumb li:not(.Slct):not(.ws-x){ height:auto !important; min-height:0 !important; display:flex !important; align-items:center !important; gap:.4rem !important; min-width:0 !important; flex:0 0 auto !important; }
#formGlobal .breadcrumb li:not(.Slct):not(.ws-x)::after{ line-height:1.5 !important; height:auto !important; opacity:.5 !important; margin-left:0 !important; }
#formGlobal .breadcrumb li:nth-last-of-type(1){ flex:0 1 auto !important; min-width:0 !important; }
#formGlobal .breadcrumb li:nth-last-of-type(1) a,#formGlobal .breadcrumb li:nth-last-of-type(1) span{ display:block !important; max-width:100% !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
#formGlobal .breadcrumb a{ color:#5f574f !important; text-transform:none !important; letter-spacing:.02em !important; line-height:1.5 !important; transition:color .2s cubic-bezier(.22,.61,.36,1) !important; }
#formGlobal .breadcrumb a:hover{ color:var(--ws-ink,#16120f) !important; }
#formGlobal .breadcrumb .back{ margin-left:auto !important; flex:0 0 auto !important; white-space:nowrap !important; line-height:1.5 !important; }
/* ⚠️ Kategori sayfasinda satir hala 50px kaliyordu: orada yukseklik
   ::after'tan degil, baglanti ICINDEKI span'in line-height:50px'inden
   geliyordu (olculdu). Ikisi de hedeflendi. */
#formGlobal .breadcrumb li:not(.Slct):not(.ws-x) a span,
#formGlobal .breadcrumb li:not(.Slct):not(.ws-x) span{
  line-height:1.5 !important; height:auto !important; min-height:0 !important;
}
#formGlobal .breadcrumb li:not(.Slct):not(.ws-x) > a{
  height:auto !important; min-height:0 !important; line-height:1.5 !important;
}
/* ==== PASS56-KIRINTI son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS57-DETAYALT ==== */
/* Urun detayinin ALT bolumu (sekmeler + teknik ozellik tablosu) prototipin
   .size-table / .acc__head diline getirildi. Olculen kusurlar:
     - satirlarda CIZGI YOKTU; ayrimi paletsiz bir gri (#eee) serit veriyordu
       -> 1px --line alt cizgi + serit --paper-2 (#faf8f5)
     - etiket ve deger metinleri SAF SIYAH (#000) idi; markanin murekkebi
       #16120f. Etiket prototipin th'i gibi 12px/buyuk harf/.04em/500 --ink,
       deger 13px/400 --ink-2 yapildi.
     - sekmeler 15px, harf araligi yok, aktif sekmede alt cizgi YOK ->
       12px/.16em/buyuk harf/500; aktif murekkep + 2px murekkep alt cizgi,
       pasif --ink-3, hover'da murekkep. */
#formGlobal .teknikDetayItem:not(.Slct):not(.ws-x){ background:transparent !important; border-bottom:1px solid var(--ws-line,#e7e1d9) !important; min-height:0 !important; height:auto !important; }
#formGlobal .teknikDetayItem:not(.Slct):not(.ws-x):nth-child(odd){ background:#faf8f5 !important; }
#formGlobal .teknikDetayItem:not(.Slct):not(.ws-x):last-child{ border-bottom:0 !important; }
#formGlobal .teknikDetayItem:not(.Slct):not(.ws-x) .t1{ font-family:'Jost',sans-serif !important; font-size:12px !important; font-weight:500 !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:var(--ws-ink,#16120f) !important; padding:.75rem .85rem !important; }
#formGlobal .teknikDetayItem:not(.Slct):not(.ws-x) .t2{ font-family:'Jost',sans-serif !important; font-size:13px !important; font-weight:400 !important; color:#4a423c !important; padding:.75rem .85rem !important; }
#formGlobal .urunTab li:not(.Slct):not(.ws-x){ font-family:'Jost',sans-serif !important; font-size:12px !important; font-weight:500 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#5f574f !important; transition:color .2s cubic-bezier(.22,.61,.36,1), border-color .2s !important; }
#formGlobal .urunTab li:not(.Slct):not(.ws-x):hover{ color:var(--ws-ink,#16120f) !important; }
#formGlobal .urunTab li.active:not(.Slct):not(.ws-x){ color:var(--ws-ink,#16120f) !important; border-bottom:2px solid var(--ws-ink,#16120f) !important; }
/* ==== PASS57-DETAYALT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS59-YENIBLOK ==== */
/* Ana sayfaya iki bolum EKLENDI (Sayfa Tasarimi → Urun Slider):
     urunblok_6 = Üst Giyim (/ust-giyim-97)
     urunblok_7 = Dis Giyim (/dis-giyim-101)
   Gerekce: referans site lela.com.tr'de 13 bolum var, herton'da 6 vardi ve
   magazanin UC ust kategorisinden ikisi ana sayfada hic temsil edilmiyordu.
   Merchandising karari YOK: bloklar magazanin KENDI ust kategorilerine
   baglandi, urun/fiyat/stok verisine dokunulmadi.
   Yeni bloklar panelden t-vw-3 (1180px) geliyor; mevcut raylar t-vw-7
   (1480px). Hizalansin diye kapsayici genisligi esitlendi (olculdu). */
#formGlobal #urunblok_6 .ticiContainer,
#formGlobal #urunblok_7 .ticiContainer{
  max-width:1480px !important;
  width:100% !important;
}
/* ==== PASS59-YENIBLOK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS60-MENU ==== */
/* Ust menu tipografisi. IKI referans da AYNI seyi soyluyor:
     lela.com.tr  .newHeaderNavUl li>a : 13px · harf araligi yok · KUCUK harf · 500
     lokal prototip .nav__link         : 13px (--fs-sm) · .03em · kucuk harf · 500
   Herton'da olculen: 16px · 1.28px aralik · BUYUK HARF — uc maddelik menu
   hem iri hem bagirir duruyordu.
   Uygulanan: 13px · 500 · .03em · kucuk harf · murekkep renk (marka paleti
   korundu, lela'nin saf siyahi alinmadi) + prototipteki hover alt cizgisi
   (::after scaleX, soldan acilir). */
#headerNew .newHeaderNavUl > li > a:not(.Slct):not(.ws-x){
  font-family:'Jost',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  color:var(--ws-ink,#16120f) !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}
/* ⚠️ Dikey dolgu ve alt cizgi YALNIZ masaustu menude: ayni secici mobil
   cekmecede de eslesiyor ve yatay dolguyu sifirlayinca maddeler sola
   yapisiyordu (canlida 375'te goruldu). */
@media (min-width:992px){
  #headerNew .newHeaderNavUl > li > a:not(.Slct):not(.ws-x){ padding:.6rem 0 !important; }
}
@media (min-width:992px){
#headerNew .newHeaderNavUl > li > a:not(.Slct):not(.ws-x)::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:-2px !important;
  height:1px !important;
  background:currentColor !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .2s cubic-bezier(.22,.61,.36,1) !important;
}
#headerNew .newHeaderNavUl > li:hover > a:not(.Slct):not(.ws-x)::after{ transform:scaleX(1) !important; }
}
/* ==== PASS60-MENU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS61-KARTFIYAT ==== */
/* Urun karti — lela.com.tr ile ayni seciciler uzerinden kiyaslandi.
   Olculen tablo:
     | oge        | lela              | herton (once)     |
     | urun adi   | 12.8px/400/#666   | 13px/400/#4a423c  | ~ayni, dokunulmadi
     | FIYAT      | 16px / **700**    | 17px / 500        | <- tek gercek fark
     | eski fiyat | 14px              | 15px              | 14'e alindi
   Uygulanan: satis fiyati **16px/700**, liste fiyati 14px/400.
   Renk marka murekkebi/--ink-4'te birakildi (lela'nin saf siyahi alinmadi).

   ✅ LELA'YA BAKIP DEGISTIRILMEYENLER (herton zaten daha iyi, olculdu):
     - gorsel: lela object-fit:FILL (gerdirilmis), herton 3/4 + cover (PASS47)
     - listeleme yogunlugu: lela 4 sutun/240px kart, herton 5 sutun/296px kart
       — daha fazla urun + daha buyuk kart; dusurmek gerileme olurdu
     - eski fiyat ustu cizili: lela'da cizgi yok, bizde var (daha okunur)
     - govde zemini: lela #f9f9f9 tek renk, bizde beyaz + bloklarda #f8f8f8
       serit — ayni etki, degisiklik gereksiz */
#formGlobal .productItem .discountPriceSpan:not(.Slct):not(.ws-x){ font-size:16px !important; font-weight:700 !important; letter-spacing:0 !important; }
#formGlobal .productItem .regularPriceSpan:not(.Slct):not(.ws-x){ font-size:14px !important; font-weight:400 !important; }
/* ==== PASS61-KARTFIYAT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS62-YESILBUTON ==== */
/* 🔴 Siparis Takip sayfasindaki 'Sorgula' butonu PARLAK YESIL'di:
   sinifi zaten `yesilButon`, zemin rgb(0,199,83) — platformun kendi yesili,
   sitenin paletiyle hicbir ilgisi yok ve sayfadaki tek renkli oge oydu.
   Ayrica 85x34 / 14px / 400 idi; sitenin buton sistemi 48px / 12px / 500 /
   .16em / buyuk harf (PASS52).
   Uygulanan: murekkep zemin + beyaz metin + site buton olcusu, hover'da
   --ink-2. `.yesilButon` platform sinifi oldugu icin duzeltme bu butonun
   gectigi TUM sayfalarda gecerli.
   ⚠️ OZGULLUK: zemin tek sinif ile inmedi — yesil `.yesilButon.butonDisabled`
   IKILISINDEN geliyor (olculdu); ikili secici yazilinca tuttu. */
#formGlobal .yesilButon:not(.Slct):not(.ws-x){
  color:#fff !important;
  border:1px solid var(--ws-ink,#16120f) !important;
  border-radius:0 !important;
  min-height:48px !important;
  padding:0 1.75rem !important;
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), border-color .2s !important;
}
#formGlobal .yesilButon:not(.Slct):not(.ws-x),
#formGlobal input.yesilButon.butonDisabled:not(.Slct):not(.ws-x){ background-color:var(--ws-ink,#16120f) !important; background-image:none !important; }
#formGlobal .yesilButon:not(.Slct):not(.ws-x):hover,
#formGlobal input.yesilButon.butonDisabled:not(.Slct):not(.ws-x):hover{ background-color:#4a423c !important; border-color:#4a423c !important; }
/* ==== PASS62-YESILBUTON son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS63-OLCU ==== */
/* lela.com.tr'de duyuru seridi + header + urun rayi + footer TEK dikey
   cizgide durur: hepsi 1180 genislikte, sol kenar 43. herton'da DORT ayri
   cizgi vardi:
     1905px -> header/serit 205 · footer 197 · anasayfa bloklari 213 · kategori 173
     1425px -> header 163 · raylar 53 · footer 24 · mozaik 0   (110px sapma)
   Sebep uc ayri sistemin yan yana calismasi: taban tema basamakli kapsayici
   (1560 / 1100 ...), anasayfa bloklari Ticimax panel genislik sinifi
   (t-vw-7 = 1480), footer kendi 24px dolgusu.
   Cozum: tek olcu resmi -> icerik cizgisi 1560, akiskan olukla:
     max-width = 1560 + 2*oluk · padding = oluk · box-sizing border-box
     1905'te oluk 32 -> icerik 1560, sol 173 (bugunku GOVDE cizgisi; urun
       izgarasi zaten burada oturuyor, kart olculeri degismez)
     1425'te oluk 31 -> hepsi 31'de bulusur (bugun 163/53/24/0)
   Kart genisligi yuzde tabanli (.ItemOrj sutunu 1/5 + -10px negatif marj),
   olcu degisince akiskan uyar; satir basi urun sayisi DEGISMEZ.
   Mobil (<992) bilincli olarak disarida: orada kartin 10px sutun dolgusu var,
   kapsayici dolgusu degisirse kart 26'ya kacar; mevcut 13px cizgisi tutarli.
   Hero (sliderblok) tam genislikte kalir - banner olarak tasarlandi. */
@media (min-width:992px){
  #formGlobal .header-top .headerContainer:not(.Slct):not(.ws-x),
  #formGlobal #headerNew .headerContainer:not(.Slct):not(.ws-x),
  #formGlobal footer .footerTempContainer:not(.Slct):not(.ws-x),
  #formGlobal .ticiContainer.categoryContainer:not(.Slct):not(.ws-x),
  #formGlobal .landing-block:not([id^="sliderblok"]) > .ticiContainer:not(.Slct):not(.ws-x){
    --ws-oluk:clamp(1rem,2.2vw,2rem);
    box-sizing:border-box !important;
    width:100% !important;
    max-width:calc(1560px + 2 * var(--ws-oluk)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--ws-oluk) !important;
    padding-right:var(--ws-oluk) !important;
  }
  /* PASS49 (#boshtml_4) ve PASS59 (#urunblok_6/_7) o gun kapsayicilari elle
     1480'e sabitlemisti - cunku panelden farkli genislik siniflariyla
     (t-vw-3 = 1180) geliyorlardi ve komsu raylara uydurmak gerekiyordu.
     O yamalar artik gecersiz: olcu tek yerden yonetiliyor. Iki ID'li
     olduklari icin (2,1,0) genel kurali yeniyorlar; ayni ID'lerle daha
     yuksek ozgullukte (2,2,0) geri aliniyor. */
  #formGlobal #boshtml_4 > .ticiContainer:not(.Slct),
  #formGlobal #urunblok_6 > .ticiContainer:not(.Slct),
  #formGlobal #urunblok_7 > .ticiContainer:not(.Slct){
    max-width:calc(1560px + 2 * var(--ws-oluk,2rem)) !important;
    width:100% !important;
  }
}
/* Resim blogunun bolum basligi 10px iceride kaliyordu (olculdu: baslik 190,
   mozaik karolari 180). Sebep eskimis telafi: o padding, blogun ESKI .txcol
   izgarasinin 10px oluğunu dengelemek icindi; PASS49 o izgarayi gizleyip
   yerine olugsuz .ws-mosaic koydu, telafi ortada kaldi. Sifirlandi. */
#formGlobal .landing-block[id^="resimblok"] .ws-sechead{
  padding-left:0 !important;
  padding-right:0 !important;
}
/* ==== PASS63-OLCU son ==== */

/* ==== WEBSIGHT WsTOR GIYDIRME · PASS63-HERO ==== */
/* Hero oklari platform varsayilaniydi: 50x50, dolu beyaz, 12px yuvarlak,
   ekranin en kenarina yapisik (left:0 / right:0) ve dikey merkezden 22px
   yukarida. Sitenin buton/kart sistemi 0 yaricapli (PASS52) -> 12px yuvarlak
   beyaz kutu tek basina sistem disi duruyor, acik gri hero fotografi uzerinde
   kontrasti da yok.
   Ayrica slider 2 slaytli ama .owl-dots display:none -> ziyaretcinin ikinci
   slayttan haberi olmuyor; nokta yerine ince cizgi gostergesi acildi.
   Oklar artik PASS63-OLCU'nun icerik cizgisine oturuyor: max(24px, 50%-780px)
   = genis ekranda tam 173px, yani basligin ve urun izgarasinin cizgisi.
   NOT: .ProductListprev/next sinifini bu sayfada YALNIZCA hero kullaniyor
   (urun raylari izgara, ok yok) ama kural yine de sliderblok'a kapsandi. */
@media (min-width:992px){
  #formGlobal .landing-block[id^="sliderblok"] .ProductListprev:not(.Slct):not(.ws-x),
  #formGlobal .landing-block[id^="sliderblok"] .ProductListnext:not(.Slct):not(.ws-x){
    width:46px !important;
    height:46px !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background-color:rgba(255,255,255,.88) !important;
    border:1px solid rgba(22,18,15,.14) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:var(--ws-ink,#16120f) !important;
    transition:background-color .22s cubic-bezier(.22,.61,.36,1),
               color .22s cubic-bezier(.22,.61,.36,1),
               border-color .22s cubic-bezier(.22,.61,.36,1) !important;
  }
  #formGlobal .landing-block[id^="sliderblok"] .ProductListprev:not(.Slct):not(.ws-x){
    left:max(24px, calc(50% - 780px)) !important;
    right:auto !important;
  }
  #formGlobal .landing-block[id^="sliderblok"] .ProductListnext:not(.Slct):not(.ws-x){
    right:max(24px, calc(50% - 780px)) !important;
    left:auto !important;
  }
  #formGlobal .landing-block[id^="sliderblok"] .ProductListprev:not(.Slct):not(.ws-x):hover,
  #formGlobal .landing-block[id^="sliderblok"] .ProductListnext:not(.Slct):not(.ws-x):hover{
    background-color:var(--ws-ink,#16120f) !important;
    border-color:var(--ws-ink,#16120f) !important;
    color:#fff !important;
  }
  #formGlobal .landing-block[id^="sliderblok"] .ProductListprev:not(.Slct):not(.ws-x)::before,
  #formGlobal .landing-block[id^="sliderblok"] .ProductListnext:not(.Slct):not(.ws-x)::before{
    font-size:20px !important;
    line-height:1 !important;
    color:inherit !important;
  }
}
/* slayt gostergesi - iki slayt oldugu gorunur olsun */
#formGlobal .landing-block[id^="sliderblok"] .owl-dots:not(.Slct):not(.ws-x){
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:22px !important;
  z-index:9 !important;
}
#formGlobal .landing-block[id^="sliderblok"] .owl-dots .owl-dot:not(.Slct):not(.ws-x){
  width:30px !important;
  height:2px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:rgba(22,18,15,.28) !important;
  transition:background-color .22s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .landing-block[id^="sliderblok"] .owl-dots .owl-dot.active:not(.Slct):not(.ws-x){
  background-color:var(--ws-ink,#16120f) !important;
}
#formGlobal .landing-block[id^="sliderblok"] .owl-dots .owl-dot span{
  display:none !important;
}
/* ==== PASS63-HERO son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS64-MOBILOLCU ==== */
/* PASS63 masaustunde tek icerik cizgisi kurdu; MOBILDE ayni dagiliklik
   duruyordu. 390px'te olculen cizgiler:
     anasayfa  -> mozaik basligi 4 · mozaik karolari 8 · kart ve ray basligi 13
     kategori  -> kirinti / H1 / siralama 5 · kartlar 7
     urun det. -> kapsayici 5 · kirinti metni 10
     statik    -> 5
     footer    -> 16
   Yedi ayri deger, ayni sayfada. Sebep: `.ticiContainer` mobilde 3.9-5px dolgu
   tasiyor, ic sarmalayicilar ustune ekliyor (.txcol-sm 3.9 ·
   .sliderBannerContainer 5 · .ProductListContent 2) ve bu derinlik blok tipine
   gore degistigi icin her blok baska bir cizgiye dusuyor. Olculen zincir:
     .ticiContainer 3.9 > .txcol-sm 3.9 > .sliderBannerContainer 5 = kart 13
     .ticiContainer 3.9 > .txcol-sm 3.9                            = mozaik 8
     .ticiContainer 3.9 (bolum basligi dogrudan cocuk)             = baslik 4
   Cozum: olugu TEK katman tasisin -> kapsayici 16, ic telafiler 0.
   16 secimi: lokal prototipin `--gut` alt siniri (clamp(1rem,3vw,2.5rem) ->
   390px'te 1rem) ve footer'in zaten kullandigi deger.
   NOT: lela mobilde kartlari ekran kenarina (0) dayiyor ve bolum basliklarini
   ortaliyor. Bu bilincli olarak KOPYALANMADI - kusur oluk degerinde degil,
   hizasizliktaydi; herton'un kenar bosluklu duzeni okunakli. */
@media (max-width:991px){
  #formGlobal .ticiContainer:not(.Slct):not(.ws-x){
    box-sizing:border-box !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  /* hero banner tam genislikte kalir */
  #formGlobal .landing-block[id^="sliderblok"] > .ticiContainer:not(.Slct):not(.ws-x){
    padding-left:0 !important;
    padding-right:0 !important;
  }
  /* Ic telafiler sifirlandi - olugu artik yalniz kapsayici tasiyor.
     .txcol-sm = tek, tam genislikte sutun (olculdu: mobilde gorunur her
     .txrow'da tek cocuk var, 382px). Cok sutunlu izgara siniflari
     (.txcol-6 / .txcol-sm-3) KAPSAM DISI - onlarin dolgusu gercek sutun
     olugu, sifirlanirsa kutucuklar birbirine yapisir. */
  #formGlobal .landing-block .txcol-sm:not(.Slct):not(.ws-x),
  #formGlobal .landing-block .sliderBannerContainer:not(.Slct):not(.ws-x),
  #formGlobal .ProductListContent:not(.Slct):not(.ws-x),
  #formGlobal .breadcrumb:not(.Slct):not(.ws-x){
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
/* ==== PASS64-MOBILOLCU son ==== */

/* ==== WEBSIGHT WsTOR GIYDIRME · PASS64-SAYFAOLCU ==== */
/* PASS63'un masaustu formulu bes kapsayiciya uygulanmisti; urun detay ve
   statik sayfa kapsayicilari disarida kalmisti. 1920'de tesadufen dogru yere
   dusuyorlar (1560 ortalaninca 180) ama formul farkli oldugu icin dar
   masaustunde ayrisiyorlar: 1440'ta digerleri 31'de, bunlar 0'da.
   Ayrica urun detay sayfasinda kirinti `max-width:1300px` ile ORTALANIYOR ->
   310'dan basliyor, sayfanin geri kalani 180'den (olculdu). Kategori
   sayfasindaki kirintida bu sinir yok; kaldirildi. */
@media (min-width:992px){
  #formGlobal .ticiContainer.pageContainer:not(.Slct):not(.ws-x),
  #formGlobal .ticiContainer.productDetailContainer:not(.Slct):not(.ws-x){
    --ws-oluk:clamp(1rem,2.2vw,2rem);
    box-sizing:border-box !important;
    width:100% !important;
    max-width:calc(1560px + 2 * var(--ws-oluk)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--ws-oluk) !important;
    padding-right:var(--ws-oluk) !important;
  }
  #formGlobal .productDetailContainer .breadcrumb:not(.Slct):not(.ws-x){
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
/* ==== PASS64-SAYFAOLCU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS64-RAYHIZA ==== */
/* PASS64-MOBILOLCU sonrasi kalinti: mobilde urun raylari BAZI yuklemelerde
   Owl karuseline donusuyor (masaustunde donmuyor - orada duz izgara, olculdu).
   Owl kurulunca `.owl-item` bizim `padding:0 8px` kuralimizi aliyor (kartlar
   arasi oluk) ve ilk kart 8px iceri kayiyor: bolum basligi 16, kart 24.
   Karusel kurulmadan olcum yapilirsa bu fark GORULMUYOR - ilk olcumler bu
   yuzden temiz cikti, kusur ancak tam yuklu sayfada ortaya cikiyor.
   Cozum klasik negatif marj telafisi: sahne kutusu item dolgusu kadar disari
   cekilir, kartlar cizgiye oturur, kartlar arasi oluk korunur.
   Owl kurulmadiginda `.owl-stage-outer` yok -> kural etkisiz, kartlar zaten
   16'da. Iki durumda da dogru. */
@media (max-width:991px){
  #formGlobal .landing-block[id^="urunblok"] .owl-stage-outer:not(.Slct):not(.ws-x){
    margin-left:-8px !important;
    margin-right:-8px !important;
  }
}
/* ==== PASS64-RAYHIZA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS65-MOBILARAC ==== */
/* Kategori sayfasinin MOBIL arac cubugu (#divSayfalamaUst) 390px'te 241px
   yuksekliginde, dort tarafi cerceveli bir panele donusuyordu: urunlerin
   ustunde ekranin dortte birinden fazlasi.
   REFERANS (olculdu): lela.com.tr ayni sayfada 42px - "Filtreleme" +
   "Siralama" ikilisi, cerceve yok. Lokal prototip (kategori.html) da ayni
   sozlesmeyi tanimliyor: `.listing__bar` sadece ALT cizgi tasir
   (`padding-bottom:1.1rem; border-bottom:1px solid var(--line)`) ve araclar
   tek satirda durur (#filterBtn + sort select).
   NEDEN HERTON'DA FARKLI: PASS32'de platformun mobil "Filtreleme/Siralama"
   dugmeleri gizlenmisti - CUNKU OLUYDU: magazada tanimli urun ozniteligi
   olmadigi icin panel bos aciliyor, tiklamada hicbir sinif degismiyordu.
   Ustelik platform mobilde siralama listesini kendisi gizliyor -> o dugmeler
   birakilsa mobilde HIC siralama yapilamazdi. O karar dogruydu ve duruyor;
   kusur, gorunur kilinan siralama ciplerinin `flex-wrap:wrap` ile 5 satira
   sarmasiydi (5 x 31px = 105px).
   COZUM (PASS3B'de 768-1024 arasi icin zaten kullanilan kalip): cipler tek
   satirda, yatay kaydirmali. Olculdu: 107px -> 33px, kaydirma genisligi 762.
   Ayrica:
   - Cerceve tek alt cizgiye indirildi. Ust/alt cizgi bizim `--line`, SOL/SAG
     ise taban temanin `#e3e3e3`'u (@media max-width:1041 icinde
     `#divSayfalamaUst{border:1px solid #e3e3e3}`); PASS3 yalnizca
     `border-bottom` yazdigi icin taban cerceve mobilde ayakta kalmisti.
   - STOKTAKILER siralama cipi mobilde de gizlendi: MASAUSTUNDE ZATEN GIZLI
     (PASS3, `li:nth-child(5)`), ayni islev `.tukgo` filtre cipinde duruyor;
     mobilde PASS32'nin `li.sortingButton{display:block!important}` kurali
     onu yeniden acmisti -> ayni cip iki kez gorunuyordu.
   OLCUM NOTU: tema CSS dosyasi sayfaya IKI KEZ giriyor (ikincisi <form>
   icinde). Bu yuzden <head>'e enjekte edilen deneme kurali, PASS32 gibi ayni
   ozgullukteki kurallara KAYBEDER ve "kural islemedi" gibi gorunur. Gercek
   test yayindan sonra; dosyanin sonuna eklenen blok her iki kopyada da en
   sonda oldugu icin kazanir. */
@media (max-width:991px){
  #divSayfalamaUst.urunListRel:not(.Slct):not(.ws-x){
    /* SOL/SAG kutu kenarlari kaldirildi; ust+alt cizgi MASAUSTUYLE AYNI
       bant dili (olculdu: 1920'de ust ve alt 1px var(--ws-line)) */
    border:0 !important;
    border-top:1px solid var(--ws-line,#e7e1d9) !important;
    border-bottom:1px solid var(--ws-line,#e7e1d9) !important;
  }
  #divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-content:flex-start !important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding-bottom:2px !important;
  }
  #divSayfalamaUst .brandlistselection ul.sortingContent::-webkit-scrollbar{
    display:none;
  }
  #divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent > li.sortingButton{
    flex:0 0 auto !important;
  }
  /* masaustundeki ile ayni: 5. cip (STOKTAKILER) gizli - islev .tukgo'da */
  #divSayfalamaUst:not(.Slct):not(.ws-x) .brandlistselection ul.sortingContent > li:nth-child(5){
    display:none !important;
  }
}
/* ==== PASS65-MOBILARAC son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS66-HESABIM ==== */
/* Hic denetlenmemis yuzey: Hesabim ekranlari (14 alt ekran) + uyelik.
   Olculdu (1920 ve 1440):
   (1) OLCU: hesap/uyelik sayfalarinin kapsayicisi taban temanin
       `.ticiContainer{max-width:1300px}` varsayilaniyla geliyor -> Uye Girisi
       1440'ta 70'ten basliyor, header/footer 31'de; 1920'de 310 vs 180.
       PASS63/64 formulu sinif sinif yazilmisti (kategori, statik, urun detay,
       landing blok) - bu sayfalar disarida kalmisti. Formul artik ISTISNASIZ
       tum .ticiContainer'a uygulaniyor; tek istisna hero banner (tam genislik).
   (2) SEKMELER (.tabLink > a): 13px, cumle duzeni, harf araligi yok; aktif
       zemin SAF SIYAH rgb(0,0,0), pasif metin rgb(57,55,55) - ikisi de palet
       disi (site murekkebi #16120f, soluk #4a423c). Site etiket sistemi
       11.5px / 500 / .16em / BUYUK HARF.
   (3) BOS DURUM: ayni kalip her hesap ekraninda tekrar ediyor
       (<ekran>ListeBos > BosIkon + BosP-1 + BosP-2 + BosBtn) ve hicbiri elden
       gecmemisti - olculdu (siparisler ve favoriler ekraninda birebir ayni):
         cerceve rgb(240,240,240)  -> palet disi (site cizgisi #e7e1d9)
         baslik  18px Jost 600     -> prototip `.empty__title` SERIF (display)
         alt metin 14px murekkep   -> prototip `.empty__text` --ink-3 (soluk)
         buton 13px/600, cumle duzeni, kenar #ccc, YARICAP 4px
                                   -> site buton sistemi (PASS52):
                                      48px / 12px / 500 / .16em / yaricap 0
       Tek kural seti 14 ekrani birden duzeltiyor (siparis, iade, iptal,
       favori, yorum, istek listesi, fiyat/stok alarm, destek ...).
   Secici notu: sinif adlari ekran adiyla degisiyor (siparisListeBos,
   favoriListeBos ...) - bu yuzden [class*=...] kaliplariyla yazildi. */
@media (min-width:992px){
  #formGlobal .ticiContainer:not(.Slct):not(.ws-x){
    --ws-oluk:clamp(1rem,2.2vw,2rem);
    box-sizing:border-box !important;
    width:100% !important;
    max-width:calc(1560px + 2 * var(--ws-oluk)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--ws-oluk) !important;
    padding-right:var(--ws-oluk) !important;
  }
  /* hero banner tam genislikte kalir (PASS63 ile ayni istisna) */
  #formGlobal .landing-block[id^="sliderblok"] > .ticiContainer:not(.Slct):not(.ws-x){
    max-width:none !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
/* --- hesap ekrani sekmeleri --- */
#formGlobal .tabLink > a:not(.Slct):not(.ws-x){
  display:inline-flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:0 20px !important;
  border:1px solid var(--ws-line-2,#d5cdc2) !important;
  border-radius:0 !important;
  background-color:#fff !important;
  color:var(--ws-ink-2,#4a423c) !important;
  font-family:'Jost',sans-serif !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1),
             color .2s cubic-bezier(.22,.61,.36,1),
             border-color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .tabLink > a:not(.Slct):not(.ws-x):hover{
  border-color:var(--ws-ink,#16120f) !important;
  color:var(--ws-ink,#16120f) !important;
}
#formGlobal .tabLink > a.aktif:not(.Slct):not(.ws-x){
  background-color:var(--ws-ink,#16120f) !important;
  border-color:var(--ws-ink,#16120f) !important;
  color:#fff !important;
}
/* --- bos durum kalibi (tum hesap ekranlari) --- */
#formGlobal [class*="ListeBos"]:not(.Slct):not(.ws-x){
  border:1px solid var(--ws-line,#e7e1d9) !important;
  border-radius:0 !important;
  padding:clamp(2.5rem,6vw,4rem) 30px !important;
}
#formGlobal [class*="BosIkon"]:not(.Slct):not(.ws-x){
  border-color:var(--ws-line-2,#d5cdc2) !important;
}
#formGlobal [class*="BosP-1"]:not(.Slct):not(.ws-x){
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(20px,2.2vw,26px) !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  color:var(--ws-ink,#16120f) !important;
  margin-bottom:10px !important;
}
#formGlobal [class*="BosP-2"]:not(.Slct):not(.ws-x){
  font-family:'Jost',sans-serif !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
  color:var(--ws-ink-3,#5f574f) !important;
  margin-bottom:28px !important;
}
#formGlobal [class*="ListeBos"] a:not(.Slct):not(.ws-x){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 32px !important;
  background-color:var(--ws-ink,#16120f) !important;
  color:#fff !important;
  border:1px solid var(--ws-ink,#16120f) !important;
  border-radius:0 !important;
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal [class*="ListeBos"] a:not(.Slct):not(.ws-x):hover{
  background-color:var(--ws-ink-2,#4a423c) !important;
  border-color:var(--ws-ink-2,#4a423c) !important;
}
/* ==== PASS66-HESABIM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS67-ARAMA ==== */
/* Arama oneri paneli (.ticimax-search-content) kutu olarak zaten sistemdeydi
   (1px --line cerceve, 0 yaricap, yumusak golge, 11px/.16em bolum basligi) -
   ama ARAMA CUBUGUYLA HIZALI DEGILDI. Olculdu:
     1920 -> arama grubu (alan + buton) 411..1508, panel 522..1322
     1440 -> arama grubu           171..1269, panel yine 800px genislikte
   Yani grup her genislikte SABIT 1098px ve ekranda ortali; panel ise 800px
   ve iki yanindan ~110px iceride duruyor. Acilir panel bagli oldugu alanla
   hizalanmaliyken havada asili duruyordu.
   Cozum: panel de grup gibi ortalanip ayni 1098px'e sabitlendi; dar ekranda
   40px kenar payi birakarak kuculur. Panelin `top` degerini platform JS'i
   alanin alt kenarina (178px) dogru sekilde koyuyor, ona dokunulmadi.
   Mobil (<992) kapsam disi: orada arama tam ekran ayri bir yuzey. */
@media (min-width:992px){
  body .ticimax-search-content:not(.Slct):not(.ws-x){
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1098px, calc(100vw - 40px)) !important;
    max-width:none !important;
  }
}
/* ==== PASS67-ARAMA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS68-URUNFIYAT ==== */
/* Urun detay sayfasi lela ile ILK KEZ kiyaslandi (1440'ta iki site).
   REFERANS - lela'da fiyat hiyerarsisi:
     eski fiyat  .PiyasafiyatiContent .spanFiyat  = 22px / 400 / ustu cizili
     satis fiyati .indirimliFiyat .spanFiyat      = 27px / 700
   HERTON'DA OLCULEN (indirimli urun):
     eski fiyat  = 15px / 400 / rgb(126,116,108)
     satis fiyati= 15px / 600 / rgb(126,116,108)   <-- AYNI BOY, AYNI TON
   Yani sayfanin en onemli ticari bilgisi, ustu cizili eski fiyattan yalnizca
   yazi kalinligiyla ayriliyordu; ustelik ikisi de palet SOLUK tonunda
   (--ink-4) basiliyordu ve yanindaki "(KDV DAHIL)" notu 13px SIYAH ile daha
   baskindi. Tum fiyat bloğu 17px yukseklikte tek satirdi.
   Kiyas noktasi olarak URUN KARTI bile daha guclu: PASS61'de kart indirimli
   fiyati 16px/700 murekkep.
   UYGULANAN (lela hiyerarsisi + bizim tokenlar):
     satis fiyati 26px / 600 / --ink · eski fiyat 16px / 400 / --ink-4 (cizgi
     platformdan geliyor) · KDV notu 11px / --ink-4 · blok baseline hizasinda,
     14px araliklarla, altina 18px ritim.
   SECICI NOTU: indirimsiz urunde de TEK fiyat `.indirimliFiyat` icinde geliyor
   (olculdu) - yani "satis fiyati" kurali her iki durumda da dogru elemani
   yakalar; `.PiyasafiyatiContent` yalnizca indirim varken basiliyor.
   NOT: %17 rozeti (.IndirimOraniContent) zaten dogru - zemin rgb(179,38,30)
   yani bizim --sale, beyaz metin. Dokunulmadi. */
#formGlobal .urunDetayFiyatContainer .indirimliFiyat .spanFiyat:not(.Slct):not(.ws-x){
  font-family:'Jost',sans-serif !important;
  font-size:26px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  color:var(--ws-ink,#16120f) !important;
  letter-spacing:.01em !important;
}
#formGlobal .urunDetayFiyatContainer .PiyasafiyatiContent .spanFiyat:not(.Slct):not(.ws-x){
  font-family:'Jost',sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.1 !important;
  color:var(--ws-ink-4,#7e746c) !important;
}
#formGlobal .urunDetayFiyatContainer .spanKdv:not(.Slct):not(.ws-x){
  font-size:11px !important;
  font-weight:400 !important;
  color:var(--ws-ink-4,#7e746c) !important;
  margin-left:6px !important;
}
#formGlobal .urunDetayFiyatContainer #divIndirimliFiyat:not(.Slct):not(.ws-x){
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}
#formGlobal .urunDetayFiyatContainer:not(.Slct):not(.ws-x){
  margin:6px 0 18px !important;
}
/* rozet baseline'da kaymasin, kucuk bir nefes payi alsin */
#formGlobal .urunDetayFiyatContainer .IndirimOraniContent:not(.Slct):not(.ws-x){
  align-self:center !important;
  padding:4px 8px !important;
}
#formGlobal .urunDetayFiyatContainer .indirimliOrani:not(.Slct):not(.ws-x){
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}
/* CIFT PARANTEZ: taban tema KDV notuna pseudo ile parantez ekliyor
   (`.IndirimliFiyatContent .right_line .spanKdv:before{content:'('}` ve
   `:after{content:')'}`) ama herton'da metnin KENDISI zaten "(KDV Dahil)"
   olarak geliyor -> mobilde "((KDV DAHIL))" basiliyordu (olculdu; masaustunde
   eski fiyatin KDV notu gizli oldugu icin fark edilmiyordu). Pseudo icerikleri
   iptal edildi; metin kendi parantezini tasimaya devam ediyor. */
#formGlobal .spanKdv:not(.Slct):not(.ws-x)::before,
#formGlobal .spanKdv:not(.Slct):not(.ws-x)::after{
  content:none !important;
}
/* ==== PASS68-URUNFIYAT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS69-URUNKONTROL ==== */
/* Urun detay ALIM ALANI olculdu (1440) - tek bir kontrol dili yoktu:
     RENK select   46px · beyaz · yaricap 3 (form sistemi)
     BEDEN chip    44px · beyaz/murekkep · yaricap 0
     Adet girdisi  56px · zemin rgb(242,244,242)  <-- PALET DISI (soguk gri)
     Sepete Ekle   56px · murekkep
     Hemen Al      56px · cerceveli
     TAVSIYE ET    48px · zemin rgb(235,235,235)  <-- PALET DISI (notr gri)
   Iki gri de sitenin kagit tonlarindan degil: bizim --paper-2 #faf8f5 ve
   --paper-3 #f2eee8 SICAK tonlar, bunlar soguk/notr griydi ve yan yana
   durduklarinda pastan farkli iki yuzey gibi okunuyordu.
   Duzeltilen: adet girdisi beyaza (form sistemiyle ayni), TAVSIYE ET kagit-3
   zeminine ve --line cerceveye alindi.
   NOT: RENK ekseninin chip'e cevrilmesi CSS degil JS isi - WS-PASS69 ile
   Temp.js'te yapildi (chip ureticisi eskiden yalnizca /beden/ etiketli ekseni
   isliyordu). Chip'ler `min-width:52px;padding:0 14px` oldugu icin uzun renk
   adlari da sigar; JS tarafinda >12 secenek / >20 karakter guvenlik siniri var. */
#formGlobal .productDetailContainer .txtSepetAdet:not(.Slct):not(.ws-x){
  background-color:#fff !important;
}
#formGlobal .productDetailContainer .TavsiyeEtBtn:not(.Slct):not(.ws-x){
  background-color:var(--ws-paper-3,#f2eee8) !important;
  border-color:var(--ws-line,#e7e1d9) !important;
  color:var(--ws-ink-2,#4a423c) !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .productDetailContainer .TavsiyeEtBtn:not(.Slct):not(.ws-x):hover{
  background-color:var(--ws-ink,#16120f) !important;
  border-color:var(--ws-ink,#16120f) !important;
  color:#fff !important;
}
/* varyasyon chip'leri ile alim satiri ayni dikey ritimde dursun */
#formGlobal .productDetailContainer .ws-chips:not(.Slct):not(.ws-x){
  margin:4px 0 6px !important;
}
/* UCUNCUL AKSIYON SATIRI: ilk yayinda yalnizca .TavsiyeEtBtn duzeltilmisti;
   yanindaki "YORUM YAZ" (ayirt edici sinifi yok, .YorumYazbtnContent > a.button)
   rgb(235,235,235) notr gride kalinca ikisi YAN YANA CAKISTI - biri sicak
   kagit, digeri soguk gri. Tek tek sinif yazmak yerine satirin tamami
   (.ProductIcon2 icindeki tum a.button) ayni dile baglandi; ileride eklenecek
   kardes aksiyonlar da otomatik uyar. */
#formGlobal .productDetailContainer .ProductIcon2 a.button:not(.Slct):not(.ws-x){
  background-color:var(--ws-paper-3,#f2eee8) !important;
  border:1px solid var(--ws-line,#e7e1d9) !important;
  border-radius:0 !important;
  color:var(--ws-ink-2,#4a423c) !important;
  transition:background-color .2s cubic-bezier(.22,.61,.36,1), color .2s cubic-bezier(.22,.61,.36,1), border-color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .productDetailContainer .ProductIcon2 a.button:not(.Slct):not(.ws-x):hover{
  background-color:var(--ws-ink,#16120f) !important;
  border-color:var(--ws-ink,#16120f) !important;
  color:#fff !important;
}
/* MOBIL AKORDEON: ayni soguk gri ailesi urun detayin alt bolumunde de
   suruyordu - `.urunOzellik .mobilTab li > a` basliklari (URUN OZELLIKLERI /
   YORUMLAR / ODEME SECENEKLERI) rgb(238,238,238) zeminle basiliyordu.
   Sayfada boylece UC ayri notr gri vardi (235 / 238 / 242,244,242) ve hicbiri
   sitenin sicak kagit tonlari degildi. Hepsi --paper-3'e (#f2eee8) baglandi;
   basliklar arasina --line ayirici kondu. */
#formGlobal .productDetailContainer .urunOzellik .mobilTab li > a:not(.Slct):not(.ws-x){
  background-color:var(--ws-paper-3,#f2eee8) !important;
  color:var(--ws-ink-2,#4a423c) !important;
  border-bottom:1px solid var(--ws-line,#e7e1d9) !important;
}
#formGlobal .productDetailContainer .urunOzellik .mobilTab li > a:not(.Slct):not(.ws-x):hover{
  color:var(--ws-ink,#16120f) !important;
}
/* ==== PASS69-URUNKONTROL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS70-URUNSEKME ==== */
/* Urun detayin ALT yarisi denetlendi (masaustu 1440 + mobil 390).
   (1) DORDUNCU NOTR GRI: PASS69'da uc gri (235/238/242,244,242) --paper-3'e
       baglanmisti; MASAUSTU sekme seridinde bir tane daha kalmis - aktif
       sekmenin zemini rgb(241,241,241). Ayni sinif adi kullanilmadigi icin
       (mobil `.mobilTab`, masaustu `.urunTab`) onceki kural oraya ulasmiyordu.
       Cozum: dolgulu sekme yerine ALT CIZGILI sekme - referans lela'da da
       sekmeler duz metin, zemin yok (olculdu: seffaf zemin, 16px/600 gri).
       Boylece palet disi gri tamamen kalkti.
   (2) OZELLIK SATIRLARI 1375 PX'E YAYILIYORDU: `.teknikDetayItem` etiketi
       (`.t1`) 412 px, degeri (`.t2`) 825 px ve arada devasa bosluk vardi -
       "CINSIYET ................ Kadin" gibi okunuyor, goz etiketle degeri
       baglayamiyordu. Lokal prototipte bu icerik SAG SUTUN genisliginde bir
       akordeon (`.acc__inner > div`, --fs-sm) - yani okuma olcusunde.
       Cozum: panel 880 px olcuye alindi, etiket sutunu 240 px'e sabitlendi.
       Mobil KAPSAM DISI (satir zaten 358 px; sabit 240 px etiket degeri
       ezerdi). */
@media (min-width:992px){
  #formGlobal .productDetailContainer .urunOzellik .urunTab li > a:not(.Slct):not(.ws-x){
    background-color:transparent !important;
    color:var(--ws-ink-4,#7e746c) !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    transition:color .2s cubic-bezier(.22,.61,.36,1), border-color .2s cubic-bezier(.22,.61,.36,1) !important;
  }
  #formGlobal .productDetailContainer .urunOzellik .urunTab li > a:not(.Slct):not(.ws-x):hover{
    color:var(--ws-ink-2,#4a423c) !important;
  }
  #formGlobal .productDetailContainer .urunOzellik .urunTab li.active > a:not(.Slct):not(.ws-x){
    color:var(--ws-ink,#16120f) !important;
    border-bottom-color:var(--ws-ink,#16120f) !important;
  }
  #formGlobal .productDetailContainer .urunOzellik .urunTab > ul:not(.Slct):not(.ws-x){
    border-bottom:1px solid var(--ws-line,#e7e1d9) !important;
  }
  /* okuma olcusu + etiket sutunu */
  #formGlobal .productDetailContainer .urunDetayPanel:not(.Slct):not(.ws-x){
    max-width:880px !important;
  }
  #formGlobal .productDetailContainer .teknikDetayItem:not(.Slct):not(.ws-x){
    max-width:880px !important;
  }
  #formGlobal .productDetailContainer .teknikDetayItem .t1:not(.Slct):not(.ws-x){
    flex:0 0 240px !important;
    max-width:240px !important;
  }
  #formGlobal .productDetailContainer .teknikDetayItem .t2:not(.Slct):not(.ws-x){
    flex:1 1 auto !important;
  }
}
/* ==== PASS70-URUNSEKME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS71-MINISEPET ==== */
/* Mini sepet paneli (.header-cart-hover) kutu olarak zaten sistemdeydi
   (360px, beyaz, 1px --line, yaricap 0, bizim golge; butonlar 48px murekkep
   ve cerceveli) - ama ICINDEKI RENKLER platform varsayilaninda kalmis.
   Olculen (satin alma yolunun tam ortasinda):
     .checkoutItemPrice   16px/700  rgb(21,40,75)   <-- LACIVERT
     .priceCheckoutValue  16px/700  rgb(21,40,75)   <-- LACIVERT
     .priceCheckoutText   12px/400  rgb(21,40,75)   <-- LACIVERT
     .checkoutItemVariant 11px      rgb(137,147,164)<-- MAVI-GRI
     .checkoutItemSalesUnit 11px    rgb(137,147,164)<-- MAVI-GRI
     .checkoutItemDelete > a  24x24  YARICAP 100%, kenar rgb(137,147,164)
   Sitenin hicbir yerinde mavi yok; palet sicak (murekkep #16120f, soluk
   #7e746c). Yani sepetteki FIYAT, sayfadaki diger fiyatlardan farkli bir
   renkte basiliyordu - ustelik en cok bakilan yerde.
   Uygulanan: fiyat ve genel toplam --ink, etiket --ink-3, varyant/adet
   --ink-4. Sil dugmesi daireden kareye alindi (site yaricap 0), kenari
   --line-2; silme geri alinamaz bir eylem oldugu icin hover'da --sale
   kirmizisina donuyor (ayni kirmizi indirim rozetinde de kullaniliyor).
   NOT: bu siniflar platformun sepet bilesenine ait; mobil sepet cekmecesinde
   de ayni siniflar kullaniliyor, dolayisiyla duzeltme oraya da gecerli
   (mobilde olcuyle dogrulandi). */
#formGlobal .checkoutItemPrice:not(.Slct):not(.ws-x),
#formGlobal .priceCheckoutValue:not(.Slct):not(.ws-x){
  color:var(--ws-ink,#16120f) !important;
}
#formGlobal .priceCheckoutText:not(.Slct):not(.ws-x){
  color:var(--ws-ink-3,#5f574f) !important;
}
#formGlobal .checkoutItemVariant:not(.Slct):not(.ws-x),
#formGlobal .checkoutItemSalesUnit:not(.Slct):not(.ws-x){
  color:var(--ws-ink-4,#7e746c) !important;
  letter-spacing:.02em !important;
}
#formGlobal .checkoutItemDelete > a:not(.Slct):not(.ws-x){
  width:26px !important;
  height:26px !important;
  border-radius:0 !important;
  border:1px solid var(--ws-line-2,#d5cdc2) !important;
  color:var(--ws-ink-4,#7e746c) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:border-color .2s cubic-bezier(.22,.61,.36,1), color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .checkoutItemDelete > a:not(.Slct):not(.ws-x):hover{
  border-color:var(--ws-sale,#b3261e) !important;
  color:var(--ws-sale,#b3261e) !important;
}
#formGlobal .checkoutItemDelete > a:not(.Slct):not(.ws-x) svg{
  fill:currentColor !important;
  stroke:currentColor !important;
}
/* ==== PASS71-MINISEPET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS72-PROTOTIPFARK ==== */
/* Lokal prototip urun.html ile canli urun detay YAN YANA kiyaslandi.
   Kapatilan uc fark:
   (1) BEDEN REHBERI konumu - prototipte BEDEN etiketiyle ayni satirda sagda;
       canlida cip'lerin altinda bagimsiz satirdaydi (etiket ust 667, link 764).
       WS-PASS72 ile beden ekseninin icine tasindi, burada sag uca oturtuluyor.
   (2) GUVEN LISTESI (.ws-trust) - prototipte her satirin basinda IKON var
       (kargo / teslimat / iade / uretim); bizde 5px'lik nokta vardi.
       Taban temanin FontAwesome'i zaten yuklu (kirinti ayraci onu kullaniyor).
   (3) FAVORI dugmesi - prototipte SEPETE EKLE'nin saginda kare kalp; canlida
       buton calisir durumda ama kapsayicisi taban temada gizli. WS-PASS72
       yalnizca favori baglantisini alim satirina tasidi; burada kare, 56px,
       --line-2 cerceveli, hover'da --sale kalbi olarak bicimleniyor.
       (Kapsayicidaki Karsilastir / Istek Listesi / Telefonla Siparis gibi
        istenmeyen ogeler ACILMADI.)
   NOT: prototipteki yildiz puani ve renk SWATCH gorselleri veri gerektiriyor
   (magazada yorum yok, renk varyasyonlarinin gorseli tanimli degil) -
   tema ile uretilemez. */
#formGlobal .productDetailContainer .ws-bedenline{
  position:relative !important;
  width:100% !important;
}
#formGlobal .productDetailContainer .ws-bedenline .bedenT{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  margin:0 !important;
  width:auto !important;
}
#formGlobal .productDetailContainer .ws-bedenline .bedenT a{
  font-family:'Jost',sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--ws-ink-3,#5f574f) !important;
  border-bottom:1px solid var(--ws-line-2,#d5cdc2) !important;
  padding-bottom:2px !important;
}
#formGlobal .productDetailContainer .ws-bedenline .bedenT a:hover{
  color:var(--ws-ink,#16120f) !important;
  border-bottom-color:var(--ws-ink,#16120f) !important;
}
/* guven listesi ikonlari */
#formGlobal .RightDetail .ws-trust li::before{
  content:'\f0d1' !important;
  font-family:'FontAwesome' !important;
  font-size:13px !important;
  line-height:1.5 !important;
  width:18px !important;
  height:auto !important;
  flex:0 0 18px !important;
  margin-top:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:var(--ws-ink-4,#7e746c) !important;
  text-align:center !important;
}
#formGlobal .RightDetail .ws-trust li:nth-child(2)::before{ content:'\f017' !important; }
#formGlobal .RightDetail .ws-trust li:nth-child(3)::before{ content:'\f0ec' !important; }
#formGlobal .RightDetail .ws-trust li:nth-child(4)::before{ content:'\f0a3' !important; }
/* favori kalbi - alim satirinda */
#formGlobal .productDetailContainer .BasketBtn{
  align-items:stretch !important;
  gap:10px !important;
}
#formGlobal .productDetailContainer .BasketBtn .ws-fav{
  flex:0 0 56px !important;
  width:56px !important;
  height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--ws-line-2,#d5cdc2) !important;
  background:#fff !important;
  color:var(--ws-ink-2,#4a423c) !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
  transition:border-color .2s cubic-bezier(.22,.61,.36,1), color .2s cubic-bezier(.22,.61,.36,1) !important;
}
#formGlobal .productDetailContainer .BasketBtn .ws-fav:hover{
  border-color:var(--ws-sale,#b3261e) !important;
  color:var(--ws-sale,#b3261e) !important;
}
#formGlobal .productDetailContainer .BasketBtn .ws-fav .box1,
#formGlobal .productDetailContainer .BasketBtn .ws-fav span{
  font-size:0 !important;
  width:auto !important;
  float:none !important;
  text-align:center !important;
  color:inherit !important;
}
#formGlobal .productDetailContainer .BasketBtn .ws-fav i{
  font-size:17px !important;
  margin:0 !important;
  float:none !important;
  color:inherit !important;
  line-height:1 !important;
}
/* ==== PASS72-PROTOTIPFARK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS73-PALET ==== */
/* Bagimsiz denetimin (21 ajan, 5298 satir CSS + canli DOM olcumu) tek GERCEK
   bulgusu ve iki gizli yan etkisi kapatiliyor.

   (1) #9a9186 - YARIM KALMIS DUZELTME, ERISILEBILIRLIK ACIGI.
       PASS43/PASS44 bu rengi kendi yorumunda "palet disi, 11px + genis harf
       araliginda AA altina dusuyor" diye teshis edip bir KISMINI duzeltmis,
       eski deklarasyonlari SILMEMIS. Olculdu: #9a9186 beyaz uzerinde 3.10:1,
       AA esigi 4.5:1. Ayni roldeki --ws-ink-4 #7e746c ise 4.56:1.
       Canlida hala basan yerler (sonraki PASS'lerce ezilmeyenler):
         .RightDetail .ws-det-eyebrow  -> urun detay ustyazisi, HER urun sayfasi
         .RightDetail #divOnyazi .left_line -> "Urun kodu" satiri
         .ws-bosarama__eyebrow         -> bos arama sonucu ustyazisi
         .hesabimAnasayfaBaslik h2>span-> hesabim karsilama ustyazisi
       (L3252/3369/3372/3391 zaten sonraki PASS'lerce eziliyor - olu, dokunulmadi.)
       Ikon ve pasif sayfalama numarasi metin degil, yine de token'a baglandi.

   (2) var(--ws-paper,#f4f1ec) - YANLIS YEDEK, GORUNMEZ ARAYUZ.
       Token --ws-paper = #ffffff. Yani:
         .solAnaMenu > ul > li > a:hover  -> BEYAZ zemin uzerinde BEYAZ hover,
           hesabim yan menusunde hover geri bildirimi fiilen YOK.
         .ws-imgph (kirik gorsel yer tutucusu) -> BEYAZ zemin, yer tutucu
           sayfada kayboluyor.
       Yazarin niyeti yedekteki sicak bej; dogru cozum token'i degistirmek
       degil, DOGRU token'i kullanmak: hover --paper-2, yer tutucu --paper-3.

   (3) Token kaymasi: #4b443c (--ws-ink-2 #4a423c'nin +1,+2,0 kaymis kopyasi)
       ve #6f675e / #6f665e (--ws-ink-3 #5f574f ile --ws-ink-4 arasi ucuncu bir
       ton; ustelik ayni rol icin tek karakter farkla iki ayri deger yazilmis).
       Gorsel zarari yok (dE 1.5 ve 0.78) ama token guncellenirse bu yerler
       takip etmez. Canlida basan orneklerde token'a baglandi. */
#formGlobal .RightDetail .ws-det-eyebrow:not(.Slct):not(.ws-x),
#formGlobal .ws-bosarama__eyebrow:not(.Slct):not(.ws-x),
#formGlobal .hesabimAnasayfaBaslik h2 > span:not(.Slct):not(.ws-x){
  color:var(--ws-ink-2,#4a423c) !important;
}
#formGlobal .RightDetail #divOnyazi .left_line:not(.Slct):not(.ws-x),
#formGlobal .solAnaMenu > ul > li > a > i:not(.Slct):not(.ws-x),
#formGlobal #divSayfalamaAlt:not(.Slct) .pageBorder a.butonDisabled:not(.SelectedSayfa),
#formGlobal #divSayfalamaUst:not(.Slct) .pageBorder a.butonDisabled:not(.SelectedSayfa){
  color:var(--ws-ink-4,#7e746c) !important;
}
/* gorunmez hover / gorunmez yer tutucu */
#formGlobal .solAnaMenu > ul > li > a:not(.Slct):not(.ws-x):hover{
  background:var(--ws-paper-2,#faf8f5) !important;
}
#formGlobal .ws-imgph:not(.Slct):not(.ws-x){
  background:var(--ws-paper-3,#f2eee8) !important;
  color:var(--ws-ink-4,#7e746c) !important;
}
/* token kaymasi olan canli yerler */
#formGlobal #divSayfalamaUst .brandlistselection ul.sortingContent > li.sortingButton > a:not(.Slct):not(.ws-x),
#formGlobal .RightDetail .ws-trust li:not(.Slct):not(.ws-x){
  color:var(--ws-ink-2,#4a423c) !important;
}
#formGlobal .productDetailContainer .eksecenekLine .left_line:not(.Slct):not(.ws-x),
#formGlobal footer .ws-copy:not(.Slct):not(.ws-x){
  color:var(--ws-ink-3,#5f574f) !important;
}
/* ==== PASS73-PALET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS74-SOLFILTRE ==== */
/* Prototipin listeleme sayfasi IKI SUTUN: solda kalici filtre rayi, sagda
   urun izgarasi. Canlida filtreler ust arac cubugunda acilir kutuydu.
   WS-PASS74 mevcut `.category-vertical-filters` blogunu rayin icine tasiyor
   (yeni veri yok, filtre baglantilarina dokunulmuyor); burada duzen veriliyor.
   Yalnizca >=1200px. Altinda ray sokuluyor ve filtreler arac cubuguna geri
   donuyor - mobilde ray ekranin yarisini yerdi. */
@media (min-width:1200px){
  #formGlobal .categoryContainer.ws-hasrail{
    display:grid !important;
    grid-template-columns:248px minmax(0,1fr) !important;
    column-gap:44px !important;
    row-gap:0 !important;
    align-items:start !important;
  }
  #formGlobal .categoryContainer.ws-hasrail > .categoryTitle{
    grid-column:1 / -1 !important;
  }
  #formGlobal .categoryContainer.ws-hasrail > .ws-rail{ grid-column:1 !important; }
  #formGlobal .categoryContainer.ws-hasrail > .ws-listcol{ grid-column:2 !important; min-width:0 !important; }
  /* ray govdesi */
  #formGlobal .ws-rail{
    border-top:1px solid var(--ws-line,#e7e1d9);
    padding-top:18px;
  }
  #formGlobal .ws-rail__title{
    font:500 11px/1 'Jost',sans-serif;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--ws-ink-4,#7e746c);
    margin:0 0 16px;
  }
  /* platformun ust-cubuk bicimlendirmesini ray icinde geri al */
  #formGlobal .ws-rail .category-vertical-filters{
    display:block !important;
    width:100% !important;
    height:auto !important;
    gap:0 !important;
  }
  #formGlobal .ws-rail .panel{
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 22px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #formGlobal .ws-rail .panel > a,
  #formGlobal .ws-rail .panel .panel-heading,
  #formGlobal .ws-rail .panel .dropdown-toggle{
    display:block !important;
    width:100% !important;
    height:auto !important;
    padding:0 0 10px !important;
    border:0 !important;
    border-bottom:1px solid var(--ws-line,#e7e1d9) !important;
    background:transparent !important;
    font:500 11px/1 'Jost',sans-serif !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    color:var(--ws-ink,#16120f) !important;
    pointer-events:none !important;   /* rayda acilir kapanir degil, hep acik */
  }
  #formGlobal .ws-rail .panel > a::after,
  #formGlobal .ws-rail .dropdown-toggle::after{ display:none !important; }
  /* liste hep acik, tek sutun, cerceve/golge yok */
  #formGlobal .ws-rail .list-group,
  #formGlobal .ws-rail .list-group.dropdown{
    display:block !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    height:auto !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    column-count:1 !important;
    overflow:visible !important;
  }
  #formGlobal .ws-rail .list-group > li{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    break-inside:auto !important;
  }
  #formGlobal .ws-rail .list-group > li > a{
    display:block !important;
    padding:7px 0 7px 26px !important;
    font:400 13px/1.4 'Jost',sans-serif !important;
    color:var(--ws-ink-2,#4a423c) !important;
    letter-spacing:.01em !important;
  }
  #formGlobal .ws-rail .list-group > li:hover > a{ color:var(--ws-ink,#16120f) !important; }
  /* platformun onay kutusu isareti rayda da dursun */
  #formGlobal .ws-rail .list-group > li::before{
    left:0 !important;
    top:9px !important;
  }
  /* arac cubugunda artik filtre yok - sayac ve siralama kalsin */
  #formGlobal .categoryContainer.ws-hasrail #divSayfalamaUst .Block_item.filterBlock:empty{ display:none !important; }
}
/* ==== PASS74-SOLFILTRE son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS75-IZGARA (P0) ==== */
/* 🔴 ZIYARETCININ TEK TIKLA GIREBILDIGI BOZUK EKRAN.
   Listeleme arac cubugundaki 5 yogunluk dugmesi platformda `sortingClick(n)`
   ile `.ProductList` uzerine sinif basiyor: PlSc_2/3/4/5 (sutun sayisi) ve
   PlSc_hrz (liste gorunumu, sortingClick(1000)).
   PASS3-GRID `.ItemOrj{width:25%!important}` yazdigi icin bu siniflarin hicbiri
   ise yaramiyordu; dahasi LISTE modunda kart ic yapisi cokuyordu.
   Canlida olculdu (PlSc_hrz aktifken): urun gorseli 23x31 px'e dustu, indirim
   rozeti 203x23'e gerildi (kartin yarisini kaplayan kirmizi serit), kartlar
   yine 5 sutunda kaldi. Yani dugme calismiyor ama sayfayi bozuyor.
   COZUM:
   1) Sutun dugmeleri artik GERCEKTEN calisiyor (2/3/4/5 sutun).
   2) Liste (hrz) modu KAPATILDI: dugmesi gizlendi ve sinif yine de gelirse
      (ziyaretcinin onceki tercihi cerezde saklaniyor olabilir) izgara gibi
      davranmasi icin guvenlik agi yazildi - eski tercihiyle gelen ziyaretci
      bozuk sayfa gormesin.
      Gercek bir liste gorunumu ayri bir kart duzeni ister (gorsel solda,
      metin sagda); kuyruga alindi, yarim yapmaktansa kapatildi. */
/* GERI ALINDI: sutun eslemesi (PlSc_2..5 -> 2/3/4/5 sutun).
   Ilk yayinda yogunluk dugmelerini CALISIR hale getirdim; sonuc GERILEME oldu:
   magazanin sunucu tarafindaki VARSAYILANI `PlSc_2` cikti, yani listeleme
   5 sutundan 2 sutuna dustu (olculdu: kart 545px, satirda 2 urun).
   Once PASS3-GRID'in sabit izgarasi bu sinifi zaten eziyordu ve gorunum
   dogruydu. Dolayisiyla dogru karar: yogunluk kontrolunu TEMAYA birakmak.
   Dugmeler tamamen gizlendi (calismayan/kotu duzen ureten kontrol birakmaktansa
   hic olmamasi yeg). Izgara olcusu PASS3-GRID + PASS63/74'ten geliyor. */
#formGlobal #divSayfalamaUst .blockSelect{ display:none !important; }
#formGlobal .categoryContainer .ProductList[class*="PlSc_"] > .ItemOrj{
  width:25% !important;
  max-width:25% !important;
}
@media (max-width:1279px){
  #formGlobal .categoryContainer .ProductList[class*="PlSc_"] > .ItemOrj{ width:33.3333% !important; max-width:33.3333% !important; }
}
@media (max-width:900px){
  #formGlobal .categoryContainer .ProductList[class*="PlSc_"] > .ItemOrj{ width:50% !important; max-width:50% !important; }
}
/* Liste modu dugmesi gizli.
   DUZELTME: ilk yayinda `a[onclick*="sortingClick(1000)"]` hedeflenmisti - o
   SIRALAMA cipi (STOKTAKILER) cikti ve zaten PASS65'te gizliydi. Asil yogunluk
   dugmeleri `.blockSelect > a.btnCatSorting.sort_2..sort_5`, liste dugmesi ise
   `a.sort_hrz` (olculdu: 32x32, arac cubugunun sag ucunda 5 ikon). */
#formGlobal #divSayfalamaUst .blockSelect > a.sort_hrz{ display:none !important; }
/* guvenlik agi: hrz sinifi gelse bile izgara gibi davran */
#formGlobal .categoryContainer .ProductList.PlSc_hrz > .ItemOrj{
  width:20% !important;
  max-width:20% !important;
  float:left !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem{
  display:block !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem .productImage{
  width:100% !important;
  float:none !important;
  margin:0 !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem .productImage a.detailLink{
  display:block !important;
  width:100% !important;
  aspect-ratio:3/4 !important;
  height:auto !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem .productImage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem .productDetail{
  width:100% !important;
  float:none !important;
  padding:14px 2px 0 !important;
}
#formGlobal .categoryContainer .ProductList.PlSc_hrz .productItem .discountIcon{
  width:auto !important;
  max-width:none !important;
  right:auto !important;
}
/* ==== PASS75-IZGARA son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS77-KART ==== */
/* Lokal prototip kategori.html ile canli urun karti YAN YANA olculdu (1425).
   Kart genisligi zaten ayni (252); iki fark kaldi.
   (1) FAVORI KALBI - prototipte HEP GORUNUR.
       prototip .card__fav : 38x38 · rgba(255,255,255,.9) · yaricap %50 · ust8/sag8
                             · opacity 1 · ikon 18px
       canli    .favori    : 36x36 · rgba(255,255,255,.92) · yaricap %50 · ust10/sag10
                             · OPACITY 0 (yalniz hover'da beliriyor)
       Kutu zaten prototiple ayni; tek fark gizli olmasi. lela'da da hep gorunur.
       Masaustunde hover'a bagli olmasi = kullanicinin varligindan haberi olmadigi
       bir islev. MOBIL ZATEN DOGRUYDU: `@media (hover:none),(max-width:900px)`
       blogu kalbi orada aciyor; bu duzeltme yalniz imlecli ekranlari ilgilendirir.
       Hover artik belirme degil, renk degisimi (--sale).
   (2) INDIRIM ROZETI tipografisi.
       prototip .badge--sale: 10px/500/.08em/BUYUK HARF · dolgu 4.5px 8.8px
                              · zemin rgb(179,38,30) · metin "%50 INDIRIM"
       canli    .discountIcon: 11px/400 · metin yalniz "%17"
       Zemin/renk zaten ayni (--sale). Tipografi esitlendi, rozete "INDIRIM"
       kelimesi ::after ile eklendi - bu bir ETIKET, urun verisi degil; yuzde
       degeri platformdan geldigi gibi kaliyor.
       (Prototipteki ikinci rozet "YENI" VERI gerektiriyor; yetki siniri geregi
        dokunulmadi.) */
#formGlobal .productItem .favori:not(.Slct):not(.ws-x){
  opacity:1 !important;
  transform:none !important;
  top:8px !important;
  right:8px !important;
}
#formGlobal .productItem:hover .favori:not(.Slct):not(.ws-x){
  background:rgba(255,255,255,.98) !important;
}
#formGlobal .productItem .favori:not(.Slct):not(.ws-x):hover::before{
  color:var(--ws-sale,#b3261e) !important;
}
#formGlobal .productItem .discountIcon:not(.Slct):not(.ws-x){
  width:auto !important;
  height:auto !important;
  top:10px !important;
  left:10px !important;
  padding:5px 9px !important;
  border-radius:0 !important;
  font-family:'Jost',sans-serif !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1.4 !important;
}
#formGlobal .productItem .discountIcon:not(.Slct):not(.ws-x)::after{
  /* Bastaki normal bosluk canlida YUTULDU ("%17INDIRIM" olarak basiyordu,
     mobil ekran goruntusuyle gorildu) - kirilmaz bosluk kullanildi. */
  content:'\00a0İNDİRİM' !important;
}
/* ONLEM - CANLIDA DOGRULANAMADI: banka taksit tablosu (.TakRenk1..24) taban
   temada pastel gokkusagi. Taksit KAPALI oldugu icin `.taksitMain` bos render
   ediyor, gozle dogrulanamiyor. Acildigi gun urun detaya alti pastel renk birden
   dusmesin diye zeminler simdiden notr kagida baglandi; taksit acilirsa gozle
   kontrol edilmeli. */
#formGlobal .taksitMain [class^="TakRenk"]:not(.Slct):not(.ws-x),
#formGlobal .taksitMain [class*=" TakRenk"]:not(.Slct):not(.ws-x){
  background-color:var(--ws-paper-2,#faf8f5) !important;
  border-color:var(--ws-line,#e7e1d9) !important;
  color:var(--ws-ink-2,#4a423c) !important;
}
/* ==== PASS77-KART son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS79-YUZEY ==== */
/* MARKA YUZEY PALETI. Sitenin token'lari: --ws-paper #fff · --ws-paper-2 #faf8f5
   (fildisi) · --ws-paper-3 #f2eee8. Hepsi SICAK. 1440'ta olculdu: anasayfada
   yedi buyuk yuzey bu paletin disindaydi ve hepsi SOGUK gri:
     · .sliderBannerContainer  #f6f6f6  (5 adet - her urun rayinin ic kutusu)
     · .landing-block.design-bg-21  #f8f8f8  (2 adet - blok zemini)
   Sicak fildisi footer/hero/kart yuzeylerinin yaninda bu soguk griler kirli
   duruyordu. Yeni renk uydurulmadi; sitenin kendi token'larina baglandi.
   Ray kutusu artik kendi zeminini hic boyamiyor - bolumun zemini gorunuyor. */

#formGlobal .sliderBannerContainer:not(.Slct):not(.ws-x),
#formGlobal .detaySliderContainer:not(.Slct):not(.ws-x){
  background-color: transparent !important;
}

#formGlobal .landing-block.design-bg-21:not(.ws-x){
  background-color: var(--ws-paper-2, #faf8f5) !important;
}

/* Urun galerisi kucuk gorsel yer tutucusu (#f1f1f1 -> fildisi) */
#formGlobal .Images a:not(.Slct):not(.ws-x){
  background-color: var(--ws-paper-3, #f2eee8) !important;
}

/* --- YETIM BASLIK BLOGU (isaretleyen: WS-PASS79 JS) ---------------------
   Olculdu (1440, anasayfa): "KESFET / Kategoriler" basligi kendi blogunda
   (#resimblok_3), mozaik ise bir SONRAKI blokta (#boshtml_4). Sonuc:
     · baslik alti -> icerik ustu bosluk 135px
       (ayni sayfadaki diger raylarda 43-44px, prototipte 43.2px)
     · tam ortada renk dikisi: baslik bandi gri, mozaik beyaz
   Baslik kendi icerigiyle bagini koparmis gorunuyordu.
   Cozum: iki blogun arasindaki dolgular sifirlanir (geriye yalniz baslik
   bloklarinin standart 43.2px alt boslugu kalir) ve govde blogu baslik
   blogunun yuzeyini devralir. Kural id'ye degil, "basligi var ama icerigi
   yok" olgusuna bagli - panelden blok sirasi degisirse yine tutar. */
#formGlobal .landing-block.ws-orphanhead:not(.ws-x){ padding-bottom: 0 !important; }
#formGlobal .landing-block.ws-headbody:not(.ws-x){ padding-top: 0 !important; }
#formGlobal .landing-block.ws-headbody.ws-headbody--tint:not(.ws-x){
  background-color: var(--ws-paper-2, #faf8f5) !important;
}
/* ==== PASS79-YUZEY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS79B-DIKISOZGULLUK ==== */
/* PASS79'un dolgu kurallari CANLIDA ETKISIZ kaldi: PASS48'in
   `#formGlobal #mainHolder_divDesign .landing-block...` kurali IKI ID tasiyor,
   benimki tek ID'ydi - sinif sayisi fazla olsa da ID sayisi once bakildigi
   icin kaybetti (bu tuzak bu projede daha once de isirdi). Olculdu: kural
   yayindaydi ama padding hala 46.08px, baslik-icerik boslugu 135px.
   Ayni ID sayisina cikarildi. */
#formGlobal #mainHolder_divDesign .landing-block.ws-orphanhead:not(.ws-x){
  padding-bottom: 0 !important;
}
#formGlobal #mainHolder_divDesign .landing-block.ws-headbody:not(.ws-x){
  padding-top: 0 !important;
}
/* ==== PASS79B-DIKISOZGULLUK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS79C-YUKARICIK ==== */
/* Sitedeki SON marka disi yuzey: sag altta sabit duran "yukari cik" dugmesi.
   Olculdu (390 ve 1440): #back-to-top > a, 50x60 dikdortgen, zemin #f1f1f1 -
   soguk gri, sitenin hicbir yerinde kullanilmayan bir ton, ustelik kare degil.
   Marka yuzeyine cekildi (beyaz + --ws-line cerceve) ve kareye tamamlandi.
   Ok gorseli taban temanin PNG'si (backtop.png); background-image'a
   DOKUNULMADI, yalnizca zemin/cerceve/yukseklik degisti. */
#back-to-top a:not(.Slct):not(.ws-x){
  background-color: var(--ws-paper, #fff) !important;
  border: 1px solid var(--ws-line, #e7e1d9) !important;
  height: 50px !important;
}
/* ==== PASS79C-YUKARICIK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS80-URUNDETAY ==== */
/* Bu tur lela.com.tr urun detayi ile birebir kiyaslandi (1440 ve 390).

   A) KUCUK GORSEL SERIDI - urun fotograflarinin bir kismi ULASILAMIYORDU.
   Olculdu (1440, urun 1071): serit `.SmallImages` 78x455 px, icerik yuksekligi
   705 px -> **7 fotografin 3'u** gorunmuyor. Serit kendi icinde kayiyor ama
   gorunur bir isareti yok (ok yok, golge yok, cubugu gizli); yaninda 1018 px'lik
   ana gorsel dururken 455'te bitiyor, bu yuzden "hepsi bu" gibi okunuyordu.
   Kaynak taban tema: `.SmallImages{max-height:455px}`. `.leftImage` zaten flex
   oldugu icin tavan kaldirilinca serit ana gorselle AYNI yuksekligi aliyor
   (455 -> 1018) ve 7 fotograf da goruluyor.
   NOT: 10'dan fazla fotografli bir urunde serit ana gorseli asip sol sutunu
   uzatabilir - fotograf gizlemekten iyidir, cikarsa ayrica bakilir.

   B) BEDEN TABLOSU baglantisi YANLIS SATIRDA duruyordu. Olculdu: baglanti
   y=649, "BEDEN" etiketi y=667 -> 18 px yukarida, yani gorsel olarak bir ustteki
   RENK grubuna yapisik. Sebep: baglanti `position:absolute; top:0` ile satira
   sabitlenmis ama satirin 18 px ust dolgusu var; `top:0` dolgu kutusunun ustune
   denk geliyor. Etiketle ayni hizaya alindi. (lela'da bu baglanti `static`,
   akista aktigi icin hic kaymiyor.)

   C) MOBIL SABIT SATIN ALMA CUBUGU ekranin ucte birini yiyordu. Olculdu (390):
   `.buybutton` position:fixed, **298 px** = 844 px ekranin %35'i; ustelik RENK
   cipini ortuyordu (cip alti 571, cubuk ustu 546). lela'da ayni yerdeki sabit
   cubuk **54 px** ve icinde yalniz satin alma var. Bizde cubugun icine bizim
   guven listemiz (`ul.ws-trust`, 135 px) de girmisti - o bilgi satirlari sabit
   cubuga ait degil. Liste WS-PASS80 JS ile mobilde akisa alindi; cubuk 298 -> 137.
   Alt dolgu da cubugun GERCEK yuksekligine baglandi (sabit sayi degil). */

#formGlobal .productDetailContainer .leftImage .SmallImages:not(.Slct):not(.ws-x){
  max-height: none !important;
}

#formGlobal .productDetailContainer .ws-bedenline .bedenT:not(.ws-x){
  top: 18px !important;
}

@media (max-width:900px){
  body.ws-fixedbuy{
    padding-bottom: calc(var(--ws-buybar, 140px) + 76px) !important;
  }
}
/* ==== PASS80-URUNDETAY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS80B-MOBILDUZELTME ==== */
/* PASS80 mobilde iki yan etki dogurdu; ikisi de canlida olculup kapatildi.

   1) GUVEN LISTESI TASINDIGI YERDE EZILDI. Liste sabit cubuktan cikip akisa
   gelince satirlari **0 px genisligine** dusup sag kenara (x=374) yigildi;
   ekranda yalnizca uc ikon havada duruyordu, metinler gorunmuyordu. Sebep:
   sayfanin ust kismindaki float'lar listenin satir kutularini sifirlyor -
   `ul` tam genislikte ama icerigi float'in yanina sikisiyor. Bu tam olarak
   eski kodun yorumunda uyarilan durum. `clear:both` ile liste float'larin
   altina aliniyor: olculdu, satir genisligi 0 -> 358, liste yuksekligi
   369 -> 135 (dogru yukseklik).

   2) YUKARI CIK DUGMESI SABIT CUBUGUN UZERINE BINIYORDU. Olculdu (390):
   dugme bottom:74px (z 9999), sabit cubuk 707-844 (z 300) -> dugme cubugun
   FAVORI butonunu ortuyordu. Dugme, cubugun GERCEK yuksekligi kadar yukari
   alindi (sabit sayi degil, --ws-buybar). */

#formGlobal .RightDetail .ws-trust:not(.ws-x){
  clear: both !important;
}

@media (max-width:900px){
  body.ws-fixedbuy #back-to-top:not(.ws-x){
    bottom: calc(var(--ws-buybar, 140px) + 74px) !important;
  }
}
/* ==== PASS80B-MOBILDUZELTME son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS80C-HEMENAL ==== */
/* MOBILDE "HEMEN AL" DUGMESI HIC GORUNMUYORDU. Olculdu (390):
   sabit satin alma cubugu `bottom:0` ile duruyor, ama alt menu (`.ws-tabbar`,
   58 px, z-index 10000) da `bottom:0` ve cubuktan (z-index 300) USTTE.
   Sonuc: cubugun alt satiri, yani **HEMEN AL** (44 px, y 790-834) tamamen alt
   menunun ALTINDA kaliyordu - ne goruluyor ne tiklanabiliyordu. PASS80 oncesi
   ayni yerde guven listesi gizleniyordu, yani kusur yeni degil; cubuk incelince
   ortaya cikti.
   Cubuk alt menunun yuksekligi kadar yukari alindi. Yukseklik sabit yazilmadi;
   WS-PASS80 JS alt menuyu olcup `--ws-tabbar` degiskenine yaziyor. Sayfa alti
   dolgusu ve yukari-cik dugmesi de ayni degiskenlere baglandi.
   Dogrulama (390): HEMEN AL y=732-776 -> alt menunun (786) USTUNDE, gorunur. */

@media (max-width:900px){
  #formGlobal .productDetailContainer .buybutton:not(.ws-x){
    bottom: var(--ws-tabbar, 58px) !important;
  }
  body.ws-fixedbuy{
    padding-bottom: calc(var(--ws-buybar, 140px) + var(--ws-tabbar, 58px) + 24px) !important;
  }
  body.ws-fixedbuy #back-to-top:not(.ws-x){
    bottom: calc(var(--ws-buybar, 140px) + var(--ws-tabbar, 58px) + 16px) !important;
  }
}
/* ==== PASS80C-HEMENAL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS81-MOBILMENU ==== */
/* Bu tur MOBIL MENU CEKMECESI ele alindi - siteye her mobil ziyaretcinin
   gectigi yer, ama lela/prototip ile hic kiyaslanmamisti. 390 px'te acilip
   olculdu; uc kusur cikti, ucu de tema.

   A) CEKMECENIN BASLIGI YOKTU. Ust bant (`.newMenuTop`, 62 px) yalnizca sag
   kosede bir capraz tasiyordu; sol taraf bombostu. Prototipteki cekmecede
   ust bantta **"Menu"** basligi var (olculdu: 15px/400 Jost, ink, alt cizgi
   1px --line). Ayni baslik `::before` ile eklendi ve bant iki uca yaslandi
   (baslik solda, capraz sagda). Yeni gezinme ogesi eklenmedi - bu bir ETIKET.

   B) ALTTAKI YARDIM BAGLANTILARI ALT MENUNUN ALTINDA KALIYORDU. Olculdu:
   `.ws-drawer-x` blogu y=751-844 (93 px), alt menu (`.ws-tabbar`) y=786'dan
   basliyor ve ayni z-index'te sonra boyandigi icin USTTE -> blogun 58 px'i,
   yani **"BIZE ULASIN" satirinin tamami** goruluyordu ama tiklanamiyor/
   okunamiyordu. Bloga alt menu yuksekligi kadar dolgu verildi (--ws-tabbar,
   WS-PASS80C'nin olctugu degisken). Dogrulama: son baglanti 740-786 -> tam
   alt menunun ustunde.

   C) SATIR ETIKETI ILE + ISARETI FARKLI YUKSEKLIKTEYDI. Olculdu (57 px'lik
   satir, merkez 91): etiket merkezi **62** (29 px yukarida), + isareti merkezi
   **82** (9 px yukarida) - ikisi ayni hizada bile degildi, satir bozuk
   goruniyordu. Sebep iki ayri sey: (1) baglanti `flex-direction:column` ve
   `justify-content` varsayilan `flex-start` oldugu icin etiket satirin tepesine
   yapisiyordu (dikey merkezleme `align-items` ile DEGIL `justify-content` ile
   olur - kolon yonunde), (2) + isaretinin kutusu `top:0;height:40px` ile
   satirin ustune sabitlenmisti. Ikisi de satirin tam ortasina alindi:
   etiket ve isaret merkezi **90-91**. */

#formGlobal .newHeaderNav .newMenuTop:not(.ws-x){
  justify-content: space-between !important;
}
#formGlobal .newHeaderNav .newMenuTop:not(.ws-x)::before{
  content: 'Menü';
  font: 400 15px/1.2 'Jost', sans-serif;
  color: var(--ws-ink, #16120f);
}

#formGlobal .newHeaderNav .ws-drawer-x:not(.ws-x){
  padding-bottom: var(--ws-tabbar, 58px) !important;
}

#formGlobal .newHeaderNav ul.newHeaderNavUl > li > a:not(.ws-x){
  justify-content: center !important;
}
#formGlobal .newHeaderNav ul.newHeaderNavUl > li .dropDownNextBtn:not(.ws-x){
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
/* ==== PASS81-MOBILMENU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS82-TABLET ==== */
/* Bugune kadar her sey 1440/1905 ve 390'da dogrulandi; **768 px tablet hic
   olculmemisti**. Bu tur 768'de lela ile yan yana olculdu, iki gercek fark cikti.

   A) LISTELEME IZGARASI 768'DE 2 SUTUNDU, lela'da 3.
   Olculdu - herton 768: kart **334 px**, gorsel 334x445, satirda **2** kart.
   lela 768: kart ~228 px, satirda **3**. Ustelik kendi merdivenimiz de tersti:
   1024'te kart 313 px (3 sutun), 768'de 334 px (2 sutun) - yani ekran KUCULURKEN
   kart BUYUYORDU. Sebep: yogunluk esigi `max-width:900px`'te 50%'ye dusuyor,
   telefon duzeni tablete de uyguluyordu. 700-900 bandi 3 sutuna alindi
   (768'de kart ~229 px, lela'nin 228'iyle bire bir). <700 telefonda 2 sutun
   AYNEN kaldi.

   B) URUN DETAY 768'DE TEK SUTUNDU, lela'da iki.
   Olculdu - herton 768: `.TopDet` block, ana gorsel **688 px** tam genislik,
   bilgi sutunu altina yigiliyor, sayfa 1711 px. lela 768: galeri ~365 px SOLDA,
   bilgi ~348 px SAGDA - masaustu duzeni tablette korunuyor. Bizde sebep yine
   `max-width:900px` bandindaki telefon kurallariydi.
   768-900 icin iki sutun geri getirildi: galeri %52 / bilgi %48, bilgi sutunu
   yapiskan, kucuk gorsel seridi yeniden DIKEY (telefonda yatay kaliyor).
   Sabit satin alma cubuguna DOKUNULMADI - tablette tam genislikte altta kalmasi
   sorun degil, kaldirinca satin alma satiri 319 px'lik sutunda sikisiyordu
   (denendi: SEPETE EKLE sutunu tasiyordu). */

@media (min-width:700px) and (max-width:900px){
  #formGlobal .categoryContainer .ProductList[class*="PlSc_"] > .ItemOrj:not(.ws-x){
    width: 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

@media (min-width:768px) and (max-width:900px){
  #formGlobal .productDetailContainer .TopDet:not(.ws-x){
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  #formGlobal .productDetailContainer .TopDet > .leftImage:not(.ws-x){
    flex: 1 1 52% !important;
    width: auto !important;
    display: flex !important;
    gap: 12px !important;
  }
  #formGlobal .productDetailContainer .TopDet > .RightDetail:not(.ws-x){
    flex: 1 1 48% !important;
    width: auto !important;
    position: sticky !important;
    top: 132px !important;
    margin-top: 0 !important;
  }
  #formGlobal .productDetailContainer .Images:not(.ws-x){
    width: auto !important;
    flex: 1 1 auto !important;
  }
  #formGlobal .productDetailContainer .SmallImages:not(.ws-x){
    flex: 0 0 72px !important;
    width: 72px !important;
    flex-direction: column !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: none !important;
    order: -1 !important;
    margin-top: 0 !important;
  }
  #formGlobal .productDetailContainer .SmallImages img:not(.ws-x){
    width: 72px !important;
    height: 96px !important;
  }
}
/* ==== PASS82-TABLET son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS83-LOGO ==== */
/* MARKA ISARETI REFERANSTAN %31 KUCUK OKUNUYORDU.
   Bu tur logo, ekran goruntusu uzerinde PIKSEL SAYARAK olculdu (kutu olcusu
   yaniltici cikti, o yuzden murekkebin gercek sinirlari tarandi):
     · herton 1440 ve 1920: logo kutusu 178x85, ama kelime isaretinin GERCEK
       murekkebi **136x27** - kutunun **%68'i dosyaya gomulu bos alan**
       (kaynak 2481x1182, yazi ortada dar bir seritte).
     · lela ayni genislikte: kelime isareti **152x39**.
   Yani bizim isaret ekranda lela'nınkinden **12 px (%31) daha kisa** duruyordu;
   kutu daha buyuk oldugu icin olcerken fark edilmiyordu.
   ⓘ Dikey hiza SORUN DEGILDI: beyaz baslik satiri 30-115, murekkep merkezi 72,
     satir merkezi 72.5 - zaten ortali. Sorun yalnizca OLCU.

   Cozum tema tarafinda: gorsel dosyasi degistirilmeden `object-fit:cover` ile
   ust/alt bos alan KIRPILIYOR ve kutu genisletiliyor; boylece ayni dosyadan
   daha buyuk bir kelime isareti cikiyor. Kutu yuksekligi 44 px'te kaldigi icin
   85 px'lik baslik satiri BUYUMUYOR, ust siyah serit ile cakisma yok.
     · masaustu: kutu 232x44 -> murekkep ~176x35 (lela 152x39 ile ayni agirlik)
     · mobil:   kutu 160x30 -> murekkep ~137x24 (onceki 20'den)
   ⚠️ Mobilde genislik SINIRLI: 180 px denendi, sepet ikonu 395'e itilip ekran
   disina tasti (olculdu). 160'ta sepet 380'de kaliyor - tavan bu.
   Ayrica `a` bagi flex/ortali yapildi; aksi halde kucuk kutu satirin tepesine
   yapisiyordu (mobilde merkez 27 cikmisti, simdi 42 - baslik merkezi 43). */

#formGlobal #hb-logo:not(.ws-x),
#hb-logo:not(.ws-x){
  width: 232px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
#hb-logo:not(.ws-x) > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 232px !important;
}
#hb-logo:not(.ws-x) img{
  width: 232px !important;
  height: 44px !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}

@media (max-width:900px){
  #hb-logo:not(.ws-x){ width: 160px !important; }
  #hb-logo:not(.ws-x) > a{ width: 160px !important; }
  #hb-logo:not(.ws-x) img{ width: 160px !important; height: 30px !important; }
}
/* ==== PASS83-LOGO son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS83B-LOGOMOBIL ==== */
/* PASS83'un MOBIL kismi geri alindi - kendi urettigim gerilemeydi, canlida
   olculup ayni turda kapatildi.
   Belirti: 390 px'te sepet ikonu **422-447**'ye itilip ekran disina cikti
   (viewport 390). Sebep: logo kutusuna sabit 160 px genislik verilince baslik
   satirindaki uc grubun toplami 390'i asti; onizlemede 160'in guvenli gorunmesi
   yaniltmisti (o olcum, kutuyu 180'den kademeli daraltirken alinmisti - satir
   zaten kaymis durumdaydi).
   Mobilde logo ZATEN dogruydu: kutu 134x64, murekkep ~20 px, merkez 42 -
   baslik merkezi 43. Yani mobilde kapatilacak bir kusur yoktu; buyutme girisimi
   gereksizdi. Mobil olculeri temanin kendi degerlerine iade edildi.
   Masaustu kazanci (murekkep 136x27 -> **176x35**) AYNEN duruyor.
   ⓘ Ders: dar ekranda bir ogeyi buyutmeden once satirdaki KOMSU gruplarin
   toplam genisligi olculmeli; tek ogeyi olcmek yetmiyor. */

@media (max-width:900px){
  #hb-logo:not(.ws-x){ width: auto !important; max-width: none !important; }
  #hb-logo:not(.ws-x) > a{ width: auto !important; }
  #hb-logo:not(.ws-x) img{
    width: auto !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: fill !important;
  }
}
/* ==== PASS83B-LOGOMOBIL son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS83C-OZGULLUK ==== */
/* PASS83B canlida ETKISIZ kaldi: mobilde `#hb-logo` genisligi hala 232 px
   olculdu, sepet ikonu 422-447'de ekran disinda kalmayi surdurdu.
   Sebep PASS79'daki tuzagin AYNISI: PASS83'un temel kurali secici grubunda
   `#formGlobal #hb-logo` (IKI ID) varyantini tasiyor; PASS83B'de yazdigim
   `#hb-logo` tek ID'ydi ve once ID sayisina bakildigi icin kaybetti.
   Ayni ID sayisina cikarildi. */

@media (max-width:900px){
  #formGlobal #hb-logo:not(.ws-x),
  #hb-logo:not(.ws-x){
    width: auto !important;
    max-width: none !important;
  }
  #formGlobal #hb-logo:not(.ws-x) > a,
  #hb-logo:not(.ws-x) > a{
    width: auto !important;
  }
  #formGlobal #hb-logo:not(.ws-x) img,
  #hb-logo:not(.ws-x) img{
    width: auto !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: fill !important;
  }
}
/* ==== PASS83C-OZGULLUK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS84-SIPARISTAKIP ==== */
/* SIPARIS TAKIP sayfasi bugune kadar hic ele alinmamisti (DURUM'da dort ayri
   turda "Siradaki" olarak yazilip her seferinde baska ise kalmis). Uyelik
   gerektirmeyen, musterinin gercekten kullandigi bir sayfa.
   ⓘ Referans olarak lela KULLANILAMADI: lela ayni sayfayi hic giydirmemis -
   Ticimax varsayilani duruyor (girdiler #efefef zemin + #e5e5e5 cerceve,
   lacivert #0d2334 dugme, 10px yaricap). Bu yuzden olcu, SITENIN KENDI form ve
   sayfa dili oldu (kategori basligi, iletisim formu, PDP kontrolleri).

   Olculen farklar (1440):
   · Baslik `h3` **ortali**, 18px/400 ve rengi **#2b2a2a** (taban tema) -
     sitenin diger sayfa basliklari SOLA yasli, ~34px Playfair, --ws-ink.
   · `.siparisTakipSayfasi` 15px dolgu tasidigi icin form sol kenari **x=47**'de
     basliyordu; sitenin her sayfasinda icerik **x=32**'den basliyor.
   · `.siparisTakipSolBolum` sagina **1px #eee dikey cizgi** ciziyor ama sagindaki
     sutun BOS - ekranda hicbir seyi ayirmayan yetim bir cizgi duruyordu.
   · Etiketler (`.hsbmSpan`) 13px/400, cumle duzeni, #2b2a2a - sitenin form
     etiketleri 11px/500 BUYUK HARF + .16em harf araligi, --ws-ink-3.
   · Hata metni `.kirmiziUyari` **#a94442** (Bootstrap kirmizisi) - marka
     kirmizisi --ws-sale #b3261e.
   · Girdi yaricapi 3px - sitenin her yerinde 0.
   · "Sorgula" dugmesi formun sagina sikismisti; girdi genisligiyle ayni degildi.

   Hepsi sayfaya OZEL siniflarla sinirlandi (`.siparisTakipSayfasi`,
   `.siparisTakipSolBolum`); ayni taban siniflari kullanan HESABIM ekranlarina
   dokunulmuyor. Baslik icin `:has()` kullanildi (tarayici destegi canlida
   dogrulandi; desteklemeyen tarayicida kural sessizce uygulanmaz). */

#formGlobal .hesabimBolumuTutucu:has(.siparisTakipSayfasi) h3:not(.ws-x){
  text-align: left !important;
  font-size: clamp(1.5rem, 2.4vw, 2.15rem) !important;
  font-weight: 400 !important;
  color: var(--ws-ink, #16120f) !important;
  margin: 0 0 12px !important;
}

#formGlobal .siparisTakipSayfasi:not(.ws-x){
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#formGlobal .siparisTakipSolBolum:not(.ws-x){
  border-right: 0 !important;
  max-width: 520px !important;
}

#formGlobal .siparisTakipSayfasi .hsbmSpan:not(.ws-x){
  display: block !important;
  font: 500 11px/1.4 'Jost', sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--ws-ink-3, #5f574f) !important;
  margin-bottom: 8px !important;
}

#formGlobal .siparisTakipSayfasi .kirmiziUyari:not(.ws-x){
  color: var(--ws-sale, #b3261e) !important;
  font-weight: 400 !important;
}

#formGlobal .siparisTakipSayfasi .hsbmTextbox:not(.ws-x){
  border-radius: 0 !important;
  width: 100% !important;
}

#formGlobal .siparisTakipSayfasi .altButonTutucu:not(.ws-x){
  width: 100% !important;
  padding-right: 0 !important;
}
#formGlobal .siparisTakipSayfasi .yesilButon:not(.ws-x){
  width: 100% !important;
  border-radius: 0 !important;
  margin: 4px 0 0 !important;
}
/* ==== PASS84-SIPARISTAKIP son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS85-ETKILESIM ==== */
/* Bu tur ETKILESIM DURUMLARI (imlec / hover / klavye odagi) ilk kez denetlendi -
   bugune kadar hep duzen, tipografi ve renk olculmustu.
   Genel tablo IYI cikti: temada 183 hover kurali var, ana tiklanabilir ogelerin
   (kart baglantisi, sepete ekle, favori, siralama cipi, ust menu, footer,
   yukari-cik) hepsinde `cursor:pointer` ve gecis tanimli. `:focus-visible` de
   dogru kurulmus: a/button/input/select/textarea icin 2px --ws-ink halka,
   `outline:none` yalnizca `:focus`te (fare) - dogru kalip.
   ⓘ Yanlis alarmi elerken not: sayfalama baglantilarinda gorunen
     `cursor:default` KUSUR DEGIL - yalnizca AKTIF sayfa (1) ve tiklanamaz
     "..." ogesinde; gercek sayfa baglantilari (2,3,19,>) zaten pointer.

   Iki gercek kusur cikti:

   1) FILTRE GRUP BASLIGININ YALNIZ YARISI TIKLANABILIYORDU. Olculdu (sol ray,
   1440): baslik kutusu `.panel-heading` 243x22, icindeki baglanti 243x**11** -
   yani "KATEGORILER" satirinin ALT YARISINDA imlec degismiyor ve tiklama
   calismiyordu; kutunun 10px alt dolgusu baglantiya ait degildi. Kullanici
   satirin ortasina tiklayip "acilmadi" diye ikinci kez tiklamak zorunda kaliyor.
   Dolgu kutudan BAGLANTIYA tasindi: kutu yuksekligi AYNI (22px) kaldi, tiklanabilir
   alan %50 -> **%95**.

   2) BULTEN GIRDISINDE KLAVYE ODAK HALKASI KAPALIYDI. Temada `outline:none`
   yalnizca `:focus`te kullaniliyor - tek istisna footer bulten girdisiydi ve
   orada `:focus-visible`te de kapatilmisti (olculdu: outline-style `none`).
   Yani klavyeyle gezen kullanici o alana geldiginde halka gormuyordu; geriye
   yalnizca cerceve renginin degismesi kaliyordu. Halka geri verildi - koyu
   panelde okunsun diye marka pembesi (--ws-blush) kullanildi. */

#formGlobal .ws-rail .panel-heading:not(.ws-x){
  padding-bottom: 0 !important;
  cursor: pointer !important;
}
#formGlobal .ws-rail .panel-heading:not(.ws-x) > a{
  display: block !important;
  padding-bottom: 10px !important;
  cursor: pointer !important;
}

#formGlobal footer .ebultenDivTemp input:not(.Slct):not(.ws-x):not(.ws-y):focus-visible{
  outline: 2px solid var(--ws-blush, #fac1bc) !important;
  outline-offset: 2px !important;
}
/* ==== PASS85-ETKILESIM son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS86-HAREKETAZALT ==== */
/* ERISILEBILIRLIK TARAMASI. Bu tur hareket ve ekran okuyucu tarafi olculdu.
   Cogu sey ZATEN DOGRUYDU, tek tek dogrulandi (uydurma is uretmemek icin):
     · Serit (marquee) icin `@media (prefers-reduced-motion:reduce)
       {.ws-strip__track{animation:none}}` kurali VAR - sitedeki tek sonsuz
       animasyon (46s) hareket azaltmada zaten duruyor.
     · Seridin ikinci kopyasi `aria-hidden="true"` - ekran okuyucu metni iki kez
       okumuyor (olculdu: gorunur metin 299 karakter, okunacak 149).
     · Kart gorselleri `aspect-ratio:3/4` ile yer ayiriyor - 24 kartin yuksekligi
       birebir 469px, yukleme sirasinda kayma yok.
     · `:focus-visible` halkasi kurulu (PASS85'te son eksik de kapatildi).
     · `scroll-behavior:smooth` hic kullanilmamis - o yuzden ek kural gerekmiyor.

   TEK GERCEK ACIK: hareket azaltma yalnizca seridi kapsiyordu. Olculdu -
   listeleme sayfasinda **24 urun karti gorselinde 1.1 saniyelik `transform`
   gecisi** (hover yakinlastirmasi) ve taban temadan gelen `fadein/shine/fadeIn`
   animasyonlari hareket azaltma isteginde CALISMAYA DEVAM ediyordu.
   Standart kural eklendi: kullanici isletim sisteminde "hareketi azalt" dediyse
   tum gecis ve animasyon sureleri sifira yakin.
   NOT: animasyon ADI bilerek kapatilmiyor (yalnizca sure). Boylece opaklikla
   beliren ogeler gorunur kaliyor; seridi durduran mevcut `animation:none` kurali
   da bozulmuyor - o kural animation-name'i zaten none yapiyor. */

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/* ==== PASS86-HAREKETAZALT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS87-FONTYUKU ==== */
/* PERFORMANS: kullanilmayan yazi tipi ailesi yukleniyordu.
   Olculdu (listeleme sayfasi, canli):
     · `document.fonts` icinde **42 Poppins yuzu** tanimli, **8 tanesi gercekten
       INDIRILMIS** (status=loaded) - kiyas: Jost'un 6 yuzu indirilmis.
     · Buna karsilik Poppins ile render edilen oge sayisi **0** - gorunur ogeler,
       gizli ogeler ve ::before/::after sozde ogeleri tarandi, hicbirinde ilk
       yazi tipi ailesi Poppins degil.
     · Yukleyen satir temanin 3. satirindaki `@import` idi. `@import` stylesheet'in
       ICINDE oldugu icin istek, 93 KB'lik (brotli) CSS inmeden BASLAMIYOR -
       yani her sayfa yuklemesine seri bir tur ekliyordu.
   Yapilan: (1) o `@import` satiri yorum satirina cevrildi, (2) `--ws-body`
   token'indan Poppins cikarildi ki yedek zincirde bile cagrilmasin.
   Site zaten Jost + Playfair Display kullaniyor; ikisi de ayri <link> ile
   geliyor, bu degisiklikten etkilenmiyor.
   ⓘ Sayfadaki Montserrat <link>'i HTML head'inde (panel tarafi) - temadan
     kaldirilamiyor, Yunus listesine yazildi. */

:root{
  --ws-body: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* ==== PASS87-FONTYUKU son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS88-DARFIYAT ==== */
/* TELEFONDA INDIRIMLI KARTLAR KOMSULARINDAN YUKSEKTI, "SEPETE EKLE"LER HIZASIZDI.
   Bugune kadar mobil hep 390 px'te dogrulanmisti; bu tur 320 / 360 / 375 de olculdu
   ve kusurun DORT genislikte de oldugu gorulду.

   Olculen (listeleme, indirimli kart):
     · Fiyat satiri `.productPrice` flex + wrap. Parcalar: yeni fiyat 67 px,
       eski fiyat 63 px, `%17` rozeti 23 px + iki bosluk 16 px = **169 px**.
     · Kutu genisligi: 390'da 169 · 375'te 162 · 360'ta 154 · 320'de 134.
       Yani 390 dahil hicbirinde rahat sigmiyor; `%17` alt satira duşüyor.
     · Sonuc: indirimli kart komsusundan **19-20 px yuksek**, ayni satirdaki iki
       kartin SEPETE EKLE dugmeleri **19-20 px kaymis** (olculdu: 320'de yukseklik
       farki 20, 360'ta 19, 375'te 19, 390'da 19).

   Cozum: telefonda fiyatin yanindaki `%17` GIZLENDI. Bu bilgi kaybi DEGIL -
   ayni oran kartin sol ust kosesinde zaten **"%17 INDIRIM"** rozetiyle duruyor
   (PASS77'de oraya yazilmisti; canlida dogrulandi). Referans lela'da da telefon
   kartinin fiyat satiri IKI parcali (yeni + eski fiyat), yuzde satirda degil.
   320 px'te iki parca bile sigmadigi icin (138 gerekli / 134 var) orada ayrica
   fiyat kutusuna iki satirlik yer ayrildi; boylece kart yuksekligi orada da esit.

   Tablet ve masaustunde `%17` OLDUGU GIBI kaliyor - orada yer bol ve fiyatin
   yaninda okunmasi faydali. */

@media (max-width:500px){
  #formGlobal .productItem .ws-off:not(.ws-x){ display:none !important; }
}

@media (max-width:340px){
  #formGlobal .productItem .productPrice:not(.ws-x){
    min-height: 37px !important;
    align-content: flex-start !important;
  }
}
/* ==== PASS88-DARFIYAT son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS89-DARURUNDETAY ==== */
/* PASS88'de acilan dar-telefon olcumu urun detay sayfasina tasindi (320/360/375/390).
   Iki kusur cikti; ilki TUM telefonlarda, ikincisi dar olanlarda.

   1) KIRINTI YOLUNUN SON HALKASI EKRAN DISINDA KALIYOR (tum telefonlar).
   Olculdu: kirinti kapsayicisi 390'da 358 px, ama icerigi **484 px**; son halka
   (urunun adi) x=500'e kadar uzanip **kesiliyor** ve sayfa yatay kaymadigi icin
   ulasilamiyor. 320'de daha beter: kapsayici 288, icerik 500.
   Son halka ZATEN GEREKSIZ: href'i bulunulan sayfanin kendisi ve metni sayfanin
   H1'iyle **birebir ayni** (canlida dogrulandi). Yani tiklanamaz bir tekrar.
   Telefonda gizlendi -> kirinti 288/288, tasma yok, gezinme halkalari (Anasayfa >
   Alt Giyim > Pantolon) oldugu gibi duruyor.

   2) SATIN ALMA CUBUGU DAR TELEFONDA UC SATIRA CIKIYOR (<=360).
   Olculdu 320: cubuk **195 px** = 844 px ekranin %23'u; alt menuyle birlikte
   **253 px** (%30). Sebep: satirdaki uc oge (miktar 92 + SEPETE EKLE + favori 56)
   temel genislikleriyle 296 px'e sigmiyor, favori alt satira dusuyor.
   `SEPETE EKLE`nin esneme tabani sifirlandi (`flex:1 1 0%`) ve miktar kutusu
   72 px'e alindi -> uc oge tek satirda: 72 + 156 + 48. Cubuk **195 -> 137 px**
   (390'daki ile ayni), ekran kaplamasi 253 -> 195.
   390'da cubuk zaten 137'ydi; oradaki olculere dokunulmuyor. */

@media (max-width:500px){
  #formGlobal .breadcrumb li:last-of-type:not(.ws-x){ display:none !important; }
}

@media (max-width:360px){
  #formGlobal .buybutton .BasketBtn .Basketinp:not(.ws-x){
    flex: 0 0 72px !important;
    width: 72px !important;
  }
  #formGlobal .buybutton .BasketBtn .basketBtn:not(.ws-x){
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }
}
/* ==== PASS89-DARURUNDETAY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS90-DARBASLIK ==== */
/* 320 px taramasinin son bulgusu: SEPET IKONU EKRANIN SAG KENARINA YAPISIYOR.
   Olculdu (320, arama paneli acikken ve kapaliyken): `.mobile-cart-item` sag
   kenari **320** - yani viewport'un tam kenari, ikonun sag ust kosesindeki adet
   rozeti nefes alacak yer bulamiyor ve kirpilmis gibi duruyor. Soldaki menu
   ikonu ise 10 px iceriden basliyor; yani satir asimetrik.
   ⓘ Once kapsayici satirin dolgusunu artirmayi denedim - **ters tepti** (sepet
     sag kenari 320'den 322'ye cikti). Sebep: ikon sutunu `flex:0 0 25%` ile
     olculuyor ve satirin negatif kenar boslugu dolguyu yutuyor. O yuzden duzeltme
     satira degil, dogrudan ikona verildi.
   Sonuc: ikon sag kenari 320 -> **312**, kenarda 8 px bosluk (soldaki 10 px ile
   dengeli). Yalniz <=340 px'te uygulaniyor; 360 ve uzerinde ikonun zaten
   10 px boslugu var, oralara dokunulmuyor. */

@media (max-width:340px){
  #formGlobal .mobile-cart-item:not(.ws-x),
  .mobile-cart-item:not(.ws-x){
    padding-right: 8px !important;
  }
}
/* ==== PASS90-DARBASLIK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS91-YATAYTELEFON ==== */
/* TELEFON YATAY TUTULDUGUNDA EKRANIN UCTE IKISI SABIT CUBUKLARA GIDIYORDU.
   Bugune kadar hep dikey telefon olculdu; yatay (rotate) hic denenmemisti -
   oysa urun fotografina bakmak icin telefonu cevirmek en dogal davranis.

   Olculdu (844x390, urun detay):
     · baslik 115 px
     · sabit satin alma cubugu **83 px** (ekranin %21'i)
     · alt menu (`.ws-tabbar`) **58 px**
     · alt sabitler toplami **141 px = ekranin %36'si**
     · icerige kalan: **134 px / 390 = %34**
   Ayni olcum lela'da: **hic sabit alt cubuk yok**, baslik 120 px, icerige kalan
   **270 px = %69**. Yani ayni telefonu ceviren kullanici lela'da iki katı urun
   goruyordu.

   Cozum: KISA EKRANDA (max-height:480px) alt sabit ogeler birakiliyor -
   satin alma cubugu akisa donuyor, alt menu gizleniyor, sayfa alti dolgusu
   sifirlaniyor. Boylece icerik alani 134 -> **275 px (%71)**, lela'nin %69'uyla
   ayni seviyeye geliyor.
   ⓘ Satin alma erisimi kaybolmuyor: cubuk akista, kisa bir kaydirmayla geliyor -
     yataydayken zaten sayfanin tamami iki-uc kaydirmada bitiyor.
   ⓘ WS-PASS80 JS'i cubugun `position` degerine bakiyor; cubuk `static` olunca
     guven listesini kendiliginden cubugun ICINE geri koyuyor (canlida dogrulandi,
     cubuk 83 -> 141 px oldu). Ekstra kural gerekmedi.
   ⓘ Masaustunde etkisi YOK: orada alt menu zaten `display:none` ve urun detay
     cubugu zaten `static` (olculdu). */

@media (max-height:480px){
  #formGlobal .productDetailContainer .buybutton:not(.ws-x){
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
    border-top: 0 !important;
  }
  #formGlobal .ws-tabbar:not(.ws-x),
  .ws-tabbar:not(.ws-x){
    display: none !important;
  }
  body.ws-fixedbuy{
    padding-bottom: 0 !important;
  }
}
/* ==== PASS91-YATAYTELEFON son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS91B-YATAYBOSLUK ==== */
/* PASS91 yatay telefonda sabit satin alma cubugunu ve alt sekme cubugunu
   kaldirdi; ama o cubuklara yer acan ESKI govde dolgulari yerinde kaldi:
     · PASS5-DETAIL     body.ProductBody padding-bottom:124px  (satin alma cubugu)
     · PASS51-ALTCUBUK  body padding-bottom:62px               (alt sekme cubugu)
   Olculdu (844x390, urun 1252): footer bittikten sonra sayfanin en altinda
   192px BOS beyaz alan kaliyordu - 390px'lik ekranin yarisi. Ayrica geri-don
   dugmesi (.ws-gy) artik olmayan sekme cubugu icin bottom:74px'te duruyordu.
   Iki dolgu da sifirlanir, dugme normal kenar boslugna iner.
   Ozgulluk notu: body.ProductBody (0,1,1) oldugu icin :not(.ws-x) ile
   (0,2,1)'e cikariliyor - daha zayif bir override sessizce kaybederdi. */
@media (max-width:1079px) and (max-height:480px){
  body.ProductBody:not(.ws-x){ padding-bottom:0 !important; }
  body:not(.ws-x){ padding-bottom:0 !important; }
  .ws-gy:not(.ws-x){ bottom:16px !important; }
}
/* ==== PASS91B-YATAYBOSLUK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS92-YATAYBASLIK ==== */
/* YATAY TELEFONDA BASLIK, EN DAR EKRANDA EN BUYUK HALINE GECIYORDU.
   Olculdu (844x390, kategori /alt-giyim-95):
     · baslik 115 px YAPISIK (sticky) - ekranin %29'u KALICI olarak gidiyor
     · portrede (390) ayni baslik 85 px; cunku `#top-bar` dar ekranda tema
       tarafindan zaten gizleniyor. Yani dikey alanin en kit oldugu ekranda
       baslik, bol alanli portreden 30 px DAHA BUYUKTU.
     · lela.com.tr ayni olcude basligi `position:relative` tutuyor (120 px,
       kaydirinca tamamen gidiyor) - kalici kayip sifir.
   Baslik seridi PASS91'den sonra yatayda TEK kalici gezinme oldugu icin
   lela gibi tamamen birakmak yerine SIKISTIRILDI.

   Baslik ici olculer (piksel sayimi, 844x390):
     · #top-bar 30 px koyu serit (portrede zaten gizli)
     · #masthead 85 px; icindeki satir 68 px ama GERCEK murekkep y 55-82
       arasi = 28 px. Yani 84 px'lik bantta ~56 px saf bosluk vardi.
     · logo kutusu 134x64, murekkep yalnizca 101x20 (dosyanin ust/alt bosluğu).
   Cozum PASS83'un masaustunde kullandigi yontemin aynisi: kutu KUCULTULMUYOR,
   `object-fit:cover` ile gorselin bos alani KIRPILIYOR. Boylece kelime isareti
   ayni buyuklukte kalirken satir 68 -> 40 px'e iniyor.
   ⚠️ Once `width:auto; height:36px` denendi - kutu 76x36'ya dustu ve murekkep
   20 -> 11 px'e KUCULDU (kirpma degil olceklendirme oluyor). Genislik sabit
   tutulmali: 200x36 cover.

   Kategori sayfasinda ayrica ilk urune inmek 415 px suruyordu (lela: 276).
   Kirinti 50 px (16+16 dolgu), arac cubugu 127 px (uc satir), h1 alti 18 px.
   Bunlar da yatayda kisildi. Dokunma hedefleri korunuyor: siralama dugmeleri
   31 -> 28 px (44 px'lik dokunma alani satirin dolgusuyla saglaniyor),
   filtre panelleri hic kucultulmedi.
   ⓘ Kapsam: kural yalnizca YATAY TELEFONDA calisir; portre, tablet ve
   masaustu hicbir sekilde etkilenmez. */

@media (max-width:1079px) and (max-height:480px){

  /* 1 - ust yardimci serit: portre telefonda tema zaten gizliyor, yatayda da gizlensin */
  #formGlobal #top-bar:not(.ws-x){ display:none !important; }

  /* 2 - baslik satiri sikisir (tema 57 px'lik yuksekligi zorluyordu) */
  #formGlobal #masthead:not(.ws-x){
    height:auto !important; min-height:0 !important;
    padding-top:8px !important; padding-bottom:8px !important;
  }
  #formGlobal #masthead .header-inner:not(.ws-x){
    min-height:40px !important; height:auto !important;
  }

  /* 3 - logo: kutu genisligi SABIT, yukseklik kirpiliyor (murekkep ayni kalir) */
  #formGlobal #masthead #hb-logo:not(.ws-x),
  #formGlobal #masthead #hb-logo:not(.ws-x) > a{ width:200px !important; }
  #formGlobal #masthead #hb-logo:not(.ws-x) img{
    width:200px !important; height:36px !important; max-height:none !important;
    object-fit:cover !important; object-position:50% 50% !important;
  }

  /* 4 - kategori basligi zinciri: ilk urune inen yol kisalir */
  #formGlobal .categoryTitleText ul.breadcrumb:not(.ws-x){
    padding-top:6px !important; padding-bottom:6px !important; margin-bottom:2px !important;
  }
  #formGlobal .categoryTitleText h1.ws-cat-h1:not(.ws-x){ margin-bottom:10px !important; }
  #formGlobal #divSayfalamaUst:not(.ws-x){
    padding-top:8px !important; padding-bottom:8px !important; gap:6px !important;
  }
  #formGlobal #divSayfalamaUst .brandlistselection:not(.ws-x) .sortingButton{ height:28px !important; }
}
/* ==== PASS92-YATAYBASLIK son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS93-YATAYHESAP ==== */
/* YATAY TELEFONDA HESAP/SIPARIS SAYFALARININ DIKEY RITMI.
   Yatay tarama tamamlandi; kalan iki kusur, masaustu olcegindeki dikey
   bosluklarin 390 px'lik ekrana oldugu gibi tasinmasindan geliyordu.

   Olculdu (844x390, canli):
     · /SiparisTakip - form ekranin 309 px asagisinda basliyordu. Kirilim:
       `.hesabimBolumuTutucu` 30+30 px kenar boslugu, `.siparisTakipSayfasi`
       15+15 dolgu, `.siparisTakipBaslik` 20+20 dolgu ve **65 px alt bosluk**.
       Ziyaretci sayfayi acinca yalniz basligi goruyordu.
     · /UyeGiris - ilk girdi 277 px'te. Sebep tek basina `#divNewUyeGirisContent`
       kutusunun **90+90 px** kenar boslugu (Ticimax varsayilani).

   ⓘ lela burada olcut DEGIL: ayni sayfada lela'nin ilk girdisi **341 px**'te,
   yani bizden daha kotu - o da Ticimax varsayilanini hic ellememis. Bu yuzden
   deger lela'dan degil, ekranin kendisinden turetildi: baslik (57) + duyuru
   seridi (58) = 115 px zaten sabit; formun ilk ekranda GORUNMESI icin geriye
   kalan ~275 px'e sigmasi gerekiyor.

   Kontrol edilip TEMIZ cikanlar (degisiklik yapilmadi): statik sayfalar
   (/s-s-s ilk basligi 118 px), /Iletisim (115 px), arama sonuclari
   (ilk kart 340 px), arama kutusu (basligin hemen altinda, ortu degil),
   mobil cekmece (360x390, icerik tasmiyor, 30 bagin hepsi ekranda).
   Ayrica 740x360 ve 932x430 yatay olculeri de tarandi: baslik 57, logo
   ortali, sepet kenardan 10 px, 3 sutun, yatay tasma yok. */

@media (max-width:1079px) and (max-height:480px){

  /* 1 - uye girisi / kayit ailesi: 90+90 -> 20+20 */
  #formGlobal #divNewUyeGirisContent:not(.ws-x){
    margin-top:20px !important; margin-bottom:20px !important;
  }
  #formGlobal .uyeGirisFormDetailInputList:not(.ws-x){
    padding-top:14px !important; padding-bottom:14px !important;
  }

  /* 2 - hesabim / siparis takip ailesi */
  #formGlobal .hesabimBolumuTutucu:not(.ws-x){
    margin-top:12px !important; margin-bottom:12px !important;
  }
  #formGlobal .siparisTakipSayfasi:not(.ws-x){
    padding-top:8px !important; padding-bottom:8px !important;
  }
  #formGlobal .siparisTakipBaslik:not(.ws-x){
    padding-top:8px !important; padding-bottom:8px !important;
    margin-bottom:18px !important;
  }
}
/* ==== PASS93-YATAYHESAP son ==== */


/* ============================================================================
   BEKLEYEN YAYIN — PASS94-ERISILEBILIRLIK
   ----------------------------------------------------------------------------
   DURUM: yayinlanamadi. Ticimax panel oturumu 05.08.2026 ~11:40'ta dustu
   (/Admin/FileEditor.aspx -> /UyeGiris yonlendirmesi). Sifre girmiyorum;
   Yunus panele bir kez girdikten sonra bu blok oldugu gibi tema CSS'inin
   (ID 10007) SONUNA eklenip Kaydet -> Tasarim Ayarlari > Kaydet yapilacak.

   Blok CANLI SAYFADA ONIZLENIP OLCULDU (844x390 ve 390x844):
     · telif satiri  rgb(139,130,121) -> rgb(95,87,79)   (3.56 -> 6.69:1)
     · e-bulten placeholder                              (2.63 -> 7.15:1)
       ekran goruntusuyle de dogrulandi (once gri, sonra okunur)
     · hamburger dokunma alani  19x22 -> 27x40
     · arama dokunma alani      22x22 -> 28x40   (aralarinda 7 px bosluk,
                                                  cakisma YOK - olculdu)
     · kirinti baglari          15 -> 25 px
     · BEDEN TABLOSU            14 -> 24 px
   ========================================================================== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS94-ERISILEBILIRLIK ==== */
/* SISTEMATIK ERISILEBILIRLIK GECISI (kontrast + dokunma hedefi).
   Daha once tek tek noktalar duzeltilmisti; bu tur TUM tema programatik
   olarak tarandi: her gorunur metin ogesinin gercek zemini (saydam katmanlar
   alt alta karistirilarak) hesaplandi ve WCAG oraniyla karsilastirildi.
   Taranan: anasayfa (202 oge) · listeleme (192) · urun detay (87 masaustu /
   73 mobil) · baslik · footer · sekme cubugu · mobil cekmece.
   ⓘ Iyi haber: renk sistemi saglam cikti - 550+ olcumde yalnizca 3 kusur.

   1) FOOTER TELIF SATIRI - rgb(139,130,121) / #faf8f5 = **3.56:1** (esik 4.5).
      HER sayfada var. --ws-ink-4 (#7e746c) da yetmiyor (4.30) - bir kademe
      koyu --ws-ink-3 gerekiyor (6.69).
   2) GORSEL YER TUTUCU ETIKETI (.ws-imgph, gorseli 404 olan urun kartlarinda
      'HERTON' yazisi) - #7e746c / #f2eee8 = **3.95:1** -> --ws-ink-3 (6.13).
   3) E-BULTEN GIRDISI PLACEHOLDER - #5f574f / #16120f = **2.63:1**. Koyu blok
      uzerinde koyu gri; 'E-posta adresinizi yazin...' pratikte okunmuyordu.
      Yazilan metin beyaz (18.62) oldugu icin fark gozden kacmis.
      ⚠️ Olcum tuzagi: getComputedStyle(el,'::-webkit-input-placeholder')
      BEYAZ donuyor (dosyada eski onekli bir ID kurali var), '::placeholder'
      ise gri. Ekran goruntusuyle bakildi - boyanan GRI. Onekli eski secici
      artik eslesmiyor. Iki sorgu celisirse ekran goruntusu hakem.
      Duzeltme rgba(255,255,255,.6) = 7.15:1 - okunur ama yazilan beyaz
      metinden acikca daha silik, yani dolu deger sanilmiyor.

   DOKUNMA HEDEFI (WCAG 2.2 SC 2.5.8, en az 24x24 CSS px). 390'da olculdu:
     · hamburger 19x22 · arama 22x22 · kirinti baglari 42x15/44x15/41x15
     · BEDEN TABLOSU 105x14
   Sepet ikonu (25x32) ve favori dugmesi (56x56) ZATEN gecerli - dokunulmadi.
   Yontem: kutular BUYUTULMUYOR (piksel kaymasi olmasin diye); saydam bir
   ::after ile dokunma alani genisletiliyor. Komsu ikonlarin alanlari
   CAKISMAYACAK sekilde olculdu: hamburger 6-33, arama 41-69 (7 px bosluk).

   ⓘ ODAK HALKASI: 32 bagin 27'sinde halka DOGRULANDI. Kalan 5'te olcum
   ':focus-visible' durumuna hic girmedi (fv:false) - yani kusur KANITLANMADI,
   bu yuzden buraya kural YAZILMADI. Programatik .focus() bu durumu guvenilir
   tetiklemiyor; ilk taramada 32/32 'halka yok' cikmisti ve bu YANLIS POZITIFTI. */

/* --- kontrast --- */
/* ⚠️ SECICILER YAYIN SIMULASYONUNDA DUZELTILDI (05.08 14:45).
   Ilk yazimda ikisi de ETKISIZ kaliyordu - dosyanin sonuna eklenmis olmasina
   ragmen daha OZGUL eski kurallar kazaniyordu:
     · telif  -> `#customFooterContent > section:last-of-type ul.footerText li`
       (1 ID + 2 sinif + 3 tip) yaziyordu; benim (1,2,2) kuralim TIP sayisindan
       kaybediyordu. Cozum: ayni secici grubuyla, bir sonra yazmak.
     · .ws-imgph -> mevcut kural `:not(.Slct):not(.ws-x)` (1,3,0); benimki
       (1,2,0) idi. Ayni bicime cikarildi.
   Ikisi de yayin oncesi simulasyonda yakalandi, canlida degil. */
#customFooterContent > section:last-of-type ul.footerText,
#customFooterContent > section:last-of-type ul.footerText li,
#customFooterContent > section:last-of-type ul.footerText span{
  color: var(--ws-ink-3, #5f574f) !important;   /* #8b8279 3.56:1 -> 6.69:1 */
}
#formGlobal .ws-imgph:not(.Slct):not(.ws-x){ color: var(--ws-ink-3, #5f574f) !important; }
#formGlobal #txtbxNewsletterMail:not(.ws-x)::placeholder{
  color: rgba(255,255,255,.6) !important; opacity: 1 !important;
}

/* --- dokunma hedefi (dokunmatik/dar ekran) --- */
@media (max-width:1079px){
  #formGlobal .mobile-menu-item a:not(.ws-x),
  #formGlobal .mobile-search-item a:not(.ws-x),
  #formGlobal ul.breadcrumb a:not(.ws-x),
  #formGlobal a.fancybox:not(.ws-x){ position: relative !important; }

  #formGlobal .mobile-menu-item a:not(.ws-x)::after{
    content:'' !important; position:absolute !important;
    top:-9px; bottom:-9px; left:-4px; right:-4px;   /* 19x22 -> 27x40 */
  }
  #formGlobal .mobile-search-item a:not(.ws-x)::after{
    content:'' !important; position:absolute !important;
    top:-9px; bottom:-9px; left:-3px; right:-3px;   /* 22x22 -> 28x40 */
  }
  #formGlobal ul.breadcrumb a:not(.ws-x)::after{
    content:'' !important; position:absolute !important;
    top:-5px; bottom:-5px; left:0; right:0;         /* 15 -> 25 px */
  }
  #formGlobal a.fancybox:not(.ws-x)::after{
    content:'' !important; position:absolute !important;
    top:-5px; bottom:-5px; left:0; right:0;         /* 14 -> 24 px */
  }
}
/* ==== PASS94-ERISILEBILIRLIK son ==== */


/* ============================================================================
   BEKLEYEN YAYIN — PASS95-BOSARAMA  (CSS kismi)
   ----------------------------------------------------------------------------
   BOS ARAMA / BOS KATEGORI SAYFASI CIKMAZ SOKAKTI.
   Olculdu (canli, /arama?kelime=zzqxwv):
     · icerik alaninin TUM metni: "ARAMA SONUCU zzqxwv" - baska hicbir yazi yok
     · tek gorsel oge: `#divUrunYok > .ws-bosgorsel > img`
       (Scripts/images/urunyok/tr.png, 200x202) - "URUN BULUNMAMAKTADIR"
       yazisi GORSELIN ICINE gomulu, secilemiyor, kontrasti dusuk
     · sayfada TEK BIR BAG bile yok -> ziyaretci icin cikis yolu sifir
   Referans (lela, ayni sorgu): ayni Ticimax varsayilanini ATMIS, yerine
   gercek bir bos-durum koymus - arama ikonu + "Aramanizla eslesen bir urun
   bulamadik." (26px/700) + aciklama (16px/500, gri) + 11-12 KATEGORI CIPI
   (48px yuksek, 12px 24px dolgu, 10px aralik).
   Yapi ve oranlar lela'dan; RENK/BICIM herton dilinde (kare kose, --ws-line-2
   cerceve, Playfair baslik, Jost kucuk kapitel cip) - lela'nin pembe hapi
   kopyalanmadi.
   ⚠️ Cipler UYDURULMUYOR: baglantilar calisma aninda sitenin KENDI menusunden
   toplanir (Ticimax kategori kalibi `/ad-123`). Olculdu: masaustunde 4,
   mobilde (cekmece agaci yuklu) 28 aday bulundu, ilk 8'i gosteriliyor.
   Menuye yeni kategori eklenince bos-durum kendiliginden zenginlesir.
   Canli onizleme: 1440 ve 390'da ekran goruntusuyle dogrulandi, yatay tasma
   yok, cipler 40 px yuksek (dokunma hedefi gecerli).

   ⚠️ 05.08 15:45 — YAN ETKI DENETIMI SONRASI DUZELTME (secicilere DIKKAT)
   `#divUrunYok`, sunucudan gelen HTML'de **urunun BULUNDUGU arama sayfasinda da**
   geliyor (olculdu: /arama?kelime=jean ham HTML'inde id var; tema JS'i sonradan
   kaldiriyor). Kural dogrudan `#divUrunYok`e baglansaydi, o gecici pencerede
   sonuclu arama sayfasina 120 px'lik bos dolgu binebilirdi.
   Bu yuzden TUM PASS95 kurallari `#divUrunYok.ws-bosdurum`a baglandi.
   `ws-bosdurum` sinifini WS-PASS95 JS'i, "sayfada HIC urun karti yok" diye
   dogruladiktan SONRA ekliyor. Yani CSS tek basina hicbir sey yapmaz -
   JS onay vermeden bos-durum stili devreye girmez.
   ========================================================================== */

/* ==== WEBSIGHT WsTOR GIYDIRME · PASS95-BOSARAMA ==== */
#formGlobal #divUrunYok.ws-bosdurum:not(.ws-x){
  padding: 56px 20px 64px !important;
  text-align: center !important;
}
/* Ticimax'in yaziyi icine gomdugu gorsel gizlenir - yerine gercek metin gelir */
#formGlobal #divUrunYok.ws-bosdurum:not(.ws-x) .ws-bosgorsel{ display: none !important; }

#formGlobal .ws-bos{ max-width: 720px; margin: 0 auto; }

#formGlobal .ws-bos__ikon{
  width: 64px; height: 64px; margin: 0 auto 22px;
  border: 1px solid var(--ws-line-2, #d5cdc2); border-radius: 100px;
  display: flex; align-items: center; justify-content: center;
  color: var(--ws-ink-2, #4a423c); font-size: 22px;
}
#formGlobal .ws-bos__bas{
  font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 400;
  letter-spacing: -0.4px; color: var(--ws-ink, #16120f);
  margin: 0 0 10px; line-height: 1.25;
}
#formGlobal .ws-bos__alt{
  font-family: Jost, sans-serif; font-size: 15px; font-weight: 400;
  color: var(--ws-ink-3, #5f574f); margin: 0 0 28px; line-height: 1.5;
}
#formGlobal .ws-bos__cipler{
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
}
#formGlobal .ws-bos__cip{
  display: inline-flex; align-items: center; min-height: 40px;
  padding: 10px 18px; border: 1px solid var(--ws-line-2, #d5cdc2);
  border-radius: 0; background: #fff; color: var(--ws-ink, #16120f);
  font-family: Jost, sans-serif; font-size: 13px; letter-spacing: .08em;
  text-transform: uppercase; text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}
#formGlobal .ws-bos__cip:hover,
#formGlobal .ws-bos__cip:focus-visible{
  background: var(--ws-ink, #16120f); color: #fff;
  border-color: var(--ws-ink, #16120f);
}

@media (max-width:600px){
  #formGlobal #divUrunYok.ws-bosdurum:not(.ws-x){ padding: 40px 16px 48px !important; }
  #formGlobal .ws-bos__bas{ font-size: 22px; }
  #formGlobal .ws-bos__alt{ font-size: 14px; margin-bottom: 22px; }
  #formGlobal .ws-bos__cip{ padding: 9px 14px; font-size: 12px; }
}
/* yatay telefon: bos durum ekrani doldurmasin */
@media (max-width:1079px) and (max-height:480px){
  #formGlobal #divUrunYok.ws-bosdurum:not(.ws-x){ padding: 24px 16px 28px !important; }
  #formGlobal .ws-bos__ikon{ width: 48px; height: 48px; margin-bottom: 14px; font-size: 18px; }
}
/* ==== PASS95-BOSARAMA son ==== */


/* ===========================================================================
   BEKLEYEN YAYIN — PASS96-TABLETDIKEY
   ----------------------------------------------------------------------------
   TABLETTE TELEFON KALIBI KALMIS: ALT SEKME CUBUGU BASLIKLA AYNI SEYI YAPIYOR.
   Olculdu (canli, 768x1024 ve 1024x768 - ikisi de TAZE YUKLEMEYLE):
     · `.ws-tabbar` gorunur (grid, 58 px) + govdede 62 px yer rezervasyonu
       = kalici 120 px, ustelik geri-don dugmesi de 74 px'e itiliyor
     · AMA ayni dort islev BASLIKTA zaten var:
         hamburger 19x22 · arama 22x22 · kullanici 19x35 · sepet 25x35
       (1024'te sirasiyla x=23 / 62 / 937 / 977; logo da anasayfaya bagli)
       Yani cubuk tablette TAMAMEN tekrar.
     · lela ayni olcude sabit alt cubuk KULLANMIYOR (768'de olculdu).
   Cubuk telefonda kaliyor (<700 px) - orada baslik ikonlari kucuk ve tek elle
   erisim degerli. Tablette kaldiriliyor.

   Ayrica kategori basligi zinciri PASS92'deki yatay tedavisinin DIKEY tablet
   karsiligini almadigi icin hala masaustu olcusundeydi:
     kirinti 50 px (lela 30) · arac cubugu 127 px (lela 42) · ilk urun 415 px
     (lela 276). Kisildi -> kirinti 30 (lela ile ayni), arac cubugu 108,
     ilk urun 366.

   ⚠️ Olcum notu: 1024x768'de ilk okumada cubuk "none" gorundu - pencere
   yeniden boyutlandirildiktan SONRA okundugu icin bayat layout'tu. TAZE
   yuklemede "grid 58" cikti. (Bu tuzak LESSONS-LEARNED'de kayitli; tekrar
   isirdi, tekrar yakalandi.)

   Dokunma hedefi: siralama dugmeleri 31 -> 28 px; filtre panelleri ve
   baslik ikonlari HIC kucultulmedi.
   Kapsam: yalnizca 700-1079 px genislik. 390 portre telefonda olculdu -
   cubuk 58, govde dolgusu 62, geri-don 74, ilk urun 428: HICBIRI DEGISMEDI.
   ========================================================================== */

/* ==== WEBSIGHT WsTOR GIYDIRME · PASS96-TABLETDIKEY ==== */
@media (min-width:700px) and (max-width:1079px){

  /* 1 - tablette alt sekme cubugu: basligin tekrari, kaldiriliyor */
  .ws-tabbar:not(.ws-x){ display: none !important; }
  body:not(.ws-x){ padding-bottom: 0 !important; }
  /* ⚠️ YAYIN SIMULASYONUNDA DUZELTILDI (05.08 14:45): `.ws-gy:not(.ws-x)` (0,2,0)
     ETKISIZDI - PASS80C'nin `body.ws-fixedbuy #back-to-top:not(.ws-x)` (1,3,1)
     kurali kazaniyor ve dugmeyi calc(buybar+tabbar+16) = 157 px'te tutuyordu.
     Cubuklar kalkinca 157 px anlamsiz. Ayni bicimde ezildi. */
  #back-to-top:not(.ws-x){ bottom: 16px !important; }
  body.ws-fixedbuy #back-to-top:not(.ws-x){ bottom: 16px !important; }

  /* 2 - kategori basligi zinciri (PASS92'nin dikey tablet karsiligi) */
  #formGlobal .categoryTitleText ul.breadcrumb:not(.ws-x){
    padding-top: 6px !important; padding-bottom: 6px !important;
    margin-bottom: 2px !important;
  }
  #formGlobal .categoryTitleText h1.ws-cat-h1:not(.ws-x){ margin-bottom: 12px !important; }
  #formGlobal #divSayfalamaUst:not(.ws-x){
    padding-top: 8px !important; padding-bottom: 8px !important; gap: 6px !important;
  }
  #formGlobal #divSayfalamaUst .brandlistselection:not(.ws-x) .sortingButton{ height: 28px !important; }

  /* 3 - URUN DETAY: sabit satin alma cubugu da telefon kalibiydi.
     Olculdu (768x1024, urun 1071): `.buybutton` FIXED 768x83 + sekme cubugu 58
     -> govdede 165 px rezervasyon. Oysa sayfa ZATEN iki sutunlu ve sag sutun
     (`.RightDetail`, 319 px) `position:sticky` - yani kaydirirken de gorunur.
     lela ayni olcude satin alma dugmesini sutunun ICINDE `static` tutuyor
     (202x54) ve sabit alt cubuk kullanmiyor (olculdu).
     Cubuk akisa alininca satirlarin yeniden hesaplanmasi gerekiyor: */
  #formGlobal .productDetailContainer .buybutton:not(.ws-x){
    position: static !important; bottom: auto !important;
    box-shadow: none !important; border-top: 0 !important;
    padding: 0 !important; gap: 10px !important;
  }
  #formGlobal .buybutton .BasketBtn:not(.ws-x){
    flex: 1 1 100% !important; width: 100% !important;
    flex-wrap: wrap !important; gap: 10px !important;
  }
  #formGlobal .buybutton .BasketBtn #divBasketInputTextBox:not(.ws-x){ flex: 0 0 92px !important; }
  #formGlobal .buybutton .BasketBtn .basketBtn:not(.ws-x){ flex: 1 1 0% !important; min-width: 0 !important; }
  #formGlobal .buybutton .BasketBtn .basketBtn:not(.ws-x) input{
    width: 100% !important; padding-left: 12px !important; padding-right: 12px !important;
  }
  #formGlobal .buybutton .BasketBtn #aFavoriEkleBtn:not(.ws-x){ flex: 0 0 56px !important; }
  #formGlobal .buybutton .BasketBtn .buyfast:not(.ws-x){ flex: 1 1 100% !important; width: 100% !important; }
  #formGlobal .buybutton .BasketBtn .buyfast:not(.ws-x) input{ width: 100% !important; }
  /* ⚠️ Bu iki satir OLMADAN calismiyor: temada `.basketBtn,.buyfast{max-width:47%}`
     var; HEMEN AL 299 yerine 141 px'te kaliyor ve etiketi kirpiliyordu (148 gerekli).
     Uc ayri deneme bu tek kural yuzunden yarim kalmisti - once max-width bakilmali. */
  #formGlobal .buybutton .BasketBtn .buyfast:not(.ws-x),
  #formGlobal .buybutton .BasketBtn .basketBtn:not(.ws-x){ max-width: none !important; }
}
/* ==== PASS96-TABLETDIKEY son ==== */


/* ==== WEBSIGHT WsTOR GIYDIRME · PASS97-BASLIKTASMA ==== */
/* MENU BUYUYUNCE LOGONUN USTUNE BINIYORDU.
   Yunus'un geri bildirimi: "menu kayik, lokaldeki gibi degil". Canli ile lokal
   prototip (~/projects/ticimax-tema-wstor) yan yana olculdu (1440):
     · ust seviye menu ogesi : canli 3   · prototip 9
     · menu genisligi        : canli 320 px · prototip 636 px
     · menu ile logo arasi   : canli 240 px BOSLUK · prototipte bosluk yok
     · logo genisligi        : canli 232 px · prototip 102 px
     · baslik duzeni         : IKISI DE ayni uc sutunlu kalip
       (prototip: `.header__bar{display:grid;grid-template-columns:1fr auto 1fr}`)
   Yani "kayik" gorunmesinin sebebi TEMA DEGIL, ust seviyede yalnizca 3 kisa oge
   olmasi: sol sutun bosaliyor, logoya kadar 240 px delik kaliyor.

   AMA "panele oge ekle" tek basina COZMUYOR - deneyerek olculdu:
     · sol sutunun logoya kadar butcesi 565 px (logo 232 px oldugu icin)
     · PASS2'de sol/sag sutunlara `flex:1 1 0` + `min-width:0` yazilmisti; bu,
       sutunun icerigin ALTINA inmesine izin veriyor. Sonuc: menu buyuyunce
       logoyu ITMIYOR, USTUNE BINIYOR. Olculdu: 7 ogede -46 px, 8'de -111 px,
       9'da -206 px CAKISMA.
     · Prototipte ayni durumda grid track'i logoyu saga itiyor (logosu da bu
       yuzden tam ortada degil, 23 px sagda).

   COZUM: baslik satiri grid'e alindi ve yan sutunlara `min-width:max-content`
   verildi -> track icerigin altina inemiyor, menu buyuyunce logo SAGA ITILIYOR.
   Olculdu (1440, oge sayisi artirilarak):
     3 oge -> bosluk 245, logo ortada (sapma 1)
     4     -> 169   ·  5 -> 97   ·  6 -> 30, logo 11 px kaymaya basliyor
     7     -> bosluk 30 (logo 77 saga)   · 8 -> 30 (142)   · 9 -> 30 (237)
   Yani cakisma HICBIR sayida olusmuyor, bosluk 30 px'in altina inmiyor,
   sag ikon grubu ekranda kaliyor (9 ogede sag kenar 1393 / gorunur alan 1425)
   ve yatay tasma yok.
   ⓘ Yan fayda: logo daha once gorunur merkezden 4 px SOLDAYDI; grid'e alininca
   tam ortalandi (sapma -4 -> +1).

   Kapsam: yalnizca >=1080 px (masaustu). 1024/768/390'da kural devrede degil,
   olculerek dogrulandi. Oge sayisi PANEL isi - tema oge uretmez; bu blok yalnizca
   "oge eklenince kirilmasin" garantisini veriyor.
   ⓘ Not: oge araligi bugun 40 px. Daha cok oge sigsin istenirse 20 px'e cekilebilir
   (o zaman logo daha gec kaymaya baslar) - ama bugunku 3 ogeyle bosluk buyuyecegi
   icin bilerek DEGISTIRILMEDI. */

@media (min-width:1080px){
  header#headerNew #masthead .header-inner:not(.ws-x){
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
  }
  header#headerNew #masthead .header-inner > .flex-col.flex-left:not(.ws-x){
    order: 1 !important; flex: none !important;
    min-width: max-content !important;      /* PASS2'deki min-width:0 eziliyor */
    justify-content: flex-start !important;
  }
  header#headerNew #masthead .header-inner > .flex-col.logo:not(.ws-x){
    order: 2 !important; flex: none !important;
  }
  header#headerNew #masthead .header-inner > .flex-col.flex-right:not(.ws-x){
    order: 3 !important; flex: none !important;
    min-width: max-content !important;
    justify-content: flex-end !important;
  }
}
/* ==== PASS97-BASLIKTASMA son ==== */

/* ==================== */
/* PASS98 404 ==== */
/* Ticimax 404 sablonu KABUKSUZ basiliyor: olculdu header:0 footer:0.
   Prototipteki 404.html ile ayni dil: jenerik illustrasyon yerine
   tipografik 404, Playfair baslik, tema butonu. */
.errorPageContent{max-width:62rem;margin:0 auto;padding:clamp(3rem,9vw,7rem) 1.25rem;text-align:center}
.errorPageDiv{display:block;text-align:center}
.errorPageSvg{display:none}
.errorPageText{max-width:48ch;margin:0 auto}
.errorPageText:before{content:"404";display:block;font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(4rem,16vw,9rem);line-height:.95;color:#16120f}
.errorTitle{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;font-size:clamp(1.45rem,4vw,2.15rem)!important;line-height:1.2;color:#16120f;margin:.75rem 0 .6rem}
.errorText{font-family:"Jost",sans-serif!important;font-size:.97rem;line-height:1.65;color:#4a423c;margin:0 auto 1.9rem}
.errorBtn{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.errorBtn a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.6rem;background:#16120f;border:1px solid #16120f;border-radius:0;text-decoration:none;transition:background .25s ease,color .25s ease}
.errorBtn a span{font-family:"Jost",sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;transition:color .25s ease}
.errorBtn a:hover{background:#fff}
.errorBtn a:hover span{color:#16120f}
.errorBtn a:active{transform:scale(.97)}
/* JS PASS36 ile eklenen ikincil aksiyonlar */
.errorBtn a.ws-404alt{background:#fff}
.errorBtn a.ws-404alt span{color:#16120f}
.errorBtn a.ws-404alt:hover{background:#16120f}
.errorBtn a.ws-404alt:hover span{color:#fff}
@media(max-width:719px){.errorBtn a{width:100%}}

/* ==================== */
/* PASS99 KARTHIZA ==== */
/* Demo ile canli kart olculdu (listeleme):
   - urun adi 2 satirlik yer AYIRMIYOR -> kisa adli kart erken bitiyor,
     kartlarin fiyat satiri ayni hizada durmuyor. Demoda .card__name
     -webkit-line-clamp:2 + sabit yer.
   - fiyat 16px/700 basiliyordu; demoda .card__price-now 15px/500.
   - eski fiyat lh 11.2px ile sikismis; demoda 1.4. */
.productItem .productName a,.productItem .productName .detailUrl{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.9em;line-height:1.45}
.productItem .discountPriceSpan{font-size:15px!important;font-weight:500!important;letter-spacing:.01em}
.productItem .regularPriceSpan{font-size:13px!important;line-height:1.4!important}
/* kart govdesi asagi hizalansin: gorsel sabit, metin blogu esit yer kaplasin */
.ProductList .ItemOrj{display:flex}
.ProductList .productItem{display:flex;flex-direction:column;width:100%}
.ProductList .productItem .productDetail{display:flex;flex-direction:column;flex:1 1 auto}
.ProductList .productItem .productPrice{margin-top:auto}

/* ==================== */
/* PASS100 MENUHIZA ==== */
/* Olculdu (header-inner h=84):
     logo        MERKEZ 42
     sag ikonlar MERKEZ 42
     sol menu ul MERKEZ 20  <-- 22px yukarida, dikey ortalanmamis
   Sol menunun <ul>si header-nav icinde ustte yapisiyordu. */
header-inner header-nav > ul,
header-inner .header-nav > ul,
header-inner [class*="header-nav"] > ul{margin-block:auto;align-self:center}
header-inner [class*="flex-col"]{align-items:center}
/* menu linkleri ile logo ayni optik hizada dursun */
header-inner [class*="header-nav"] > ul > li{display:flex;align-items:center}

/* ==================== */
/* PASS101 HIZA-DUZELTME ==== */
/* (a) MENU DIKEY HIZA — PASS100 hedefi tutmadi: <ul>nin ustunde
   div.newHeaderNav var, seciciyi dogrudan-cocuk yazinca eslesmiyordu.
   Olculdu: newHeaderNav parent flex + align:normal -> 84px e strech
   oluyor, ul (40px) ustte kaliyor. Test: align-self:center -> ul merkez 42.
   logo 42, sag ikonlar 42, sol menu 20 idi -> uc grup ayni hizaya geliyor. */
header-inner .newHeaderNav{align-self:center!important}

/* (b) KART FIYATI — PASS99 tutmadi: ayni dosyada
   ".productItem .discountPriceSpan:not(.Slct):not(.ws-x)" kurali
   :not() lerle daha spesifik oldugu icin 16px/700 ile eziyordu.
   Demo karsiligi .card__price-now = 15px / 500. */
.ItemOrj .productItem .discountPriceSpan:not(.Slct):not(.ws-x){
  font-size:15px!important;font-weight:500!important;letter-spacing:.01em}
.ItemOrj .productItem .regularPriceSpan:not(.Slct):not(.ws-x){
  font-size:13px!important;line-height:1.4!important}


/* ===== CSS PASS124 - mobil duzeltmeler (2026-08-12) =====
   Ilk GERCEK mobil emulasyonlu tarama (375x812, Android UA, 5 dokunma).
   Not: Chrome eklentisinin resize_window u viewport u degistirmiyor;
   olcumler uygulama-ici tarayicinin mobil onayariyla alindi. */
@media (max-width: 768px) {

  /* 1) URUN DETAY GALERISI - turun en agir kusuru.
     Olculdu: .ws-galeri-grid 343x2678, 6 gorsel ALT ALTA dizilmis.
     Sonucu: urun adi y=2907, fiyat y=3075 -> kullanici fiyati gormek
     icin ~3000px kaydirmak zorundaydi. Mobilde yatay kaydirma + snap. */
  .ws-galeri-grid {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    gap: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .ws-galeri-grid::-webkit-scrollbar { display: none; }
  .ws-galeri-grid > * {
    flex: 0 0 86%;              /* yandakinin ucu gorunur -> kaydirilabilir oldugu belli olur */
    scroll-snap-align: center;
  }
  .ws-galeri-grid img { width: 100%; height: auto; display: block; }

  /* 2) LISTELEME - "SEPETE EKLE" katmani.
     Masaustunde hover ile acilir (PASS106). Mobilde hover YOK, dolayisiyla
     katman surekli acik kalip gorselin alt 42px ini kapatiyordu.
     Olculdu: .mycartIcon 166x42, opacity 1, absolute, bottom 0.
     Lokal demoda da mobilde bu katman yok - kart tiklanir, detayda eklenir. */
  /* DUZELTME (olculdu): ilk yazimda .productItem .mycartIcon (0,2,0) kullanildi.
     Ama PASS106 nin kurali .ItemOrj .productItem .mycartIcon (0,3,0) daha OZGUL,
     ikisi de !important oldugundan ozgul olan kazandi ve katman acik kaldi.
     Ozgulluk esitlenip sonra gelme kurali ile kazanilir hale getirildi. */
  .ItemOrj .productItem .mycartIcon,
  .productItem .productImage .mycartIcon { display: none !important; }

  /* 3) LISTELEME - filtre kutulari.
     Olculdu: STOKTAKILER 108x34 (sol 16) - KATEGORILER 164x34 (sol 132)
     - MARKA 117x34 (sol 16, alt satir): uc farkli genislik, dagınık sarma.
     Iki esit sutuna alindi. */
  .category-vertical-filters { display: flex; flex-wrap: wrap; gap: 10px; }
  /* DUZELTME (olculdu): .filterOrderInStock bir ARA div in (.tukgo) icinde,
     yani flex item degil. Gercek flex itemlar: .tukgo ve .panel */
  .category-vertical-filters > .tukgo,
  .category-vertical-filters > .panel {
    flex: 1 1 calc(50% - 5px);
    margin: 0 !important;
    min-width: 0;
  }
  .category-vertical-filters > .tukgo > a,
  .category-vertical-filters > .panel > .panel-heading {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* 4) SIRALA menusu mobilde 210px genislikte ve soldan 83px icerideydi. */
  /* DUZELTME (olculdu): select zaten %100 idi ama KABI (.wsSortSar) 210px ve
     soldan 83px iceride duruyordu; genisletilmesi gereken kaptı. */
  .wsSortSar { width: 100% !important; }
  #wsSort { width: 100% !important; }
}

/* 5) KIRINTIDA FAZLA AYRAC - her ekran boyutunda gecerli duzeltme.
   Olculdu: son <li> genisligi 0 (Ticimax mobilde iceriği gizliyor) ama
   li:after kuralimiz ayraci yine de basiyordu:
     listeleme  -> "Anasayfa /"       (kategori adi yok, ayrac var)
     urun detay -> "... / Jeans /"    (urun adi yok, ayrac var)
   Son ogeden sonra ayrac olmaz. */
/* DUZELTME: :last-of-type YETMEDI. Olculdu ki DOM daki son <li> (urun adi)
   zaten display:none - Ticimax mobilde onu gizliyor. Gorunen son oge bir
   onceki li ("Jeans") ve fazla ayrac ONUN ::after i idi.
   Cozum: ayrac ogenin ARDINA degil, ogeler ARASINA konur. Gizli li nin
   ::before i de gizli oldugu icin sonda ayrac kalmaz. */
ul.breadcrumb li::after { content: none !important; }
ul.breadcrumb li + li::before {
  content: "/";
  margin: 0 10px;
  color: #b3aaa2;
  flex: none;
  /* REGRESYON DUZELTMESI: li uzerinde font-size:0 var (Ticimax kendi ">"
     metnini boyle gizliyor). ::before bunu devralinca ayrac GORUNMEZ oldu -
     masaustunde kirinti "Anasayfa   Alt Giyim" diye ayracsiz cikti.
     Eski ::after kurali kendi font-size ini veriyordu; ::before de vermeli. */
  font-size: 12px;
  line-height: 1.6;
  font-family: Jost, sans-serif;
}


/* ===== CSS PASS126 - mobil dokunma hedefleri (WCAG 2.5.5) =====
   Gercek mobil emulasyonda (375x812) olculen hedefler:
     hamburger 19x22 - arama 22x22 - hesap 19x32 - sepet 25x32
     sepet rozeti 15x15 - favori 38x38 - sayfalama 40x40
     "TUMUNU GOR" 89x15 - filtre butonlari yukseklik 34
   Hepsi 44x44 esiginin altinda; parmakla isabet zor.
   YONTEM: gorunum HIC degismez - gorunmez bir hit-area pseudo eklenir.
   Genislik 36px: header ikon merkezleri 34px arayla (10/44 ve 306/340);
   44px verilseydi komsu ikonlarin dokunma alanlari CAKISIRDI. */
/* DUZELTME 1: header ikonlari .mobile-*-item > a DEGIL; arada .newMenuBtnClick
   gibi bir sarmalayici var -> descendant secici sart.
   DUZELTME 2: hit-area content i Ticimax in kendi kurali content:none ile
   eziyordu (olculdu: w/h 44px geldi ama content=none) -> !important. */
@media (max-width: 768px) {

  .mobile-menu-item a,
  .mobile-search-item a,
  .mobile-user-item a,
  .mobile-cart-item a,
  .productItem .favoriteslist,
  .icon-box,
  .ws-sechead__all,
  .paging a, .pagination a, .sayfalama a { position: relative; }

  .mobile-menu-item a::after,
  .mobile-search-item a::after,
  .mobile-user-item a::after,
  .mobile-cart-item a::after,

  .icon-box::after,
  .ws-sechead__all::after,
  .paging a::after, .pagination a::after, .sayfalama a::after {
    content: "" !important;
    position: absolute;
    top: 50%; left: 50%;
    width: 36px; height: 44px;
    transform: translate(-50%, -50%);
    z-index: 1;   /* olculdu: hamburgerin alani DIV.flex-col altinda kaliyordu */
  }

  /* Komsusu olmayan kare hedeflerde yatayda da 44 verilebilir */
  .paging a::after, .pagination a::after, .sayfalama a::after { width: 44px; }

  /* Metin baglantisinda yatayda kendi genisligi yeter */
  .ws-sechead__all::after { width: 100%; }

  /* Sepet sayaci rozeti (15x15) kendi basina hedef olmasin;
     dokunus altindaki sepet baglantisina gitsin. */
  .cart-item .header-cart-link > span { pointer-events: none; }

  /* Filtre butonlari 34px -> 44px (gorsel olarak da daha dengeli) */
  .category-vertical-filters > .tukgo > a,
  .category-vertical-filters > .panel > .panel-heading { min-height: 44px; }

  /* Hamburger ve arama: hit-area pseudo eklendi ama gercek isabet testinde
     16px alt nokta DIV.flex-col tarafindan yakalaniyordu (ustte kalan oge,
     z-index 1 yetmedi). Bu ikisinde alani ogenin KENDISINE veriyoruz:
     ikon dikeyde ortalanir, gorsel konum ayni kalir, hedef 44px olur. */
  .mobile-menu-item a,
  .mobile-search-item a {
    /* min-width VERILMEDI: verilince ikonlar yanal genisleyip logoyu
       ortadan kaydirdi (ekran goruntusunde yakalandi). Yatay hedefi
       zaten hit-area pseudo (36px) sagliyor; burada yalniz DIKEY gerek. */
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Favori: ::after Ticimax in .tip tooltipine ait (content:none ile eziyor),
     bu yuzden ::before kullanildi. Gorunum degismez. */
  .productItem .favoriteslist { position: relative; }
  .productItem .favoriteslist::before {
    content: "" !important;
    position: absolute;
    top: 50%; left: 50%;
    width: 44px; height: 44px;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
}


/* ===== CSS PASS128 - kurumsal sayfa tipografisi + mobil sekme seridi =====
   1) GOVDE METNI KALIN CIKIYORDU (hem masaustu hem mobil).
      Olculen zincir: div > div.centerCount > div > strong > p
      Musteri panelde metnin TAMAMINI <strong> icine yazmis; sayfada
      4 adet "strong > p" var ve hepsi 17px/600 cikiyor.
      Lokal demoda ayni metin 17px/400. HTML e DOKUNULMADAN blok metin
      normale dondurulur; gercek inline vurgu (strong > duz metin) korunur. */
strong > p, strong > div, strong > ul, strong > ol { font-weight: 400; }

@media (max-width: 768px) {
  /* 2) Yan menu mobilde dagiliyordu: 250px sabit sutun kalinca 4 baglanti
     343px e sigmayip 621px e tasiyor, her biri 3 satira bolunup 84px
     yukseklige cikiyordu. Tek satir, kaydirilabilir sekme seridine cevrildi. */
  #wsKurumsalYan {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-bottom: 1px solid #e4e0da;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }
  #wsKurumsalYan::-webkit-scrollbar { display: none; }
  #wsKurumsalYan a {
    white-space: nowrap;
    flex: 0 0 auto;
    padding: 12px 14px !important;
    font-size: 13px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  /* Aktif sayfa: PASS113 un SOL cizgisi yatay seritte yanlis duruyordu */
  #wsKurumsalYan a[aria-current="page"] {
    border-bottom-color: #16120f !important;
    color: #16120f !important;
  }
}


/* ===== CSS PASS130 - klavye odagi (WCAG 2.4.7 Focus Visible) =====
   OLCULDU: sayfada 191 odaklanabilir oge var ve 191 inin de
   outline-style i "none" - istisna sifir. Yani Tab ile gezen kullanici
   nerede oldugunu HIC goremiyordu. Form doldururken de alan atlanirken
   isaret yok.
   Lokal WsTOR temasinda bu sozlesme zaten var (12 focus kurali,
   :focus-visible dahil); birebir canliya tasindi.
   :focus-visible kullanilir -> FARE tiklamasinda cerceve CIKMAZ,
   yalniz klavye/erisim teknolojisi odaginda gorunur: tasarim etkilenmez. */
:focus-visible {
  outline: 2px solid #16120f !important;
  outline-offset: 3px;
}

/* Form alanlarinda cerceve de koyulasir (lokal .field kuralinin karsiligi) */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-offset: 1px;
  border-color: #16120f !important;
}

/* Gorsel icindeki baglantilarda cerceve ICE dogru - kartin disina tasmasin
   (olculdu: 182 kart baglantisi, 4 mozaik baglantisi) */
.productItem a:focus-visible,
#wsKampanyaKartlari a:focus-visible,
[class*="ws-mosaic"] a:focus-visible {
  outline-offset: -3px;
}

/* Koyu zeminlerde acik renk: olculdu ws-strip ve bulten parlakligi 19,
   siyah cerceve orada gorunmez kalirdi */
.ws-strip :focus-visible,
[class*="bulten"] :focus-visible,
[class*="newsletter"] :focus-visible {
  outline-color: #e8ded3 !important;
}


/* ===== CSS PASS132 - mobil menu okunabilirligi =====
   Olculdu: menu ogeleri 57px yuksek, yazi 13px/500 - kucuk ve sikisik.
   Referans mobil menulerde satirlar ~64px ve yazi 15-16px oluyor.
   Konum duzeltmesi JS PASS131 de (inline align-self ezilemedigi icin). */
@media (max-width: 768px) {
  .newHeaderNav .nav-item > a,
  .newHeaderNav li > a {
    font-size: 15px !important;
    letter-spacing: .01em !important;
    min-height: 60px;
    display: flex !important;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Ana kategoriler biraz daha belirgin */
  .newHeaderNavUl > li.nav-item > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #16120f !important;
  }
  /* Satir ayraci: liste okunakli olsun */
  .newHeaderNavUl > li.nav-item { border-bottom: 1px solid #efe9e2; }
  /* Alt kategori satirlari biraz daha sakin */
  .newHeaderNav .dropDown-wrap li > a { font-size: 14px !important; min-height: 52px; }
}


/* ===== CSS PASS133 - Kampanyalar sayfasi (banner duzeni) =====
   Sayfa: Moduller > Sayfa Yonetimi > "Kampanyalar" (adres: kampanyalar).
   Icerik CKEditor de duruyor; musteri bannerlari panelden degistirebilir.
   Bu sayfada URUN LISTESI YOK - istenen buydu. */
.ws-kmp { max-width: 1360px; margin: 0 auto; padding: 0 16px 40px; }
.ws-kmp img { display: block; width: 100%; height: auto; }
.ws-kmp a { display: block; text-decoration: none; overflow: hidden; }
.ws-kmp-ust { margin: 0 0 18px; }
.ws-kmp-ust img { transition: transform .6s ease; }
.ws-kmp-ust:hover img { transform: scale(1.02); }
.ws-kmp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.ws-kmp-kart img { transition: transform .6s ease; }
.ws-kmp-kart:hover img { transform: scale(1.03); }
.ws-kmp-yazi {
  max-width: 860px;
  margin: 40px auto 0;
  text-align: center;
}
.ws-kmp-yazi h2 {
  font-family: Playfair Display, Georgia, serif;
  font-size: 26px; font-weight: 400; color: #16120f;
  margin: 0 0 14px;
}
.ws-kmp-yazi p {
  font-size: 15px; line-height: 1.75; color: #5f574f; margin: 0 0 12px;
}
.ws-kmp-yazi a { display: inline; color: #16120f; text-decoration: underline; }
@media (max-width: 768px) {
  .ws-kmp { padding: 0 14px 30px; }
  .ws-kmp-grid { grid-template-columns: 1fr; gap: 12px; }
  .ws-kmp-ust { margin-bottom: 12px; }
  .ws-kmp-yazi { margin-top: 28px; text-align: left; }
  .ws-kmp-yazi h2 { font-size: 22px; }
}


/* ===== CSS PASS136 - listeleme kartinda beden + renk (PASS135 in gorunumu) =====
   Beden kutulari ince cerceveli, renk tek satir metin. Kart yuksekligini
   sismesin diye tek satirda tutulur; tasarsa alt satira sarar. */
.ws-vary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 9px 0 0;
}
.ws-vary-beden { display: flex; flex-wrap: wrap; gap: 4px; }
.ws-vary-beden span {
  min-width: 26px;
  height: 22px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e0da;
  font-family: Jost, sans-serif;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .02em;
  color: #5f574f;
  background: #fff;
}
.ws-vary-beden .ws-vary-fazla {
  border-color: transparent;
  color: #8a8079;
  background: transparent;
  min-width: 0;
  padding: 0 2px;
}
.ws-vary-renk {
  font-family: Jost, sans-serif;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .06em;
  color: #8a8079;
}
@media (max-width: 768px) {
  .ws-vary { gap: 5px 8px; margin-top: 7px; }
  .ws-vary-beden span { min-width: 24px; height: 20px; font-size: 10px; }
  .ws-vary-renk { font-size: 10px; }
}


/* ===== CSS PASS137 - beden/renk GORSEL USTUNDE, hover da =====
   Yunus: kart altinda surekli durunca kalabalik ve amator duruyordu.
   Masaustu: gorselin alt serifi, yalniz kart hover inda yumusak acilir.
   Mobil: hover olmadigi icin eski yerinde (kart altinda) kalir. */
@media (min-width: 769px) {
  .productItem .productImage { position: relative; }
  .ws-vary.ws-vary-ustte {
    position: absolute;
    left: 0; right: 0; bottom: 44px;
    margin: 0;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 6px 10px;
    background: rgba(255,255,255,.92);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
    z-index: 2;
  }
  .productItem:hover .ws-vary.ws-vary-ustte { opacity: 1; transform: none; }
  .ws-vary.ws-vary-ustte .ws-vary-beden span { background: #fff; border-color: #d5cdc2; }
}

/* Renk: duz metin yerine kucuk renk carki + sayi */
.ws-vary-renk::before {
  content: "";
  display: inline-block;
  width: 12px; height: 12px;
  margin-right: 6px;
  vertical-align: -2px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12);
  background: conic-gradient(#b5544a, #c9954a, #8a9a72, #5f7f9c, #9c6f8a, #b5544a);
}


/* ===== CSS PASS138 - Kampanyalar sayfasi genisletildi =====
   OLCULDU: sayfa 840px e sikismisti; kok neden Ticimax in icerik kabi
   #divCenterBlock.centerCount { max-width: 840px }. Bannerlar bu yuzden
   kucuk ve sayfa "sikisik" goruniyordu (Yunus: rakibinki cok daha iyi).
   :has() ile YALNIZ kampanya sayfasindaki kap genisletilir; diger icerik
   sayfalari (Hakkimizda, Sozlesmeler) 840px olarak kalir - metin genisligi. */
#divCenterBlock:has(.ws-kmp),
#mainHolder_divBlocks:has(.ws-kmp) > div:has(.ws-kmp) {
  max-width: 1400px !important;
  width: 100% !important;
}
.ws-kmp { max-width: 1400px; padding: 0 0 48px; }
.ws-kmp-ust { margin-bottom: 22px; }
.ws-kmp-grid { gap: 22px; }
.ws-kmp-yazi { margin-top: 48px; }
@media (max-width: 768px) {
  .ws-kmp { padding: 0 14px 30px; }
  .ws-kmp-grid { gap: 12px; }
  .ws-kmp-ust { margin-bottom: 12px; }
}


/* ===== CSS PASS139 - kampanya banner oranlari =====
   Genislik 1400 e cikinca 21:9 ust banner ~600px yukseklige ulasip
   ekrani kapatiyordu. Referans kampanya sayfalarinda ust banner ince
   bir serit (yaklasik 6:1). Gorsel kirpilarak seride cevrilir. */
.ws-kmp-ust img {
  height: 240px;
  object-fit: cover;
  object-position: center 45%;
}
.ws-kmp-kart img {
  height: 340px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 900px) {
  .ws-kmp-ust img { height: 170px; }
  .ws-kmp-kart img { height: 240px; }
}
@media (max-width: 560px) {
  .ws-kmp-ust img { height: 130px; }
  .ws-kmp-kart img { height: 190px; }
}


/* ===== CSS PASS140 - beden/renk NAIF gorunum =====
   Yunus: "bizde cok baskin, rakipte naif kaliyor". Onceki hal kutu
   cerceveli + opak beyaz serit idi; gorseli eziyordu.
   Yeni: cerceve YOK, serit yok - alttan cok hafif beyaz gecis;
   bedenler aralikli duz yazi, renk sagda kucuk yuvarlak rozet. */
@media (min-width: 769px) {
  .ws-vary.ws-vary-ustte {
    /* OLCULDU: SEPETE EKLE seridi tam 44px ve gorselin alt kenarina yapisik.
       48px verilince arada 4px kopukluk kaliyordu -> 44px ile tam oturur. */
    bottom: 44px;
    padding: 26px 12px 9px;
    background: linear-gradient(to top, rgba(255,255,255,.86), rgba(255,255,255,0));
    gap: 0;
  }
  /* bedenler: kutu degil, aralikli yazi */
  .ws-vary.ws-vary-ustte .ws-vary-beden { gap: 12px; }
  .ws-vary.ws-vary-ustte .ws-vary-beden span {
    border: 0 !important;
    background: transparent !important;
    min-width: 0;
    height: auto;
    padding: 0;
    font-size: 12px;
    letter-spacing: .08em;
    color: #2a231d;
  }
  .ws-vary.ws-vary-ustte .ws-vary-fazla {
    color: #6b625a !important;
    letter-spacing: .04em !important;
    margin-left: 4px;
  }
  /* renk: saga yasli kucuk yuvarlak rozet (cark + sayi) */
  .ws-vary.ws-vary-ustte .ws-vary-renk {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px 4px 7px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    font-size: 11px;
    letter-spacing: 0;
    color: #2a231d;
  }
  .ws-vary.ws-vary-ustte .ws-vary-renk::before {
    width: 14px; height: 14px; margin: 0; vertical-align: 0;
  }
}


/* ===== CSS PASS141 - varyasyon seridi tasma korumasi =====
   Yunus: cok bedenli urunde "+4 Beden" etiketi renk rozetinin uzerine
   biniyordu. Beden sayisi 4 e indirildi (JS), burada da yapisal koruma:
   bedenler tek satirda kalir ve tasarsa kirpilir, rozet asla ezilmez. */
@media (min-width: 769px) {
  .ws-vary.ws-vary-ustte { flex-wrap: nowrap; }
  .ws-vary.ws-vary-ustte .ws-vary-beden {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 11px;
  }
  .ws-vary.ws-vary-ustte .ws-vary-beden span { flex: none; white-space: nowrap; }
  /* rozet hicbir kosulda kucultulmez / ezilmez */
  .ws-vary.ws-vary-ustte .ws-vary-renk {
    flex: none;
    margin-left: 10px;
  }
}


/* ===== CSS PASS142 - mobil menu ac/kapa ikonunun kaymasi =====
   OLCULDU: alt menu acilinca li.nav-item 56px -> 355px uzuyor; +/- ikonu
   position:static oldugu icin akista kalip alt menunun ORTASINA dusuyordu
   (ikon ust=232, olmasi gereken ~62 — baslik satirinin hizasi).
   Kullanici menuyu kapatmak icin yanlis yere basiyordu.
   Ikon baslik satirina sabitlenir. */
@media (max-width: 768px) {
  .newHeaderNav li.nav-item { position: relative; }
  /* DUZELTME: ikon li nin DOGRUDAN cocugu degil; gercek zincir
     li.nav-item > div.dropDownNextBtn > i.fal  (olculdu). Konumlandirilmasi
     gereken kutu dropDownNextBtn in kendisi. */
  .newHeaderNav li.nav-item > .dropDownNextBtn {
    position: absolute;
    top: 6px;
    right: 8px;
    margin: 0;
    z-index: 2;
    /* SABIT 44x44: onceki halde kutu 170x354 e buyuyup alt menunun ustunu
       kapatiyordu (alt kategorilere tiklanamiyordu). */
    /* !important sart: tema kurali yuksekligi li ye esitliyordu (44x354
       olcusuyle alt kategorilerin ustunu kapatiyordu). */
    /* li bir FLEX kabi; absolute cocuk align-self:stretch ile 354px e
       uzuyordu (olculdu). stretch kesilmeden yukseklik sabitlenemiyor. */
    align-self: flex-start !important;
    bottom: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;   /* align-self:flex-start sonrasi icerige dusuyordu (15px) */
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}


/* ===== PASS143 - mobil menude alt kategorilerin alt bolumun arkasinda kalmasi
   OLCULDU: Ust Giyim acilinca 13 alt kategoriden 2 si tiklanamiyordu;
   ustlerinde .ws-drawer-x (SSS / Bize Ulasin) cikiyordu. Panel flex column
   ve liste sikistigi icin son satirlar alt bolumun arkasina giriyordu.
   Ogeler kisalmasin, tasarsa panel kaydirilsin. */
@media (max-width: 768px) {
  .newHeaderNav > ul,
  .newHeaderNav .newHeaderNavUl { flex: 0 0 auto !important; }
  .newHeaderNav .ws-drawer-x { flex: 0 0 auto !important; margin-top: 8px; }
  /* Yigin sirasi: menu listesi HER ZAMAN alt bolumun ustunde kalmali.
     (Olculdu: "Gomlek" ve "Alt-Ust Takim" .ws-drawer-x in arkasinda kaliyordu.) */
  /* Yigin sirasi: menu listesi HER ZAMAN alt bolumun ustunde kalmali.
     (Olculdu: "Gomlek" ve "Alt-Ust Takim" .ws-drawer-x in arkasinda kaliyordu.) */
  .newHeaderNav li.nav-item .dropDown-wrap { position: relative; z-index: 1; }
  .newHeaderNav > ul,
  .newHeaderNav .newHeaderNavUl { position: relative; z-index: 3; background: #fff; }
  .newHeaderNav .ws-drawer-x { position: relative; z-index: 0; }
  .newHeaderNav > ul,
  .newHeaderNav .newHeaderNavUl { position: relative; z-index: 3; background: #fff; }
  .newHeaderNav .ws-drawer-x { position: relative; z-index: 0; }
}


/* ===== CSS PASS145 - kalan kalite maddeleri =====
   (1) Favori dokunma alani, (2) 10px fontlar, (3) 0-sonuc cipleri. */

/* 1) FAVORI 38x38 -> dokunma alani 44x44, GORUNUM DEGISMEZ.
      ::before/::after Ticimax tarafindan content:none ile kapatildigi icin
      (olculdu) pseudo hit-area kullanilamiyor; padding+negatif margin ile
      kutu buyutulur, dairenin kendisi ayni kalir. */
/* DUZELTME: padding+negatif margin ters teptigi olculdu (dis kutu 38 kaldi,
   daire 38 -> 32 kuculdu). Dogrusu: kap 44 olur, daire 38 de kalir, ortalanir. */
.productItem .favori {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.productItem .favori .favoriteslist {
  width: 38px !important;
  height: 38px !important;
}

/* Kalan 10px metinler (olculdu): alt gezinme cubugu etiketleri ve indirim rozeti */
@media (max-width: 768px) {
  /* Gercek zincirler olculdu:
       %17 rozeti: div.productIcon > div.discountIcon.tip > span.discountIcon_s1
       alt cubuk: li > a > span   (ws-tabbar icinde)
     Onceki secici yeterince ozgul degildi, tutmadi. */
  .productItem .productIcon .discountIcon .discountIcon_s1,
  .productItem .discountIcon .discountIcon_s1 { font-size: 11px !important; }
  .ws-tabbar li a span, .ws-tabbar a span, .ws-tabbar span { font-size: 11px !important; }
}

/* 2) MOBIL OKUNABILIRLIK: 10px metinler 11px e cikarilir.
      Olculdu: guven seridi (b) x10, beden kutulari x8, indirim rozeti x4. */
@media (max-width: 768px) {
  .ws-strip b, .ws-strip span,
  .discountIcon, .discountIcon_s1,
  .ws-vary-beden span,
  .ws-vary-renk { font-size: 11px !important; }
  /* eyebrow lar 11 -> 11.5: buyuk harf + genis aralik oldugu icin
     kucuk gorunuyor, yarim punto fark ediliyor */
  .ws-eyebrow, .ws-sechead__eyebrow, .ws-gs__ust, .ws-mosaic__count {
    font-size: 11.5px !important;
  }
}

/* 3) 0-SONUC KATEGORI CIPLERI: mobilde 58-140px arasi degisen genislikler
      3 satira dagilip ortalanarak dagınık duruyordu (olculdu). Iki esit sutun. */
@media (max-width: 560px) {
  .ws-bos__cipler {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
  }
  .ws-bos__cipler a {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

/* 4) Icerige atla baglantisi (JS PASS146 ile eklenir) */
.ws-atla {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  background: #16120f;
  color: #fff;
  padding: 12px 18px;
  font-family: Jost, sans-serif;
  font-size: 13px;
  letter-spacing: .06em;
  text-decoration: none;
}
.ws-atla:focus {
  left: 12px;
  top: 12px;
}