@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
:root {--theme-color: #E74D2F;}
*{outline: 0;-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;}
/*reset Css*/
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html {max-width: 100%;margin: 0 auto; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;  }
body { font-family: 'Nunito Sans', sans-serif; margin: 0; padding: 0;font-size:0.8rem; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;-webkit-appearance:none;margin:0}
label { display: inline-block; margin-bottom:0; }
input, button, select, textarea { line-height: inherit; }
img {display:block; border: none; max-width: 100%; }
i{font-style: normal;}
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none;color: #666;transition:background .1s ease-in-out,color .1s ease-in-out;}
a:active, a:hover { outline-width: 0; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
select, input { font-family: 'Nunito Sans', 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; }
textarea { resize: vertical;overflow: auto;  }
#divAdminPopupText{float: left;width: 100%;}
.ProductList ul{margin: 0;padding: 0;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul{margin: 0;padding: 0;list-style: none;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
/*colgrid*/
.pull-center{display: inline-block;vertical-align:top;}
.pull-left{float:left;}
.pull-right{float:right;}
.row {margin-right: -15px; margin-left: -15px;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{padding-right: 15px; padding-left: 15px;  position: relative; width: 100%; min-height: 1px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before {content: "\f39e"!important;}
.hesabimBolumuTutucu i{vertical-align: middle;font-weight: 300;}
.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: 'Nunito Sans', sans-serif; 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: 'Nunito Sans', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
.button {font-family: 'Nunito Sans', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none;  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;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;}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header{margin-bottom: 50px;}
.Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);}
.Magazalar #searchStore{width: 25%;margin:0;}
.Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);}
.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;}
/*------------------------------------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;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;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;width: 100%;border-style: solid; border-width: 1px;}
.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;border-style: solid; border-width: 1px;}
.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;}
/*------------------------------------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;line-height: 1;}
.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 {float:left;width: 100%;margin: 30px 0;}
.userContainer .userDivLeft,
.userContainer .userDivRight{padding: 0;}
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv{float: left;width: 100%;margin: 10px 0 0;}
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label{width: 93%;float: right;}
.userContainer #chkSozlesme+label {width: 93%;float: right;}
.userContainer .userLeftBox, .userContainer .userRightBox{width: 100%;float: left;margin: 0;padding:25px;}
.userContainer .userLoginBtn, .userContainer .userSignBtn{float: left;width: 100%;}
.userContainer .uyeGirisBeniHatirla{margin: 20px 0;}
.userContainer .uyeGirisBeniHatirla input,.userContainer .uyeGirisBeniHatirla span{float: left;}
.userContainer .uyeGirisBeniHatirla input{width:16px;height:16px;margin-right:10px;}
.userContainer .userPassBtn{margin: 20px 0;}
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; }
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;}
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin{float: left;width: 100%;text-align:center;margin: 50px 0;}
.userLogin .newuserForm .uyelikonay.basariliUyelik{display: inline-block;vertical-align:top;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title{color: #000;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before{content: '\f00c';font-family: 'FontAwesome';display: block;font-size: 40px;color:#097d2d;font-weight:bold;margin-bottom: 10px;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4{font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span{font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a{padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer{float: left;width: 100%;margin-top: 10px;}
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
/*Header-Footer*/
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; clear: none; display: block !important; }
/*sepetacilir*/
.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; height: 90px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .SepetTopAdet { }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 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; border: 1px solid #ccc; background: transparent; color: #000; }
.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;}
/*socialbutton*/
.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; }
/*yukaribtn*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;}
#back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: #000;fill: #fff; 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;}
#back-to-top a svg{height: 25px;}
/* ------------------------------------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; }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;}
.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: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
/*urun*/
.productItem { width: 100%; position: relative; text-align: center;display: inline-block;float: left;border: 1px solid #E2E2E2;padding: 15px;transition: .5s;}
.productItem:hover {border-color: #000; }
.productItem .productIcon {width:100%;float: left;}
/*urunresim*/
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;}
.productItem .productImage a, body .productItem .productImage a.Videolu{ display: block; position: relative;padding-bottom: 100%;}
.productItem .productImage img, .productItem .productImage .Videolu video {  position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;transition: 1s!important;transform: translateY(30px)!important; visibility: hidden;opacity: 0;max-height: 100%!important;}
.productItem .productImage img.loaded, .productItem .productImage .Videolu video.loaded,.productItem .productImage img.owl-lazy{transform: translateY(0)!important;visibility: visible;opacity: 1;}
.productItem .productImage .owl-item.active img,.productItem .productImage .owl-item.active .Videolu video{transform: translateY(0)!important;visibility: visible;opacity: 1;}
/*urunaciklama*/
.productItem .productDetail { display: block; float: left; width: 100%; text-align: left;padding:0;margin-top: 30px;}
/*urunad*/
.productItem .productName { position: relative;margin:0 0 15px;float:left;width: 100%;}
.productItem .productName a { float: left; width: 100%; padding: 0; line-height:20px;height:20px; font-weight: 400; font-size: 14px; color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;/*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/}
/*urunfiyat*/
.productItem .productPrice { display:inline-block; vertical-align: top; position: relative; margin:0 0 14px; bottom: 0;}
.productItem .discountPrice {display: block;float: right;}
.productItem .discountPrice span {color: #000;font-size: 16px;line-height: 19px;font-weight:600;}
.productItem .IndirimVar .discountPrice span{}
.productItem .discountKdv, .productItem .regularKdv  {display:none;}
.productItem .regularPrice {display:block !important;float: left;margin-right: 10px;}
.productItem .regularPrice span {font-size: 14px;color: #7E7E7E;-moz-text-decoration-color: #7E7E7E;text-decoration-color: #7E7E7E;line-height: 19px;font-weight:normal;text-decoration: line-through;}
/*urunpuan*/
.productItem .productPoints{float: left;width: 100%;clear: none;margin-bottom: 5px;}
.productItem .productPoints .rating{margin: 0;}
.productItem .productPoints .rating i{color: #cacaca;font-size: 17px;margin-right: 1px;}
.productItem .productPoints .rating i:last-child{margin-right: 0;}
.productItem .productPoints [data-rating^='1'] .star-1 { color: #D9B915; }
.productItem .productPoints [data-rating^='1,5'] .star-2,
.productItem .productPoints [data-rating^='1.5'] .star-2,
.productItem .productPoints [data-rating^='1,6'] .star-2,
.productItem .productPoints [data-rating^='1.6'] .star-2,
.productItem .productPoints [data-rating^='1,7'] .star-2,
.productItem .productPoints [data-rating^='1.7'] .star-2,
.productItem .productPoints [data-rating^='1,8'] .star-2,
.productItem .productPoints [data-rating^='1.8'] .star-2,
.productItem .productPoints [data-rating^='1,9'] .star-2,
.productItem .productPoints [data-rating^='1.9'] .star-2 { color: #D9B915; }
.productItem .productPoints [data-rating^='2'] .star-1 { color: #D9B915; }
.productItem .productPoints [data-rating^='2'] .star-2 { color: #D9B915; }
.productItem .productPoints [data-rating*='2,5'] .star-3,
.productItem .productPoints [data-rating*='2.5'] .star-3,
.productItem .productPoints [data-rating*='2,6'] .star-3,
.productItem .productPoints [data-rating*='2.6'] .star-3,
.productItem .productPoints [data-rating*='2,7'] .star-3,
.productItem .productPoints [data-rating*='2.7'] .star-3,
.productItem .productPoints [data-rating*='2,8'] .star-3,
.productItem .productPoints [data-rating*='2.8'] .star-3,
.productItem .productPoints [data-rating*='2,9'] .star-3,
.productItem .productPoints [data-rating*='2.9'] .star-3 { color: #D9B915; }
.productItem .productPoints [data-rating^='3'] .star-1 { color: #D9B915; }
.productItem .productPoints [data-rating^='3'] .star-2 { color: #D9B915; }
.productItem .productPoints [data-rating^='3'] .star-3 { color: #D9B915; }
.productItem .productPoints [data-rating^='3,5'] .star-4,
.productItem .productPoints [data-rating^='3.5'] .star-4,
.productItem .productPoints [data-rating^='3,6'] .star-4,
.productItem .productPoints [data-rating^='3.6'] .star-4,
.productItem .productPoints [data-rating^='3,7'] .star-4,
.productItem .productPoints [data-rating^='3.7'] .star-4,
.productItem .productPoints [data-rating^='3,8'] .star-4,
.productItem .productPoints [data-rating^='3.8'] .star-4,
.productItem .productPoints [data-rating^='3,9'] .star-4,
.productItem .productPoints [data-rating^='3.9'] .star-4 { color: #D9B915; }
.productItem .productPoints [data-rating^='4'] .star-1 { color: #D9B915; }
.productItem .productPoints [data-rating^='4'] .star-2 { color: #D9B915; }
.productItem .productPoints [data-rating^='4'] .star-3 { color: #D9B915; }
.productItem .productPoints [data-rating^='4'] .star-4 { color: #D9B915; }
.productItem .productPoints [data-rating^='4,5'] .star-5,
.productItem .productPoints [data-rating^='4.5'] .star-5,
.productItem .productPoints [data-rating^='4,6'] .star-5,
.productItem .productPoints [data-rating^='4.6'] .star-5,
.productItem .productPoints [data-rating^='4,7'] .star-5,
.productItem .productPoints [data-rating^='4.7'] .star-5,
.productItem .productPoints [data-rating^='4,8'] .star-5,
.productItem .productPoints [data-rating^='4.8'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5 { color: #D9B915 }
.productItem .productPoints [data-rating="5"] i { color: #D9B915; }
/*Urun Iconlari*/
.favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon{ z-index: 3; display: none;}
.discountIcon span{font-weight: normal;}
.favori a, .examineIcon a, .mycartIcon a {display: block;}
/*tukendi*/
.TukendiIco { z-index: 5;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;}
.TukendiIco span {line-height: 40px;background:rgba(255,255,255,0.8);position: absolute;left: 0;bottom: 50%;right: 0;max-width: 200px; border:none;color: #000;font-size: 13px;font-weight: normal;padding: 0;border-radius: 0;text-transform:uppercase;margin: 0 auto;}
/*stokyok*/
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; }
/*playbuton*/
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';}
/*ekbutonlar*/
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;}
/*******************************************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; }
/*kategoriAciklama*/
.categorydesign {float: left;width: 100%;max-height: 90px;overflow-y: auto;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign *{}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img {display:inline-block;vertical-align:middle;}
/*breadcrumb*/
.breadList.breadActive{display: none!important;}
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto;display: flex!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;flex-wrap: wrap;}
body ul.breadcrumb * {color: #5A5A5A;font-size: 13px!important;line-height: 30px!important;float: left;font-weight: 400;}
body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;}
body ul.breadcrumb li:after {content: '\f105';font-family: 'FontAwesome';display: inline-block;margin: 0 5px;color: #5A5A5A;font-size: 12px;line-height: 30px;float: left;font-weight:normal;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body ul.breadcrumb li:nth-last-of-type(1) a span{/* font-weight: bold; */}
body ul.breadcrumb li a:hover span{color: #000;}
body a#linkOncekiSayfa {line-height: 30px ; display: none ; color: #000 ; font-size: 12px!important; font-weight: normal;}
.leftImage a#linkOncekiSayfa {display: none;}
/*ustalan*/
.categoryTitleText {float: left;width: 100%;margin: 10px 0;}
.categoryTitle { float: left; width: 100%;}
body #divSayfalamaUst { float: right; margin:0 0 15px;padding:0;text-align: center;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;}
.brandlistselection .clear { clear: none;display: none; }
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.brandlistselection .sortingContent{background:#fff;float: right;}
.brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;padding: 0}
.blockSelect .sort_hrz{display: none!important;}
.blockSelect .sort_2{display: none!important;}
.blockSelect .sort_5{display: none!important;}
.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;}
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;}
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 0px;padding:0; width: auto;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;}
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: 7px;font-weight:normal;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;}
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;font-size: 12px;text-align:center;margin: 0;width: 100%;}
/*sayfalama*/
.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:center;margin:50px 0;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {min-width:34px;height:34px;line-height:34px;font-size:15px;font-weight:bold;color: #000;background:#fff;border-radius:0;border:none;float:left; position: relative;display: block;text-align:center;margin: 0 5px;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: #333333;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: #333333;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/*******************************************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:55%; float: left; position: relative;padding:0;opacity: 0;visibility: hidden;}
.RightDetail { width:45%; float: left; position: relative;padding: 0 0 0 60px;opacity: 0;visibility: hidden;}
.TopDet .leftImage,.TopDet .RightDetail{visibility: visible;opacity: 1;}
/*Urun Resim*/
body .leftImage .ProductGallery {float: left;width: 100%;}
body .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;}
body .leftImage .ProductGallery .gallery-container .GalleryArea {float: right;width:calc(100% - 140px);margin: 0;padding: 0;}
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width: 130px;border: none;background:transparent;height: 100%;display: block;}
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {float: left;width: 100%;padding: 0;margin: 0;overflow-y: auto;overflow-x: hidden;max-height: 100%;}
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;clear: left;width: 120px;margin-bottom:20px;}
body .leftImage .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item.active::before {border: 1px solid var(--theme-color); }
body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images,#divVideoGoruntulemeAlan { float: right; width:calc(100% - 140px);}
.Images {border: 1px solid #DFDFDF; }
.Images img,#vdUrunVideo { }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: block !important;float: left;width: 130px;position:absolute;top: 0;left: 0;bottom: 0;max-height: 100%;overflow-y:auto;overflow-x: hidden;}
.SmallImages div {float: left;width:120px;margin-bottom: 20px;}
.SmallImages div img {max-width: 100%;max-height: 100%;border: 1px solid #DFDFDF;}
.SmallImages div.active img,.SmallImages div:hover img{border-color: var(--theme-color)}

.leftImage .productTimer{display: none!important;}
.DetayYeniUrun {display:none!important;}
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; position: relative;}
.RightDetail .MiddleList { float: left; width:100%; position: relative;}
.RightDetail .BottomList { float: left; width:100%; position: relative;}
/*urunadi*/
.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: #000;font-size: 30px;font-weight: bold;}
/*stokkodu*/
#divUrunKodu {float:left;clear:left;color: #959595;font-size: 14px;font-weight: normal;line-height: 19px;padding: 0;margin: 5px 0 0;}
#divUrunKodu span{display:inline-block;vertical-align:top;color: #959595;font-size: 14px;font-weight: normal;position: relative;line-height: 19px;float: left;}
#divUrunKodu span:after{content: ':';margin: 0 4px;}
/*taksitaciklama*/
#divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;}
#divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;}
/*paunver*/
.RightDetail .puanVer {float:left;clear: left;}
.RightDetail #PuanVer{float: left;margin-top:10px;}
.RightDetail .PuanVerSag {float: left;color: #000;font-size: 14px;line-height: 15px;margin: 10px 0 0 5px;}
.RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; }
.RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 2px 0 0;font-size: 0;}
.RightDetail ul.rating li i.starItem { font-size: 15px; line-height:15px;height: auto;font-weight: 300;font-family:'FontAwesome';position:static;}
.RightDetail ul.rating li i.starItem:before { content: '\f005';}
.RightDetail ul.rating li i.starItem:hover { font-size: 15px; font-weight: 600;}
.RightDetail ul.rating li.filled i {  font-weight: 600;}
.RightDetail .rating-stars ul>li.star.hover>i.fa{font-weight:600;}
.RightDetail .rating-stars ul>li.star.selected>i.fa{font-weight:600;}
.RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa,
.RightDetail .rating-stars ul>li.star.selected>i.fa{color: #D9B915;}
/*markaresmi*/
.markaresmi { float: left;position: relative; z-index: 1; display: none!important;}
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%;float: left;}
/*magazastok*/
#divMagazaStok{float:left;clear:left; margin:10px 0 0!important;}
#divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
/*on yazi*/
#divOnyazi {float:left;width: 100%;}
#divOnyazi .teksatir{margin-top: 10px;float: left;width: 100%;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'Nunito Sans', 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: 30px 0 0;}
#pnlFiyatlar { display: flex; vertical-align: top;float:left;align-items: center;}
#divIndirimliFiyat {display: block;}
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
#divIndirimOrani{ float:left;clear:left;margin-top:10px;line-height:14px;}
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
#divIndirimOrani .left_line{display: inline-block;vertical-align:top;color: #000;font-size: 14px;font-weight:normal;line-height: 19px;}
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line,
#divIndirimOrani .center_line{display: inline-block;vertical-align:top;color: #000;font-size: 14px;font-weight:normal;line-height: 19px;}
#divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani,
#divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top;color: #000;font-size: 14px;font-weight:normal;line-height: 19px;width: auto;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;/* float: left; */}
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;}
.PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through;}
.PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;}
/*indirimli fiyati*/
.IndirimliFiyatContent {display: block;float: left;}
.IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;}
.IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; }
.IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block;}
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;}
#divTurkLirasiFiyat .right_line { display: inline-block;}
#divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat {display: block;}
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;}
#divIndirimsizFiyat .right_line { display: inline-block;font-weight: normal; }
#divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;}
#divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;}
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block;float: left;margin-top: 8px;}
#divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;}
#divKDVDahilFiyat .center_line { display: none;}
#divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
/*fiyatrenk*/
.PiyasafiyatiContent .right_line *{color: #808080;font-size: 16px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line{color: #000;}
#divIndirimliFiyat .IndirimliFiyatContent .right_line *{color: #000000;line-height: 32px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *{font-size: 24px;font-weight: bold;}
#divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line,.IndirimliFiyatContent,.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,.PiyasafiyatiContent .right_line *,#divTurkLirasiFiyat ,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat,#divKDVDahilFiyat {line-height: 22px;}
/*Stok yok*/
body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 14px;color: #000;font-weight: normal;text-align: center;padding: 5% 0;background-color: #f2f5f6;border-radius: 0;}
body #divStokYok:before{content: '\f057';font-family:'FontAwesome';font-weight:300;width: 100%;float: left;font-size: 30px;margin-bottom: 20px;}
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left;clear:left;margin-top: 10px;}
#divEkstraBilgiler img { max-width: 100%;display:block;}
.btnnostok i.fa{font-family: 'FontAwesome';}
/*varyasyonlar*/
#divUrunEkSecenek { float: left;width: 100%;position: relative;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin: 0 0 15px;float: left;width: 100%;}
#divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;border: none;padding-bottom: 0;}
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: 40px;color: #000;font-size: 16px;font-weight: 500;}
#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: #000;font-weight: normal;margin-right: 10px;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}
/*selectvaryasyon*/
#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 #000;color: #000;font-size: 14px;font-weight: normal;padding: 0 10px;background: #fff;border-radius: 5px;}
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 40px;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{border-radius: 5px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected img {border: 1px solid #000; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{}
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 50px;height: 40px;line-height: 39px;text-align:center;border: 1px solid #000000;border-radius: 5px;padding: 0 4px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {color: #fff;background: #000;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff;background: #000;}
/*stokyokvaryasyon*/
#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);-webkit-transform:rotate(140deg);}
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%;}
#IlgiliUrunDiv #divIlgiliUrunler {}
.TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;padding: 0;}
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold{padding: 0;margin: 0;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin: 0;border: none;font-size: 13px;line-height: 40px;font-weight: normal;color: #000;}
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;margin-bottom: 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 {}
.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; }
body #productDetailRelated{padding:27.5px 0 0;}
body #productDetailRelated .JKatAdi{margin:0 0 10px!important;}
body #productDetailRelated .JKatAdi .bold{text-align: left;margin-bottom: 0 !important;}
body #productDetailRelated .JKatAdi .bold .satir1{font-size:16px;font-weight:600;color:#000;line-height:19px;}
body #productDetailRelated>a{width:70px;padding:0;margin:0 10px 10px 0;position:relative;}
body #productDetailRelated>a img{border:none;}
body #productDetailRelated>a:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid transparent;transition:.3s;}
body #productDetailRelated>a:hover:after{border-color:#000;}
body #productDetailRelated>a.active:after{border-color:#000;}
/*satinal*/
#divSatinAl {float: left;width: 100%;margin: 30px 0 10px;padding: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
#divAdetCombo .right_line,.RightDetail .riSingle{width: 150px;}
#txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input,
.buyfast input{height: 50px!important;}
.Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown{line-height: 40px;}
/*Adet Select*/
#divAdetCombo { display: block!important;position:relative;float: left;clear: left;}
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left;max-width: 100%!important;}
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;}
/*Adet input*/
.RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;}
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown {width: 40px !important;font-size: 0;background:transparent;top:0;font-weight: normal;position: absolute;margin: 0 !important;float: left;cursor: pointer;text-indent: 0;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;}
.RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 14px;}
.RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #707070;}
.RightDetail .riSingle a.riUp {left:auto;right:0;border-left: 1px solid #D8D8D8;}
.RightDetail .riSingle a.riDown {left:0;border-right: 1px solid #D8D8D8;}
/*adetveselect*/
.Basketinp { display: block;position: relative;float: left;clear: left;}
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: normal;margin:0;float: left;clear:left;line-height: 40px;}
#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 {background: #fff;color: #000;border: 1px solid #D8D8D8;font-size: 16px;font-weight: 500;float: left;margin: 0;border-radius: 5px;}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn ,
.buyfast { float: left;margin: 0 0 0 10px;}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {color: #fff;font-weight: bold;font-size:16px;width:100%;display: inline-block;vertical-align:top;padding: 0;letter-spacing:0;border:none;border-radius: 5px;/* text-transform:uppercase; */-moz-appearance: none;/* -webkit-appearance: none; */}
.basketBtn{width: calc(100% - 160px);}
/*Hemen Al*/
.buyfast {width: 100%;margin:20px 0 0 0;display: none;}
.buyfast input {}
/*kombin Al*/
#divKombinSatinAl {margin: 20px 0 0 0;width: 100%;}
#divKombinSatinAl a{font-size: 14px;margin: 0!important;}
/*Iconlar*/
.ProductIcon {float: left; width: 100%; display: flex; justify-content: flex-start; column-gap: 40px; flex-wrap: wrap; margin-top: 10px;}
.ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;}
.ProductIcon .box1 i {display: none;}
.ProductIcon .boxIcon {fill:#000;width: auto;height:50px;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;}
.ProductIcon .boxIcon svg{height:22px;}
.ProductIcon > div{float: left;position: relative;margin:0;width:auto;}
.ProductIcon > div > a {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: flex-start;-webkit-justify-content:flex-start;gap: 7px;}
/*yazdiryorumtavsiye*/
.ProductIcon2 {float:left;width: 100%;}
.ProductIcon2 .clear{display: none;}
.ProductIcon2 #divSocialButtons{width: 100%;}
.ProductIcon2 > div{float:left;width: 33.33%;margin-bottom: 15px;position: relative;}
.ProductIcon2 > div > a{margin: 0; padding: 0;font-size: 14px;background:transparent;color:#000;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: flex-start;-webkit-justify-content:flex-start;}
.ProductIcon2 > div > a:hover{color: #000; background:transparent!important;}
.ProductIcon2 .boxIcon {fill:#000; width:50px;height:50px;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;}
.ProductIcon2 .boxIcon svg{height:22px;}
/*paylas*/
.TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top: 10px;text-align: left;}
.TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;list-style: none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
.TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #fff;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;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;}
.TopDet .product_social_icon_wrapper ul li a svg{width: 15px;}
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a{}
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a{}
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a{}
.TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;}
/*whatsapp*/
.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: #000; 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{display: none;}
.urunOzellikTab{margin: 15px 0;display: block;float: left;width: 100%;}
.urunOzellikTab .urunTab{float: left;width: 100%;border-top: 1px solid #ECECEC;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom: 1px solid #ECECEC;}
.urunOzellikTab .urunTab >ul >li > a{color:#222222;font-size: 15px;/* text-transform:uppercase; */line-height: 53px;float:left;width:100%;padding:0;font-weight:bold;position:relative;}
.urunOzellikTab .urunTab >ul >li > a span{font-weight: bold;}
.urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;}
.urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color: #000;background: transparent;}
.urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;}
.urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;}
.urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;}
.urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;}
.urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;}
.urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;}
.urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
.urunOzellikTab .yorum-item-left{flex: 0 0 100%;}
.urunOzellikTab .v2YorumFilter{width: 100%;}
.urunOzellikTab .v2YorumFiltreGrup{display: block;}
.urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;}
.urunOzellikTab .urunTab >ul >li > a:after{content:'\f067';float:right;font-family:'FontAwesome';font-weight:300;font-size:15px;color: #000000;}
.urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:after{content:'\f068';}
.urunDetayPanel {float: left;width:100%;clear: none !important;border: none;padding: 10px 0 25px;}
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;}
.urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;}
.urunTabAlt {font-family:'Nunito Sans',sans-serif !important;padding:0 10px 0 0;float:left;width:calc(100% - 5px);font-size:14px;line-height:22px;color:#212121;max-height: 275px;overflow-y: auto;overflow-x: hidden;}
.urunTabAlt * { font-family: 'Nunito Sans',sans-serif !important;}
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important;}
.urunTabAlt .button { padding: 10px 5px; color: #fff; }
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul li{float: left;width: 100%;}
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.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 .teknikDetay{display: none;}
.urunTabAlt p{margin: 0;}
/*------------------------------------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;}
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0!important;margin:0!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:left;position: relative;margin-bottom: 30px!important}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: 30px;color: #000;font-size: 22px;font-weight:bold;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;}
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav{display:block!important;}
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:20px;left:20px;top:40%;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background:#fff; border-radius:100%;border:none;width: 32px;height:32px;cursor: pointer; text-align: center;position: absolute; font-size: 0;display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s 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;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover{}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGallerynext:hover,
.owl-carousel .owl-nav .ProductListnext:hover{}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {display: none;}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;background: #fff; border: 1px solid #000;margin: 0 4px;border-radius: 100%;display: inline-block;vertical-align:top;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active{background: #000;}
#mainHolder_divDesign .owl-carousel .owl-nav > div:hover,.owl-carousel .owl-nav > div:hover{background:var(--theme-color);}
#mainHolder_divDesign .owl-carousel .owl-nav > div:hover span:after,.owl-carousel .owl-nav > div:hover span:after{color:#fff;}

#mainHolder_divDesign .owl-carousel .owl-nav > div span:after,.owl-carousel .owl-nav > div span:after{content:'';font-size:30px;color:#000000;font-family:'FontAwesome';font-weight: 300;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .InstaGalleryprev span:after{content: '\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .InstaGallerynext span:after{content: '\f105';}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,body .owl-carousel .owl-dots .owl-dot span{display:none!important;}
/*urunslider*/
.sliderBannerContainer { float: left; width: 100%; position: relative;margin:0;}
.sliderBannerContainer .Block_Link{display:none;}
.sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;}
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite {float: left;width: 100%;}
/*detayurunslider*/
.detaySliderContainer {  float: left; width: 100%; position: relative;margin:70px 0 0;}
.detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite {float: left;width: 100%;}
/*pnlSlider*/
#pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
#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: 20px;right:0;left: 0;}
#pnlSlider .flex-control-paging li {margin: 0 2px;}
#pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:100%;border:none;box-shadow:none;text-shadow:none;background: #fff;}
#pnlSlider .flex-control-paging li a.flex-active {background: #000;}
#pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;}
#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: #fff;border:none;background:transparent;width:auto;height: auto;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,
#pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;}
#pnlSlider .flex-direction-nav .flex-prev:before {}
#pnlSlider .flex-direction-nav .flex-next:before {}
#pnlSlider .flex-direction-nav .flex-prev:hover,
#pnlSlider .flex-direction-nav .flex-next:hover {}
#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;background: #fff;text-align:center;}
#pnlSlider .HPSItems .flex-control-thumbs li {display: inline-block;vertical-align:top;float: none;max-width: 100%;}
#pnlSlider .HPSItems .flex-control-thumbs img {opacity: 1;}
#pnlSlider .HPSItems .flex-control-thumbs .flex-active {}
.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%; }
/*sitekodlari*/
.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: 'Nunito Sans', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.mobilMenuAcButton,.searchClick, .mycartClick, .welcomeOpen { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent{display: none;}
#store_region_container{display: none;}
#ticimaxCopyright{float: left;width: 100%;}
section{float: left;width: 100%;}
.sepetimBody .Basketstep ul li.pasif{opacity: 1;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
.sepetimBody .sepetItemB1 span.KampanyaTanimSpan{display: inline-block;}
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar,.categorydesign::-webkit-scrollbar{width: 3px;}
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track,.categorydesign::-webkit-scrollbar-track{ background: #efefef;border-radius: 5px}
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb,.categorydesign::-webkit-scrollbar-thumb{background: var(--theme-color);border-radius: 5px}
/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
/*sepetvebutonrenk*/
body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .tooltip-inner, .welcome.active,
.sepetimBody .Basketstep ul li.aktif{ background: var(--theme-color); }
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover,
.OdemeMenu ul li.activeMenu{ border-color: var(--theme-color);}
/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: var(--theme-color);}
.tooltip.right .tooltip-arrow {border-right-color: var(--theme-color);}
.tooltip.left .tooltip-arrow {border-left-color: var(--theme-color);}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: var(--theme-color);}
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid var(--theme-color);}
.sepetimBody .Basketstep ul li.aktif:after{border-top-color:var(--theme-color); }
/*color*/
.sepetTitle .st_1,body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
body.sepetimBody .mobileAddition > .addition-content > .TotalPrice,
body.sepetimBody .mobileAddition > .addition-content::before{color: var(--theme-color);}
/*HoverRenk*/
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, 
.ProductIcon2 > div > a:hover{ background: var(--theme-color);}
/*colorhover*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover,
.CartProduct .SProduct li a:nth-child(2):hover *{color: var(--theme-color);}
/*bordercolorhover*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover,
.CartProduct .headerCartBtn:hover{border-color: var(--theme-color);}
/*color*/
.siparisOzetTakip {color: #fff;}
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet{background: #000;line-height:30px;padding:0 15px;}
body .alisverisedevamet:hover{border:none;}
.sepetimBody .MobileHeaderControl .item .cart-btn{padding:11px;height:40px;border-radius:3px;}
body .puanlamaBolumu .blok span{display:flex;align-items:center;gap:5px;}

/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover {color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;}
body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;}
/*------------------------------------Sabit Renkler--------------------------------------------*/
.divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;width: 100%;}
.bottomHead {display: none;}
#divSliderYani {display: none;}
body {background: #fff;}
.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{list-style: none;}
.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;}
body .sagIcerikTutucu .hsbmLabel .hsbmCheckbox{margin:0 4px;}
body .NewAddress i{display:none;}
.adresDefterim.ng-scope .row{margin:0;}
.NewAddress a{padding:10px;transition:.3s;}
.NewAddress a:hover{background:#000;color:#fff;}
body .account-item .nav-dropdown ul{padding:0;margin:0;list-style:none;}
body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{padding:0;margin:0;list-style:none;}
body .newHeaderNavigation:not(.mobileStyle) .menu-wrap{display:none;}
body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap{display:none;}
body .account-item .header-button-useLogin > ul{padding:0;margin:0;}
body .header-cart-hover ul{list-style:none;}
.detayFixed{display: none;}
#divIndirimOrani .left_line,#divIndirimOrani .center_line{display:none;}
#divIndirimOrani .indirimliOrani{display: flex; justify-content: center; align-items: center; font-size: 16px; flex-wrap: wrap; font-weight: 400; width: 100%; color: #fff;}
#divIndirimOrani .indirimliOrani #ltrIndirimOrani{font-size:16px;font-weight:600;color:#fff;line-height: 25px;}
#divIndirimOrani{clear:none;width: 65px;height: 59px;margin: 0 14px 0 0;padding: 0;background: var(--theme-color);border-radius:5px;display: flex;align-items: center;}
/*------------Genel Background--------------*/
a#linkSecilenleriSil,body #hed div.hediCekForm a,
body .uyeOlContainer #btnSave,body .tabLink a,
body .siparisBosBtn a,body .favoriBosBtn a,
body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,
body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .alisverisedevamet,
body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:#0D2334!important;}
body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{border-color:#213748;}
body .urunTabAlt .button{padding:5px 10px;border-radius:5px;}
body #divNewUyeGirisContent .newUserLoginBtn, 
body .newUyeOlContainer .newUserLoginBtn, 
body .acountDoneContainer .acountDoneLoginBtn, 
body .pageSifreOlustur .newUserLoginBtn, 
body .pageSifremiUnuttum .newUserLoginBtn,
body #sepetEkleModal .divAltButonlar a{background: var(--theme-color);transition: .3s;}
body #divNewUyeGirisContent .newUserLoginBtn:hover, 
body .newUyeOlContainer .newUserLoginBtn:hover, 
body .acountDoneContainer .acountDoneLoginBtn:hover, 
body .pageSifreOlustur .newUserLoginBtn:hover, 
body .pageSifremiUnuttum .newUserLoginBtn:hover,
body .commentTicimax .commentTiciNewCommentButton:hover,
body .urunTabAlt .button:hover,
body #sepetEkleModal .divAltButonlar a:hover{background: #213748;}
body .userDivTab ul li.active span{border-color: #0D2334;color: #0D2334;}
body .hesabimAnasayfaMenuler ul li a:hover{background: #0D2334;}
/*------------Genel Hover--------------*/
a#linkSecilenleriSil:hover,body .uyeOlContainer #btnSave:hover,
body .userLoginBtn:hover,body .userSignBtn:hover,
body .button.basketCompletebtn:hover,body .tabLink a.aktif,
body .tabLink a:hover,body .siparisBosBtn a:hover,
body .favoriBosBtn a:hover,body .yesilButon:hover,
body .commentNone .commentNoneText .commentNoneButton a:hover,
body .NewAddress a:hover,body .iletisimIzinSave a:hover,
body .kuponOlustur .kuponOlusturButon:hover,body .hesabimMenuDon:hover,body .alisverisedevamet:hover,
body #hed div.hediCekForm a:hover{background:#213748!important;}
/*-------------Genel Color-------------*/
a#linkSecilenleriSil,body .uyeOlContainer #btnSave,body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{color:#fff!important;}
body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon{color: #fff;}
/*-------------Genel Radius-------------*/
body.sepetimBody .basketCompletebtn,body #hed div.hediCekForm a,body .sepetItem,
body .kirmiziButon,body .kuponOlustur .kuponInput,body .sagIcerikTutucu .satirBlok .hsbmTextbox, body .sagIcerikTutucu .satirBlok .hsbmSelect,
body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .uyeOlContainer #btnSave,
body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .miniCartSatir2 .signInButton,
body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .hesabimAnasayfaMenuler ul li a,body .miniCartSatir2 .checkoutAsGuestButton,
body .siparisListeBos,body .favoriListeBos,body .commentNone,body .hesabimForm .satirBlok .hsbmTextarea,.sepetimBody .MobileHeaderControl .item .cart-btn,
.BasketDetail,body .BasketRigth.BasketHediyeCeki,#hed div.hediCekForm input,.BasketRigth,body .alisverisedevamet,a#linkSecilenleriSil,
body .textbox.txtSepetAdet,body .miniCartBos{border-radius:10px!important;}
/*-------------Genel Page Bacground-------------*/
body .sepetItem,body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .BasketDetail.BasketDetailCargo.ng-scope,
body .hesabimAnasayfaMenuler ul li a,body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .siparisListeBos,
body .favoriListeBos,body .commentNone{background:#F8F8F8;}
/*------------Genel Border None--------------*/
a#linkSecilenleriSil,body .sepetItem,body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,
body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,body .NewAddress a,
body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .NewAddress,
body .uyeOlContainer #btnSave,body .userContainer .userLeftBox,body .userContainer .userRightBox,
.uyeOlContainer #FrmYeniUye > .uyeOlCol{border:none!important;transition: .3s;}
/*-----------Genel Color Sepet---------------*/
body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartButtonSil a:hover:after,
body .miniCartRigthHeader .header-close-btn:hover svg{color:#213748;fill:#213748}
/*------------Genel Padding--------------*/
body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,
body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{padding: 20px;}
/*--------------------------*/
a#linkSecilenleriSilAlt{display:none!important;}
body.sepetimBody{background:#fff;}
body .uyeOlContainer #btnSave{padding: 0;line-height: 39px;}
body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:calc(50% - 10px);}
body ng-form#FrmYeniUye{display:flex;justify-content:space-between;float: left;width: 100%;}
body .alisverisedevamet{line-height:38px;padding:0 15px;}
body .UyelikSilmeAktifDiv{margin-top: 20px;width: 50%;}
body .hesabimMenuDon{padding:0 10px;line-height:32px;margin-bottom: 20px;}
body .solAnaMenu,body .hesabimForm{padding:15px 20px;}

section.elementor-section.mid .footerTempRow{justify-content:space-between;}
section.elementor-section.mid .footerTempRow > div{width:auto;}

section.elementor-section.bottom .footerTempRow{align-items: center;justify-content: center;}
section.elementor-section.bottom .footerTempRow > div{width:auto;}

#headerNew.fixed{position:fixed;top:0;left:0;right:0;margin:0;padding:0;z-index:1000;width:100%;border:none;transition:all 0.5s;background:#fff;animation:smoothScroll 1s backwards;}
#headerNew.fixed #top-bar{display: none;}
@keyframes smoothScroll { 0% {transform: translateY(-70px);} 100% {transform: translateY(0px);} }

body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){overflow:hidden!important;padding-right: 17px;}
body:has(.filterBlock.active){overflow:hidden!important;}

body .leftImage .drift-container{display:none!important;}
body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav{width:auto;padding:0;left:20px;right:20px;}
body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{width:40px;height:40px;opacity: 1!important;}
body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:0;line-height:normal;border-radius:0;border:none;color:#000;}
body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span:after{content:'\f104';}
body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f105';}

body .footerTemp .socialMedia li a i,body .footerTemp .storeMedia li a i{padding:0!important;width:auto!important;height:auto;transition:.3s;}
body .footerTemp .socialMedia li a:hover i {color: var(--theme-color) !important; }

body .pageNumber .productCountInfo{font-size:13px;font-weight:400;color:#4B4849;}
body .pageNumber .productCountBar{display:none;}
body .pageNumber .divMoreProducts .button{margin:13px 0 0;border:1px solid #000000;padding:11px 22px;background:#fff;color:#000;font-size:14px;font-weight:bold;text-transform:uppercase;}
body .pageNumber .divMoreProducts .button:hover{background:#000;color:#fff;}


.svgIcon.cart-svg,.svgIcon.fav-svg,.svgIcon.mem-svg,.svgIcon.menu-svg,.svgIcon.search-svg,.svgIcon.search-times{display:flex;align-items: center;gap: 10px;}
body .solAnaMenu ul li.Active > ul li a:After{top:50%;transform:translateY(-50%);height:auto;}

.mobilaf{position:fixed;right:0;left:0;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1001;display:none;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;}
.mobilaf.acik{display:block;}

body .relatedProductsColor{bottom:20px;left:20px;right:auto;}
body .ticimaxModal .modal-close{line-height:22px;}
body .divRelatedProductsPopup .ulRelatedProducts img{width:100%;}
body .ulRelatedProducts li{width:calc(25% - 8px);}
.siparisBosBtn a.ng-binding:nth-child(2){display:none;}

/*siteozelalan*/
body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {justify-content: flex-end; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a span:after {content: '\f107'; font-family: fontawesome; margin-left: 15px; font-size: 15px; font-weight: 400;transition: .5s; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar:hover  > a span:after {content: '\f106'; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span {position: relative; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span:before {height: 1px; width: 0; position: absolute; bottom: -1px; left: auto; right: 0; content: ""; background: #000; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 8; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a > span:before {width: 100%; left: 0; right: auto; }
body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {transition: .5s; }
body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover {padding-left: 10px; margin-right: -10px; }
.header-bottom {box-shadow: 0px 4px 6px #00000014; }
.cart-item a.header-cart-link.headerButon .sepetUrunSayisi:before {content: '('; }
.cart-item a.header-cart-link.headerButon .sepetUrunSayisi:after {content: ')'; }
body .cart-item a.header-cart-link.headerButon {gap: 7px; }
#divTopProductSearch {margin: 0 auto;}
#divTopProductSearch .searchform-wrapper .ux-search-categories:after {content: ""; background-image: url(../../Uploads/EditorUploads/images/selectdown.svg); width: 11.6px; height: 5.8px; position: absolute; top: 22px; right: 18px; background-size: contain; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; }
#divTopProductSearch .searchform-wrapper .ux-search-categories {position: relative; }
#divTopProductSearch .searchform-wrapper .ux-search-categories #ddlAramaKategori {width: 170px; color: #000000; background: #F7F7F7; appearance: none; -moz-appearance: none; -webkit-appearance: none;transition: .5s; }
#divTopProductSearch .searchform-wrapper .ux-search-categories:hover #ddlAramaKategori {background: var(--theme-color); color: #fff; }
#divTopProductSearch .searchform-wrapper .ux-search-categories:hover:after {filter: invert(1); }
body #divTopProductSearch .searchform-wrapper #btnKelimeAra {width: 70px; }

#mainHolder_divDesign .blokResimLink {overflow: hidden; }
#mainHolder_divDesign .blokResimLink img {transition: .8s all; }
#mainHolder_divDesign .blokResimLink:hover img {transform: scale(1.05);}
#mainHolder_divDesign .anasayfa_tek_slider .blokResimLink:hover img {transform:unset;}

ul.breadcrumb li a span {position:relative}
ul.breadcrumb li a span:before {height: 1px; width: 0; position: absolute; bottom: -1px; left: auto; right: 0; content: ""; background: #000; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 8; }
ul.breadcrumb li:hover a span:before {width: 100%; left: 0; right: auto; }

body .footerTemp .socialMediaDiv {flex-flow: unset; }
body .footerTemp .socialMediaDiv .socialMediaTitle {white-space: nowrap; margin-right: 30px; }
body .footerTemp .appMediaDiv {flex-flow: unset; }
body .footerTemp .ftop .elementor-column {justify-content: center; }
body .footerTemp .ftop .footerText li {align-items: center; }
body .footerTemp .ftop .footerText li a {margin-left: 15px; font-size: 24px; font-weight: 700;color: #000; }
body .footerTemp .newsletterContent #btnMailKaydet {position: relative; width: 123px; font-weight: 600; display: inline-block; }
body .footerTemp .newsletterContent #btnMailKaydet:hover {color: var(--theme-color)!important; background:#fff!important; }
body .footerTemp .newsletterContent #txtbxNewsletterMail {margin-bottom: 15px!important; }
body .footerTemp .ebultenDivTemp {max-width: 300px; }
.footerTemp .footerMenuAlt a{position:relative}
.footerTemp .footerMenuAlt a:before {height: 1px; width: 0; position: absolute; bottom: -1px; left: auto; right: 0; content: ""; background: #000; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 8; }
.footerTemp .footerMenuAlt a:hover:before {width: 100%; left: 0; right: auto; }

body .bannerButtonWrapper {gap: 15px; }
body .bannerButtonWrapper .bannerButton.buttonTypeSecond {background-color: #fff; background-image: linear-gradient(to bottom, var(--theme-color) 0%,var(--theme-color) 100%); background-size: 300px; background-repeat: no-repeat; background-position: 0%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;padding: 0; line-height: 50px; font-size: 15px; font-weight: 700; width: 170px; }
body .bannerButtonWrapper .bannerButton.buttonTypeSecond:hover {background-position: -200%; transition: background 300ms ease-in-out; color:var(--theme-color); }
body .bannerButtonWrapper .bannerButton.buttonTypeFirst {background-color: var(--theme-color); background-image: linear-gradient(to bottom, #fff 0%,#fff 100%); background-size: 300px; background-repeat: no-repeat; background-position: 0%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;color: var(--theme-color); padding: 0; line-height: 50px; font-size: 15px; font-weight: 700; width: 170px; }
body .bannerButtonWrapper .bannerButton.buttonTypeFirst:hover {background-position: -200%; transition: background 300ms ease-in-out; color:#fff; }
section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 44px; line-height: 60px; font-weight: 600; }
section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 24px; line-height: 32px; margin-bottom: 20px; }
section.altili .bannerWrapper.blokTypeTop {gap: 20px; }
section.altili .bannerWrapper.blokTypeTop .bannerTitle.textTypeMedium {font-size: 16px; font-weight: 600; }
section.ikili .bannerTitle.textTypeLarge {font-size: 32px; font-weight: 800; line-height: 43px; }
section.ikili .bannerSubTitle.textTypeMedium {font-size: 20px; font-weight: 400; margin-bottom: 8px; }
body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {width: 150px; line-height: 40px; font-size: 16px; }
section.uclu .bannerWrapper.blokTypeTop {gap: 18px; }
section.uclu .bannerTitle.textTypeLarge {font-size: 26px; font-weight: 700; }
section.uclu .bannerWrapper.textCenterHalign .bannerDescriptionWrapper {border-bottom: 1px solid #333333; padding-bottom: 10px; }
section.anasayfaBlog .bannerTitle.textTypeLarge {font-size: 18px; font-weight: 600; margin: 10px 0; }
section.anasayfaBlog .bannerSubTitle.textTypeMedium {font-size: 14px; line-height: 24px; }
#mainHolder_divDesign .JKatAdi .bold {text-align: center; margin-bottom: 40px !important; }
body #mainHolder_divDesign .ticimaxTabHead {margin-bottom: 30px; }
body #mainHolder_divDesign .ticimaxTabHead ul {padding: 0; margin: 0; text-align: left; display: flex; gap: 15px; }
body #mainHolder_divDesign .ticimaxTabHead li {margin: 0;overflow: hidden;cursor: pointer;position: relative;}
body #mainHolder_divDesign .ticimaxTabHead li a {background-color: #000;background-image: linear-gradient(to bottom, #fff 0%,#fff 100%);background-size: 300px;background-repeat: no-repeat;background-position: 0%;-webkit-transition: background 300ms ease-in-out;transition: background 300ms ease-in-out;padding: 0 35px;line-height: 44px;border: 1px solid #060606;font-size: 18px;font-weight: bold;position: relative;z-index: 2;}
body #mainHolder_divDesign .ticimaxTabHead li a:hover{background-position: -200%;transition: background 300ms ease-in-out;color: #fff;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a {background-image: linear-gradient(to bottom, #000 0%, #000 100%);}
.beforeAfterWrapper.beforeAfterLeft,.beforeAfterWrapper.beforeAfterRight {padding-left: 20px; padding-bottom: 30px; }
.beforeAfterWrapper.beforeAfterLeft .leftBaBlokTitle.textTypeLarge,.beforeAfterWrapper.beforeAfterRight .leftBaBlokTitle.textTypeLarge {font-weight: bold; font-size: 26px; }

.productIconExSpecial {position: absolute; top: 12px; right: 12px; z-index: 9; }
.ozelAlan1,.ozelAlan2,.ozelAlan3,.ozelAlan4,.ozelAlan5 {display: none; }
.productIconExSpecial > div {float: right; clear: right; margin: 0 0 4px; display: block; background: #000; padding: 0 5px; min-width: 70px; border-radius: 5px; color: #fff; font-size: 11px; line-height: 30px; transition: .5s; }
.productIconExSpecial > div:hover{margin-right: 10px}
.productIconEx {position: absolute; left: 12px; top: 12px; z-index: 9; display: flex; flex-direction: column; gap: 5px; }
.discountIcon,.newIcon,.cargoIcon,.firsatIcon {display: none; }
.productIconEx .discountIcon {display: block; width: 50px; height: 30px; line-height: 30px; border-radius: 10px; background: var(--theme-color); color: #fff; font-size: 14px; font-weight: 400; }
.productIconEx .newIcon {display: block; width: 50px; height: 30px; line-height: 30px; border-radius: 10px; background: var(--theme-color); color: #fff; font-size: 14px; font-weight: 400; overflow: hidden; }
.productIconEx .cargoIcon {display: flex; width: 50px; height: 30px; border-radius: 10px; background: var(--theme-color); color: #fff; align-items: center; line-height: 11px; font-size: 10px; font-weight: 400; }
.productIconEx .firsatIcon {display: block!important; width: 50px; height: 30px; line-height: 30px; border-radius: 10px; background: var(--theme-color); color: #fff; font-size: 14px; font-weight: 400; overflow: hidden; }
.productIconEx > div {transition: .5s; }
.productIconEx > div:hover {margin-left: 10px; }
body .productItem:hover .quickViewIco {display: block;}
.productIconExButtons{position:absolute;bottom: 5px;left:0;right:0;z-index:10;display:flex;flex-wrap:wrap;gap:10px;transition: .5s;visibility: hidden;opacity: 0;transform: translateY(10px);}
.productItem:hover .productIconExButtons{visibility: visible;opacity: 1;transform: translateY(0);}
.productIconExButtons > div{width:calc(50% - 5px);display:block!important;overflow:hidden;color: #000;border-radius:20px;position:relative;top:auto;bottom:auto;left:auto;right:auto;background: #fff;border: 1px solid var(--theme-color);}
.productIconExButtons > div a{line-height:40px;font-size:14px;font-weight:500;color: #000;text-align:center;float:left;width:100%;background:transparent;position:relative;padding: 0!important;transition:.5s;z-index:2;}
.productIconExButtons > div a i{display:none;}
.productIconExButtons > div:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
.productIconExButtons > div:hover:after{top:50%;visibility:visible;}
.productIconExButtons > div a:hover{background:transparent!important;color:#fff;}
.productIconExButtons > div.examineIcon {display: none !important; }
.productIconExBottom {transition: .5s; visibility: hidden; opacity: 0; /* transform: translateY(10px); */ position: absolute; bottom: 15px; left: 15px; right: 15px; }
.productItem:hover .productIconExBottom{visibility: visible;opacity: 1;transform: translateY(0);z-index: 10;}
.productIconExBottom .mycartIcon {display: inline-block; width: calc(100% - 45px); float: left; }
.productIconExBottom .mycartIcon > a {height: 40px; font-size: 14px; color: #fff; background-color: var(--theme-color); background-image: linear-gradient(to bottom, #000 0%, #000 100%); border: 1px solid #000000; border-radius: 5px; text-align: center; line-height: 40px; font-weight: 600; transition: .5s;}
.productIconExBottom .mycartIcon > a:hover {background-size: 800px; background-repeat: no-repeat; background-position: 0%; -webkit-transition: background 500ms ease-in-out; background-position: -200%; transition: background 900ms ease-in-out; color: #fff; border:1px solid var(--theme-color); }
.productIconExBottom .favori {display: inline-block; margin-left: 5px; float: left; }
.productIconExBottom .favori > a {width: 40px; height: 40px; justify-content: center; align-items: center; display: flex; line-height: 40px; border: 1px solid #D1D1D1; border-radius: 5px; font-size: 0;transition: .5s; }
.productIconExBottom .favori > a:hover {border-color: #f00; }
.productIconExBottom .favori a:after {content: '\f004'; font-family: 'FontAwesome'; font-size: 18px; color: #6A6A6A; font-weight: 300; transition: .3s; }
.productIconExBottom .favori a:hover:after,.favori a.listfavoriAktif:after {color: #f00; font-weight: bold; }
.itemCategoryLine {font-size: 14px; color: #000; margin-bottom: 5px; }
.productStokKodu {display: block; width: 100%; color: #000; float: left; margin-bottom: 5px; }
.productSatisBirimi {display: block; width: 100%; color: #000; float: left; margin-bottom: 5px; }
.myCollectionProductBtn {float: left; width: 100%; margin: 5px 0 0; }
.myCollectionProductBtn a {color: #000; font-size: 14px; display: flex; align-items: center; gap: 5px; }

.boxUrunlerContent{float:left;width:100%;margin:18px 0 0;display: none;}
.productDetail .boxUrunlerContent{display: block;}
.boxUrunlerContainer{float:left;width:100%;display:flex;flex-wrap:wrap;gap:5px;}
.boxUrunlerContainer > div{width:24px;overflow:hidden;border:1px solid transparent;padding:2px;border-radius:50%;height:24px;transition:.3s;}
.boxUrunlerContainer > div a img{border:1px solid #e9e9e9;border-radius:50%;}
.boxUrunlerContainer > div:hover{border-color:#000;}
.boxUrunlerContainer > div.active{border-color:#707070!important;}
.boxUrunlerContainer > div:first-child{border-color:#707070;}
.boxUrunlerContainer:has(.active) > div:first-child{border-color:transparent;}
.boxUrunlerContainer:has(.active) > div:first-child:hover{border-color:#000;}

.categoryPageTitle {width: 100%; float: left; margin:5px 0 10px; }
.categoryPageTitle span {font-size: 22px; font-weight: 700; line-height: 30px; }

.FiltreBtn {float: left; display: flex; border: 1px solid #707070; border-radius: 5px; gap: 5px; align-items: center; padding: 0 25px; cursor: pointer; height: 36px; font-size: 14px; position: relative; overflow: hidden; transition: .3s; }
.FiltreBtn span,.FiltreBtn img {position: relative; z-index: 2; transition: .3s; color: #000000; }
.FiltreBtn:after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: var(--theme-color); visibility: hidden; transition: .8s; }
.FiltreBtn:hover:after {top: 50%; visibility: visible; }
.FiltreBtn:hover {border-color: var(--theme-color); }
.FiltreBtn:hover img,.FiltreBtn:hover span {filter: invert(1); }

#divOzelAlan1,#divOzelAlan2,#divOzelAlan3,#divOzelAlan4,#divOzelAlan5 {float: left; clear: left; font-size: 14px; margin-top: 10px; background: #000; color: #fff; line-height: 30px; padding: 0 10px; border-radius: 5px;}

.urunOzellikTab .urunTab >ul >li#liTabYorumlar {display: none; }
.TopDet > #divTabYorumlar.urunDetayPanel {padding: 0; margin-top: 70px;display:block!important; }
.TopDet > #divTabYorumlar.urunDetayPanel .urunTabAlt {padding: 0; background: #F7F7F7; }
body .commentTicimax .commentTiciNewCommentTitle {font-size: 24px; font-weight: 400; line-height: 32px; margin-bottom: 2px; }
body .commentTicimax .commentTiciNewCommentText {font-size: 14px; margin-bottom: 15px; }
body .commentTicimax .commentTiciNewCommentButton {padding: 0; line-height: 36px; font-size: 14px; font-weight: 400; min-width: 140px; }
body .commentTicimax .commentTiciNewComment {padding: 65px 0 44px; }

body .buyfast input.button:hover, body .basketBtn input.button:hover {background-color: #fff; background-image: linear-gradient(to bottom, var(--theme-color) 0%, var(--theme-color) 100%); background-size: 800px; background-repeat: no-repeat; background-position: 0%; -webkit-transition: background 100ms ease-in-out; transition: background 300ms ease-in-out; background-position: -200%; transition: background 300ms ease-in-out; color: var(--theme-color); border:1px solid var(--theme-color); }
body .RightDetail .riSingle a.riUp:hover, body .RightDetail .riSingle a.riDown:hover {background-color: var(--theme-color); background-image: linear-gradient(to bottom, #fff 0%, #fff 100%); background-size: 100px; background-repeat: no-repeat; background-position: 0%; -webkit-transition: background 100ms ease-in-out; transition: background 300ms ease-in-out; background-position: -200%; transition: background 300ms ease-in-out; color: #fff; }
body .RightDetail .riSingle a.riUp:hover{border-radius:0 5px 5px 0}
body .RightDetail .riSingle a.riDown:hover{border-radius:5px 0 0 5px}
body .RightDetail .riSingle a.riUp:hover svg path, body .RightDetail .riSingle a.riDown:hover svg path{fill: #fff; }

body .ulUrunSlider.owl-carousel .owl-nav {width: 92px;right: 0!important;left: auto!important;top: -60px!important;display: flex;gap: 15px;}
body .ulUrunSlider.owl-carousel .owl-nav .ProductListprev, body .ulUrunSlider.owl-carousel .owl-nav .ProductListnext {position: relative!important;font-size: 0!important;width: 38px!important;height: 38px!important;}
body .ulUrunSlider.owl-carousel .owl-nav .ProductListprev span:after {content: ""; background-image: url(../../Uploads/EditorUploads/images/left.svg); width: 24.7px; height: 12px; background-size: 100%; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; font-size: 0!important; }
body .ulUrunSlider.owl-carousel .owl-nav .ProductListnext span:after {content: ""; background-image: url(../../Uploads/EditorUploads/images/right.svg); width: 24.7px; height: 12px; background-size: 100%; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; font-size: 0!important; }
body .ulUrunSlider.owl-carousel .owl-nav .ProductListprev:hover span:after,body .ulUrunSlider.owl-carousel .owl-nav .ProductListnext:hover span:after {filter: brightness(3.5);}

body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav {max-width:1320px;margin:0 auto}
body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav .ProductListprev,body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav .ProductListnext {font-size: 0!important;background:0!important}
body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav .ProductListprev span:after {content: ""; background-image: url(../../Uploads/EditorUploads/images/sliderLeft.svg); width:12px; height: 24px; background-size: 100%; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; font-size: 0!important; }
body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav .ProductListnext span:after {content: ""; background-image: url(../../Uploads/EditorUploads/images/sliderRight.svg); width: 12px; height: 24px; background-size: 100%; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; font-size: 0!important; }

#divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper:first-child{display:block;}
#divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper{display:none;}
#mainHolder_divDesign .anasayfa_tek_slider  .blokResimLink img{transition: unset;}
body #mainHolder_divDesign .owl-item.active .blokResimLink img,body .productItem .productImage img {width: 100%; }
/*siteozelalan*/
@media (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    .mobilMenu{display: none;}

    body .footerTemp .fmenuler .elementor-column[data-col="20"] {width: auto; }
    body .footerTemp .fmenuler .footerTempRow {justify-content: space-between; }

    select#filterOrderSelect {padding: 0; border: 0; height: 36px; color: #000; font-size: 14px; font-weight: 400; border-radius: 18px; text-align: left; appearance: none; cursor: pointer; transition: .5s; position: relative;background: url(../../Uploads/EditorUploads/images/sort.svg) no-repeat right 0px top 50%;}
    select#filterOrderSelect option {color: #000!important; }
    body .appliedFilter.FiltrelemeUrunAdet span {margin: 0; text-indent: 0; line-height: 36px; font-size: 14px; font-weight: 400; color: #000000; position: absolute; left: 50%; transform: translateX(-50%);display:none; }
    body .sortingContent .blockSelect a.Active i {color: #000; }
    body .sortingContent .blockSelect a i {color: #ACACAC; transition: .5s; }
    body .sortingContent .blockSelect a:hover i {color: #000; }
    body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a {padding: 0; border: none; line-height: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%!important; overflow: hidden; }
    body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a i {position: relative; z-index: 2; transition: .3s; line-height: 0;font-size: 20px; }
    body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a:hover i {color: #fff; }
    body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a::after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: var(--theme-color); visibility: hidden; transition: .8s; }
    body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a:hover:after {visibility: visible; top: 50%; }
    body .brandlistselection .sortingContent li:nth-child(2) {display: none; }
    body .sortingContent .blockSelect {margin-right: 40px; display: flex; height: 36px; align-items: center; gap: 7px; }
    body .sortingContent .blockSelect:before {content: 'Gösterim'; font-size: 14px; font-weight: 400; color: #000; margin-right: 10px; }
    body .brandlistselection .sortingContent li a.btnCatSorting.sort_4 i:before {content: '\f03a'; font-weight: 300; }
    body .brandlistselection .sortingContent li a.btnCatSorting.sort_3 i:before {content: '\f009'; font-weight: 600; }
    body .brandlistselection .sortingContent li > a {height: 36px; padding: 0 10px; line-height: 36px; background: #ECECEC; border-radius: 5px!important; margin-left: 10px; transition: .5s; font-weight: 500; color: #000; position: relative; overflow: hidden; }
    body .brandlistselection .sortingContent li > a:hover {color: #fff; }
    body .brandlistselection .sortingContent li > a.selected {color: #fff; }
    body .brandlistselection .sortingContent li > a:after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: var(--theme-color); visibility: hidden; transition: .8s; }
    body .brandlistselection .sortingContent li > a:hover:after {top: 50%; visibility: visible; }
    body .brandlistselection .sortingContent li > a.selected:after {top: 50%; visibility: visible; }
    body .brandlistselection .sortingContent li > a span {position: relative; z-index: 2; }
    body:has(#divLeftBlock) .FiltreBtn {display: none; }
    body:has(#divLeftBlock) .appliedFilter.FiltrelemeUrunAdet span {left: 0; transform: none; display: none; }
    body:has(#divLeftBlock) #divSayfalamaUst{bottom: 15px;margin: 0}

    .leftBlock .Block_item.filterBlock .Block_Title {display: block; }
    .leftBlock .Block_item.filterBlock .Block_Title span {font-size: 16px; color: #000; font-weight: bold; line-height: 22px; padding-bottom: 15px; display: block; }
    .leftBlock .category-vertical-filters {padding: 0; border: 0; }
    .leftBlock .panel-heading {padding: 23px 0 15px; border: 0; margin: 0; border-top: 1px solid #DFDFDF; }
    .leftBlock .panel-heading a {font-size: 16px; font-weight: bold; color: #000; line-height: 22px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group{padding-bottom: 20px; max-height: 400px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > a {font-size: 14px; color: #000; font-weight: 400; line-height: 28px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > ul {padding: 10px 0 0 10px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > ul > li > a {font-size: 13px; color: #000; font-weight: 400; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {padding: 0; margin: 0 0 12px 0; display: flex; align-items: center; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {border-color: #707070; width: 16px; height: 16px; margin-right: 12px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item > a {line-height: 16px!important; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before,.category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {content: '\f00c'; font-family: 'FontAwesome'; background: #000; color: #fff; font-size: 10px; font-weight: 400; text-align: center; line-height: 15px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {display: inline-block; background-size: 30px!important; background-repeat: no-repeat!important; margin-right: 5px; margin-bottom: 5px; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image > a {font-size: 0; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected {border: 1px solid #AEAEAE; }

    /*--------------UST----------*/
    body .category-vertical-filters.top-filters{display:block!important;width: 340px;position:fixed;top:0;left:-100%;bottom:0;z-index:9999;background:#FFFFFF;margin:0;padding:0 25px;border:none;transition:all .3s ease;overflow-x:hidden;overflow-y:auto;border-radius: 0 5px 5px 0;}
    body .category-vertical-filters.top-filters ul{list-style:none;padding:0;margin:0;}
    body .filterBlock.active .category-vertical-filters.top-filters{left:0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float:left;width:100%;line-height:90px;font-size:18px;color:#000;margin-bottom:0;padding:0;position:static;text-align:center;background:#fff;display:block;text-transform: capitalize;border-bottom: 1px solid #D9D9D9;font-weight: bold;position: relative;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt i{font-weight:300;transition: .5s;font-size: 18px;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt i:hover{transform: rotate(90deg);}

    body .category-vertical-filters.top-filters .FiltreUst span{display:inline-block;vertical-align:top;position:static;text-align:left;font-weight:bold;color:#000000;font-size:18px;float: left;width: 100%;text-align: left;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;font-size:20px;z-index:1;cursor:pointer;position:absolute;right:0;top:50%;line-height:1;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;transform:translateY(-50%);transition: .5s;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt:hover{}
    body .category-vertical-filters.top-filters .FiltreUst a{float:right;font-size:13px;position:relative;z-index:1;color:#fff;display:none;}
    body .category-vertical-filters.top-filters .FiltreUst a i{color:#fff;font-size:20px;display:inline-block;vertical-align:top;line-height:50px;margin-left:5px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float:left;width:100%;margin-bottom:10px;position:relative;padding:0 10px;display:none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{float:left;width:100%;height:calc(100% - 285px);overflow:auto;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{float:left;width:auto;text-align:center;margin-top:0;display:block;padding:0;min-width:150px;width:100%;background:var(--theme-color);border-radius: 5px;border:1px solid var(--theme-color);position: relative;overflow: hidden;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display:inline-block;vertical-align:top;min-width:100%;color:#fff;line-height: 40px;font-size:14px;width:100%;cursor:pointer;font-weight:400;background:transparent;transition:.5s;position:relative;z-index:2;text-transform: uppercase;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn:hover span{color: #000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span:hover{border-color: #000;}
    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:#000;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel .panel-heading{padding:0 0;margin:0;border:none;background:#fff;float:left;width:100%;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel .panel-heading a{float:left;width:100%;text-align:left;color:#000000;font-weight:600;font-size:16px;line-height:59px;padding:0;text-transform:capitalize;padding: 0;position: relative;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel .panel-heading a:after{top:0!important;color:#000!important;font-weight:400;font-family:'FontAwesome';content:'\f067'!important;font-size:14px;line-height:59px;right: 0!important;float: right;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel .panel-heading.active a:after{content:'\f068'!important;color: #000;transform: rotate(180deg);}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan .moreNum{position:absolute;right:30px;top:0;bottom:0;line-height:60px;font-size:15px;color:#000;display:block;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel{float:left;width:100%;margin:0;padding:0;border-bottom: 1px solid #d9d9d9;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .panel:last-child{margin-bottom:0;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .list-group.dropdown{border:none;position:static;box-shadow:none;padding:0;margin-top:0;float:left;max-height:300px;width:calc(100% - 5px);overflow-x:hidden;overflow-y:auto;margin-left:0;margin-bottom:25px;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .list-group.dropdown ul{margin-top:10px;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .list-group.dropdown li{width:100%;margin-right:0;text-align:left;margin-bottom:15px;padding:0;float: left;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .list-group.dropdown li:last-child{margin: 0;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .list-group.dropdown li a{color:#000;line-height:18px;}
    body .category-vertical-filters.top-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item a{font-size:14px;color:#000;font-weight:400;float:left;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item:before{border-radius:2px;display:inline-block !important;width:18px;height:18px;line-height:16px;font-size:8px;color:#fff;font-family:'FontAwesome';text-align:center;float:left;content:'';margin-right:8px;border:1px solid #707070;transition:.3s;font-weight:bold;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.selected:before{content:'\f00c';background: #000!important;border-color: #000!important;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item:hover:before{content:'\f00c';background: #000!important;border-color: #000!important;}

    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.list-group-item-image{width:20px !important;float:left;clear:left;height:20px;border-radius:50%;position:relative;border:1px solid #e9e9e9;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.list-group-item-image:before{border:none;width:16px;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.list-group-item-image:hover:before{border:none;background:transparent!important;color:#000;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.list-group-item-image.selected:before{border:none;background:transparent!important;color:#000;}
    body .category-vertical-filters .FiltreicerikAlan .vertical-filter-panel .list-group-item.list-group-item-image a{position:absolute;top:-1px;}

    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width:100%;margin:0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display:none;}
    body .category-vertical-filters.top-filters::-webkit-scrollbar{width:0;height:0;}
    body .category-vertical-filters.top-filters .panel:last-child{margin-bottom:20px;}
    .panel-search input{height:35px;border:1px solid;border-radius:3px;}
    .panel-search{float: left;width: calc(100% - 10px);}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan::-webkit-scrollbar{width:0;height:0;}
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar{width:3px;}
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track{background:#DADAD9;}
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb{background:#B2B2B2;}
    body .category-vertical-filters.top-filters .panel .panel-heading{border-bottom:1px solid transparent;}

    body .category-vertical-filters.top-filters .filtreAlt a{display:flex!important;justify-content: center;border: 1px solid #000;height: 40px;transition: .3s;padding: 0 10px;min-width: 190px;background: #fff;align-items: center;width: auto;width: 100%;border-radius: 5px;overflow: hidden;position: relative;text-transform: uppercase;}
    body .category-vertical-filters.top-filters .filtreAlt a::after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
    body .category-vertical-filters.top-filters .filtreAlt a:hover:after{top:50%;visibility:visible;}
    body .category-vertical-filters.top-filters .filtreAlt a i:before{content:'Filtreleri Kaldır';}
    body .category-vertical-filters.top-filters .filtreAlt a i{font-size:14px;color:#000;font-family:'Nunito Sans';font-weight:400;transition: .5s;position: relative;z-index: 2;}
    body .category-vertical-filters.top-filters .filtreAlt a:hover i{color: #fff;}
    .filtreAlt{float:left;width:100%;display:flex;justify-content:center;gap:15px;padding:30px 0;border-top:1px solid #d9d9d9;flex-wrap: wrap;}

    .FiyatSlider{float:left;width:100%;padding:10px 0;}
    body .ui-widget.ui-widget-content{width:calc(100% - 18px);margin-left:9px;background:#e9e9e9;border:none;height:1px;float:left;}
    body .ui-slider-horizontal .ui-slider-range{background:#B5B5B5;}
    body .ui-slider .ui-slider-handle{border:none;border-radius:0;background:#000000;top:-6px;width: 8px;height: 13px;cursor: e-resize;}
    .amount{float:left;width:100%;margin:20px 0 0;font-size:14px;text-align:center;color:#000;}
    body .category-vertical-filters .FiltreicerikAlan .FiyatSlider:before{content:'Fiyat';font-size:16px;font-weight:600;float:left;width:100%;margin:0 0 29px;text-align:left;color:#000;}

    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:#ECECEC;visibility:hidden;transition:.8s;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn:hover:after{top:50%;visibility:visible;}
    /*--------------UST----------*/

}
/* ------------------------------------Container--------------------------------------------*/
body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{ max-width: 1320px; margin: 0 auto;position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList{max-width:1320px;}
.detaySliderContainer .ProductList{max-width:1320px;}
.homeContainer .ProductListContent .ProductList{max-width:1320px;}
.markaSlider .jCarouselLite{max-width:1320px;}
/**/
.innerContainer{}
#divIcerik.homepage {}
.UyeOl .ticiContainer{}
#footer .ticiContainer{}
.UyeGiris .ticiContainer{}
.Magazalar .ticiContainer{}
.sepetimBody .ticiContainer{margin: 0 auto;}
.HesabimTakip .ticiContainer{}
.Iletisimaspx .ticiContainer{}
.homeContainer .ticiContainer{}
.ticiContainer.homeContainer {}
.ticiContainer.pageContainer {}
.ticiContainer.categoryContainer {}
.sepetimBody #footer .ticiContainer{}
.ticiContainer.productDetailContainer {}
.sepetimBody .footerSslLogo{display: none!important;}
.sepetimBody .headerContent{box-shadow:none;}
/**/
.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: 248px;padding-right: 20px;}
.rightBlock  {float: right;width:248px;padding-left:20px;}
.centerCount.LeftMiddle , .leftBlock + .centerCount{width: calc(100% - 248px);}
.centerCount.RightMiddle {width: calc(100% - 248px);}
.centerCount {float: left;width: 100%;padding: 0;}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight   {width: 25%;}
.rightBlock.LeftMiddleRight  {width: 25%;}
.centerCount.LeftMiddleRight {width: 50%;}
/**/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle {width: 20%;padding-right: 20px;}
    .centerCount.LeftMiddle {width: 80%;}
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight   {width:25%;}
    .rightBlock.LeftMiddleRight  {width:25%;}
    .centerCount.LeftMiddleRight {width:50%;}
    /*OrtaSag*/
    .rightBlock.MiddleRight  {width:25%;}
    .centerCount.MiddleRight {width:75%;}
    .homeContainer .col-5li { width: 25%;}
}
@media screen and (min-width: 1300px) and (max-width: 1379px){
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 1240px;padding:0;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 1240px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1240px;}
    .sliderBannerContainer .ProductList{max-width:1240px;}
    .detaySliderContainer .ProductList{max-width:1240px;}
    .markaSlider .jCarouselLite{max-width:1240px;}
    #divIcerik.homepage{margin: 0 auto;}
}
    
@media screen and (min-width: 1240px) and (max-width: 1299px){
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 1180px;padding:0;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 1180px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1180px;}
    .sliderBannerContainer .ProductList{max-width:1180px;}
    .detaySliderContainer .ProductList{max-width:1180px;}
    .markaSlider .jCarouselLite{max-width:1180px;}
    #divIcerik.homepage{margin: 0 auto;}

    section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 30px; }
    section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 18px; margin-bottom: 5px; }
    body .bannerButtonWrapper .bannerButton.buttonTypeSecond,body .bannerButtonWrapper .bannerButton.buttonTypeFirst {line-height: 40px; font-size: 13px; }
    section.ikili .bannerTitle.textTypeLarge {font-size: 24px; }
    section.ikili .bannerSubTitle.textTypeMedium {font-size: 14px; margin-bottom: 5px; }
    body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {font-size: 13px; }
    section.uclu .bannerTitle.textTypeLarge {font-size: 18px; }
    body #mainHolder_divDesign .ticimaxTabHead li a {font-size: 15px; padding: 0 20px; }
    section.anasayfaBlog .bannerTitle.textTypeLarge {font-size: 16px; }
    section.anasayfaBlog .bannerSubTitle.textTypeMedium {font-size: 12px; }

}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 1100px;padding:0;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 1100px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    #divIcerik.homepage{margin: 0 auto;}

    body .footerTemp .footerMenuTitle {font-size: 14px!important; }
    body .footerTemp .footerMenuAlt a {font-size: 12px!important; }
    body .footerTemp .eTempTitle1 {font-size: 14px!important; }
    body .footerTemp .socialMediaDiv .socialMediaTitle {margin-right: 15px; }
    body .footerTemp .socialMedia.horizontal {column-gap: 10px!important; }
    body .footerTemp .socialMediaTitle span, .footerTemp .storeMediaTitle span {font-size: 14px!important; }
    body .footerTemp .ftop .footerText li {font-size: 12px!important; }
    body .footerTemp .ftop .footerText li a {font-size: 18px; }
    body .footerTemp .storeMedia.horizontal li a img {max-width: 85px; }

    section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 30px; }
    section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 18px; margin-bottom: 5px; }
    body .bannerButtonWrapper .bannerButton.buttonTypeSecond,body .bannerButtonWrapper .bannerButton.buttonTypeFirst {line-height: 40px; font-size: 13px; }
    section.ikili .bannerTitle.textTypeLarge {font-size: 24px; }
    section.ikili .bannerSubTitle.textTypeMedium {font-size: 14px; margin-bottom: 5px; }
    body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {font-size: 13px; }
    section.uclu .bannerTitle.textTypeLarge {font-size: 18px; }
    body #mainHolder_divDesign .ticimaxTabHead li a {font-size: 15px; padding: 0 20px; }
    section.anasayfaBlog .bannerTitle.textTypeLarge {font-size: 16px; }
    section.anasayfaBlog .bannerSubTitle.textTypeMedium {font-size: 12px; }
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 960px;padding:0;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 960px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    #divIcerik.homepage{margin: 0 auto;}
    body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
    body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
    body .userDivLeft{margin-bottom:20px;}
    body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
    body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}

    body .footerTemp .footerMenuTitle {font-size: 14px!important; }
    body .footerTemp .footerMenuAlt a {font-size: 12px!important; }
    body .footerTemp .eTempTitle1 {font-size: 14px!important; }
    body .footerTemp .socialMediaDiv .socialMediaTitle {margin-right: 15px; }
    body .footerTemp .socialMedia.horizontal {column-gap: 10px!important; }
    body .footerTemp .socialMediaTitle span, .footerTemp .storeMediaTitle span {font-size: 14px!important; }
    body .footerTemp .ftop .footerText li {font-size: 12px!important; }
    body .footerTemp .ftop .footerText li a {font-size: 18px; }
    body .footerTemp .storeMedia.horizontal li a img {max-width: 85px; }

    section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 30px; }
    section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 18px; margin-bottom: 5px; }
    body .bannerButtonWrapper .bannerButton.buttonTypeSecond,body .bannerButtonWrapper .bannerButton.buttonTypeFirst {line-height: 40px; font-size: 13px; }
    section.ikili .bannerTitle.textTypeLarge {font-size: 24px; }
    section.ikili .bannerSubTitle.textTypeMedium {font-size: 14px; margin-bottom: 5px; }
    body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {font-size: 13px; }
    section.uclu .bannerTitle.textTypeLarge {font-size: 18px; }
    body #mainHolder_divDesign .ticimaxTabHead li a {font-size: 15px; padding: 0 20px; }
    section.anasayfaBlog .bannerTitle.textTypeLarge {font-size: 16px; }
    section.anasayfaBlog .bannerSubTitle.textTypeMedium {font-size: 12px; }

}
@media (min-width: 1100px){

}
@media (min-width: 1100px) and (max-width: 1379px) {
    body .newHeaderNavigation:not(.mobileStyle) .menu-list-row {padding: 0 40px; }
    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a {font-size: 14px; }
    body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {font-size: 13px; }
}
@media (min-width: 1025px) and (max-width: 1099px) {

}
@media (max-width:1099px) {
    #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl{padding:0;margin:0;}
    body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{position:static;}
    body #headerNew .header-main .headerContainer{position:relative;}
    body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {background: transparent; color: #000; position: absolute; left: 22px; font-size: 13px; }
    body.modalOpen{padding:0!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper{display:block;}
    body #headerNew #lang span{display:block;}
    body #headerNew #lang{height:auto;width:auto;}
    body #headerNew .header-main .header-dil-content{position:static;}
    body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){padding-right: 0;}

}
@media (min-width: 768px) and (max-width: 1041px) {
    body .ulRelatedProducts li{width:calc(33.33% - 7px);}

}
@media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding:0 20px;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: calc(100% - 40px)!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:100%;}
    .sliderBannerContainer .ProductList{max-width:100%;}
    .detaySliderContainer .ProductList{max-width:100%;}
    .navigation .altMenu .altMenuler{max-width:100%;}
    .markaSlider .jCarouselLite{max-width:100%;}
    #divIcerik.homepage{margin: 0 auto;}
    #divMobileImage img{width: 100%!important;}
    #divMobileImageList img{width:100%;}
    #divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;}
    #divMobileImageList{float:left;width:100%;position:relative;}
    #divMobileImageList .owl-nav > div{font-size:0;width: 36px;height: 36px;background: #fff;border-radius: 50%;box-shadow: 0px 3px 6px #00000029;}
    #divMobileImageList .owl-nav > div:after{content:'';font-size:25px;color:#000;font-weight:300;font-family:'FontAwesome';float:left;width:100%;text-align:center;line-height:36px;}
    #divMobileImageList .owl-nav > div.owl-prev:after{content:'\f104';}
    #divMobileImageList .owl-nav > div.owl-next:after{content:'\f105';}
    #divMobileImageList .owl-nav > div:hover{filter:invert(1);}
    body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
    body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
    body .userDivLeft{margin-bottom:20px;}
    body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
    body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}
    body .solAnaMenu{width:100%;}
    body .sagIcerikTutucu{padding:0;width:100%;margin-top:20px;}
    #divProductImageCarousel img{width:100%;}
    #divProductImageCarousel .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;width: auto;}
    #divProductImageCarousel{float:left;width:100%;position:relative;}
    #divProductImageCarousel .owl-nav > div{font-size:0;width: 40px;height: 40px;background: #fff;border-radius: 50%;box-shadow: 0px 3px 6px #00000029;}
    #divProductImageCarousel .owl-nav > div:after{content:'';font-size:25px;color:#000;font-weight:300;font-family:'FontAwesome';float:left;width:100%;text-align:center;line-height:40px;}
    #divProductImageCarousel .owl-nav > div.owl-prev:after{content:'\f104';}
    #divProductImageCarousel .owl-nav > div.owl-next:after{content:'\f105';}
    #divProductImageCarousel .owl-nav > div:hover{filter:invert(1);}
    #divProductImageCarousel.owl-carousel .owl-nav > div span{display:none!important;}
    .SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;}

    section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 24px; line-height: 40px; }
    section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 16px; margin-bottom: 0; }
    body .bannerButtonWrapper .bannerButton.buttonTypeSecond,body .bannerButtonWrapper .bannerButton.buttonTypeFirst {line-height: 40px; font-size: 13px; width: 150px; }
    #mainHolder_divDesign .JKatAdi .bold {margin: 20px 0!important; }
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 {font-size: 20px; }
    section.ikili .bannerTitle.textTypeLarge {font-size: 20px; }
    section.ikili .bannerSubTitle.textTypeMedium {font-size: 14px; margin-bottom: 0; }
    body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {font-size: 13px; }
    body #mainHolder_divDesign .ticimaxTabHead li a {font-size: 14px; padding: 0 20px; }
    body #mainHolder_divDesign .ticimaxTabHead {margin: 15px 0; }
    section.uclu .bannerTitle.textTypeLarge {font-size: 16px; }

    .footerTemp .storeMedia.horizontal li a img {width: 80px; }
    body .footerTemp .ftop .footerText li a {font-size: 16px; margin-left: 10px; }
    body .footerTemp .socialMediaDiv .socialMediaTitle {margin-right: 14px; }

    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
    .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
    .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
    .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
    .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
    .ItemOrj { width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}

    .ProductName h1 span {font-size: 20px; }
    #divIndirimOrani .indirimliOrani {font-size: 13px; }
    #divIndirimOrani .indirimliOrani #ltrIndirimOrani {font-size: 14px; }
    .ProductIcon .box1 {font-size: 12px; }
    #divAdetCombo .right_line, .RightDetail .riSingle {width: 100px; }
    .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown {width: 30px !important; }
    .basketBtn {width: calc(100% - 110px); }

}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width:1041px) {
    /******************************************************/
    .FiltreBtn{display:none;}
    .navigation{display: none;}
    #divSayfalamaUst .filterBlock{display:block!important;}
    .mobilMenuAcButton{display:block;}
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst {  padding:0;margin:10px 0 20px;width: 100%;border: none;background: transparent;}
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;border: 1px solid #E6E6E6; width:calc(50% - 10px);float:left; line-height: 38px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: 500;}
    body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: left;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn {float: right;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';}
    body .mobilFilterOpenBtn { margin:0;padding: 0;display: block!important;}
    .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;}
    body #divSayfalamaUst .filterDeleteContent{display: none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display: none;}

    body #divSayfalamaUst.Slct .brandlistselection{position:absolute;left: 0;top: 0;width:calc(50% - 5px);background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;font-size: 0;text-indent: 0;border: none;color: #000;font-weight: 500;min-width: auto;border-radius: 0;background: transparent;-webkit-appearance:none;-moz--appearance:none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option{font-size: 14px;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;}

    body #divSayfalamaUst:not(.Slct) .brandlistselection{padding: 0;text-align:center;position: absolute;top: 100%;left: 0;right: 0;z-index: 10;border-bottom: none;background: #fff;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{display: none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){margin: 0;width: 100%;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a{border:none;text-align:center;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span{line-height: 35px;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a{border-bottom: 1px solid #e5e5e5;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a{border-bottom:none;}

    body .category-vertical-filters.top-filters{display: block!important;width: 360px; position: fixed;top: 0;right:-100%;bottom: 0;z-index: 9999;background: #f3f5f8;margin: 0;padding: 0;border: none;transition:all .3s ease;}
    body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
    body .filterBlock.active .category-vertical-filters.top-filters{right: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #fff;margin-bottom: 10px;padding: 0 10px;position: relative;text-align:center;display: block;}
    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: #fff;display:none;}
    body .category-vertical-filters.top-filters .FiltreUst a.active{display:block;}
    body .category-vertical-filters.top-filters .FiltreUst a i{color: #fff; font-size: 20px;display: inline-block;vertical-align:top;line-height: 50px;margin-left: 5px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float: left;width: 100%;margin-bottom: 10px;position: relative;padding: 0 10px;display: block;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {float: left; width: 100%; max-height: calc(100% - 190px); overflow-y: auto; overflow-x: hidden; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan::-webkit-scrollbar{width: 0;height: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {float: left;width: 100%;text-align:center;margin-top: 10px;display: block;padding: 0 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display: inline-block;vertical-align: top;background: var(--theme-color);padding: 10px;min-width: 150px;color: #fff;line-height: 30px;font-size: 15px;text-transform: uppercase;width: 100%;}
    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!important;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;display: block;}
    body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    body .category-vertical-filters.top-filters .panel:last-child {margin-bottom: 0;}
    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;line-height: 16px;}
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size: 13px;color: #262324;font-weight: normal;float: left;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius: 0;display: inline-block!important;width: 16px;height: 16px;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{border-color: #000;background: #000;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;height: auto;}
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width: 100%;margin:20px 0;}

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display: none;}

    body .slider-range{margin:0 0 15px 10px !important;width:calc(100% - 20px);border:none !important;height:3px;background:#999;}
    body .amount{padding: 0;}

    body .ui-slider .ui-slider-range{background:#999;height: 3px;}
    body .ui-slider .ui-slider-handle{border:1px solid #000;border-radius:0;background:#fff;top:-0.5em;}

    .centerCount{width:100%!important;}
    .leftBlock {display:none!important;}
    .rightBlock {display:none!important;}
    .homeContainer .leftBlock {}
    .homeContainer .rightBlock {}

    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;}
    .mobileImageSlider .owl-stage-outer{float: left;width: 100%;}
    .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;}
    .uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;}
    .uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;}
    .uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;}
    .Magazalar .magazaSelect{width: 100%;margin-right: 0;}
    .Magazalar #searchStore{width: 100%;margin-right: 0;}
}
/* Mobil Ekran */
@media (max-width:767px) {
    /*---------------------767------------------------*/
  	body #sepetEkleModal.ticimaxModal {z-index: 999999;}
    .SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;}
    .leftImage{float: left;width: 100%;padding-bottom: 100%;}
    .RightDetail{width: 100%;padding: 10px 0 0;position: relative;top: auto;}
    
    .userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding: 0 5px;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding:0 10px!important;}
    body ul.breadcrumb{max-width: 100%;padding: 0;}

    body .divRelatedProductsPopup .ulRelatedProducts{flex-wrap:wrap;}
    body .ulRelatedProducts li{width:calc(50% - 5px);}
    body .ulRelatedProducts li span{font-size:11px;}

    body ul.breadcrumb li{float:none!important;}
    body .solAnaMenu ul li a{display:flex;align-items:center;}
    
    ul.footerMenuAlt.vertical{margin-bottom:20px;}
    section.elementor-section.mid .footerTempRow > div{max-width:100%;width:100%;}
    body:has(.newHeaderNavigation.mobileStyle.mobileactive) #back-to-top{display:none!important;}

    body #divTopProductSearch.dropactive .header-search-form-wrapper,body #divTopProductSearch .header-search-form-wrapper{border-top:1px solid #eee;}

    body.sepetimBody #top-bar{display:none;}
    body #divStokYok{margin-bottom:10px;}
    body:has(.RightDetail.StokYok) .detayFixed{display:none;}
    .ProductBody:has(.RightDetail.StokYok) .bottomHead{display: block;}
    body .hesabimBolumuTutucu{margin:10px 0;}
    body .footerTemp .footerMenul.accordionMode .footerMenuTitle:after{margin:0;}
    body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
    body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}
    body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
    body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
    body .userDivLeft{margin-bottom:20px;}
    .favNum{display:none;}
    body .sepetItemB.sepetItemB1{width:58%;}
    body.sepetimBody .BasketPage{padding:5px !important;margin-bottom:60px !important;}
    body .BasketRigth.BasketHediyeCeki{margin-top:10px;}
    body.sepetimBody .MobileHeaderControl{margin-top:5px;}
    body.sepetimBody .MobileHeaderControlContent{margin-bottom:5px;}
    body .BasketDetailContainer{margin-top:5px;}
    body .footerTemp .footerMenul.accordionMode .footerMenuAlt li{float:left;clear:left;}
    body .miniCartRigth,body .miniCartGiftCodeContent{padding:0 20px;}
    body .mobilFilterOpenBtn .button{width:calc(50% - 5px);}
    body #divSayfalamaUst{margin:0 0 10px;}
    body .mobilFilterOpenBtn .button:before{margin-right:10px;width:18px;font-size:0;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn:before{background:url(../../Uploads/EditorUploads/images/mfiltre.svg) no-repeat center / contain;}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before{background:url(../../Uploads/EditorUploads/images/msiralaicon.svg) no-repeat center / contain;}
    body .category-vertical-filters.top-filters{background:#fff;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{padding:0 15px;font-size:18px;font-weight:400;line-height:60px;margin:0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{padding:0 20px;margin:0;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{line-height:60px;padding:0;font-weight:500;color:#000000;}
    body .category-vertical-filters.top-filters .panel{padding:0 20px;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{padding:0;}
    body .category-vertical-filters.top-filters .panel:not(.div-fiyat-filter) .panel-heading a:after{right:0;content:'\f067'!important;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{margin-right:20px;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{right:37px;}
    body .category-vertical-filters.top-filters .panel:not(.div-fiyat-filter) .panel-heading.active a:after{content:'\f068'!important;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{font-size:14px;font-weight:800;color:#000000;letter-spacing:0.14px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li a{line-height:18px;}
    body .category-vertical-filters.top-filters .list-group.dropdown{padding:1px;margin-top:10px;float:left;width:calc(100% - 5px);overflow-x:hidden;overflow-y:auto;max-height:255px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li{margin-bottom:20px;}
    body .category-vertical-filters.top-filters .list-group.dropdown ul{margin-top:20px;}
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size:14px;font-weight:400;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before{width:18px;height:18px;border-color:#393939;line-height:16px;color:#fff;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{content:'\f00c';color:#000;font-family:'FontAwesome';text-align:center;background:#fff;font-size: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{padding:0 20px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display:block;font-size:14px;font-weight:400;line-height:25px;}
    .filtreAlt > a {line-height: 45px; border: 1px solid #000; width: calc(100% - 40px); padding: 0 20px; display: inline-block; margin: 10px auto; }
    .filtreAlt > a i {font-size: 0; }
    .filtreAlt > a i:before {content: 'Filtreleri Kaldır'; font-size: 16px; color: #000; font-family: 'Nunito Sans', sans-serif; font-weight: 600; }
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar{width:3px;}
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track{background:#E6E6E6;border-radius:10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb{background:#393939;border-radius:10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{line-height:60px;}
    body .category-vertical-filters.top-filters .FiltreUst a i{line-height:60px;margin:0 5px 0 0;}
    body .category-vertical-filters.top-filters .FiltreUst a{float:left;}
    #divMobileImageList img{width:100%;}
    #divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;}
    #divMobileImageList{position:absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;}
    #divMobileImageList .owl-nav > div{font-size:0;width: 34px;height: 34px;background: #fff;border-radius: 50%;box-shadow: 0px 3px 6px #00000029;}
    #divMobileImageList .owl-nav > div:after{content:'';font-size:25px;color:#000;font-weight:300;font-family:'FontAwesome';float:left;width:100%;text-align:center;line-height:34px;}
    #divMobileImageList .owl-nav > div.owl-prev:after{content:'\f104';}
    #divMobileImageList .owl-nav > div.owl-next:after{content:'\f105';}
    #divMobileImageList .owl-nav > div:hover{filter:invert(1);}
    #divProductImageCarousel.owl-carousel .owl-nav > div span{display:none!important;}
    .detayFixed{position:fixed;bottom:0;z-index:9;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#fff;box-shadow: 0px 0px 33px #00000014;}
    .fixedPrice{font-size:25px;font-weight:800;color:#000000;}
    .fixedSepet{float:right;width:100%;max-width:207px;}
    .fixedSepet input{width:100%;font-size:14px;font-weight:800;line-height:45px;padding:0;text-transform:uppercase;}
    .fixedPrice .PiyasafiyatiContent .right_line *,.fixedPrice .IndirimliFiyatContent .right_line *{font-size:18px;line-height: 1.3;float: left;}
    .detayFixed .PiyasafiyatiContent .right_line,.detayFixed .IndirimliFiyatContent .right_line{float:left;}
    .fixedPrice .PiyasafiyatiContent{float:left;margin:0;width:100%;}
    .sepetItemB.sepetItemB4.sepetFiyatBold{width:100%!important;}

    body.sepetimBody #divTicimaxCopyrightContent{display:none;}

    body.sepetimBody #headerNew,.sepetimBody .footerTemp {display: none;}
    body .sepetItemB.sepetItemB2 { width: 60%;}
    body .adetGuncelleContent {margin: 10px 0 0;}
    body.sepetimBody .wp-fixed {display: none;}
    body.overflow{overflow: hidden;}
    #divIcerik.homepage{margin: 0 auto;}
    body{padding-top: 0;}
    body.sepetimBody { padding-top: 0; }
    .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;}
    .userContainer .userRightBox{margin-top: 20px;}
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;}
    #divIcerik{padding: 0 10px;margin: 0 auto;}
    .proCategoryTitle.categoryTitleText{padding: 0 10px;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 60px;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    body:has(.newHeaderNavigation.mobileactive) .bottomHead,body:has(.filterBlock.active) .bottomHead{display:none!important;}
    .HomeBody .bottomHead ul li.homeC a svg path{stroke:#de5249}
    .HomeBody .bottomHead ul li.homeC a{color:#de5249}
    .HesabimTakip .bottomHead ul li.welcC a svg path{stroke:#de5249}
    .HesabimTakip .bottomHead ul li.welcC a{color:#de5249}
    /*Sabit sayfalar icerik*/
    .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%; }
    /*Arama*/
    .ButtonMic{right:40px;height: 40px;}
    /*urun butonlari*/
    .ProductIcon{margin: 0;float: left;width: 100%;}
    .ProductIcon > div{margin: 0 0 10px;float: left;width: 100%;}
    .ProductIcon2 > div{margin: 0 0 10px;float: left;width: 100%;}
    .ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
    .ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
    .socialButons iframe{margin-right: 10px;}
    .socialButons .UWhatsApp{float: left;margin-right: 10px;}
    .socialButons .UTelegram{float: left;margin-right: 10px;}
    .TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;}
    .TopDet .product_social_icon_wrapper .PaylasTit{}
    /******************************************************/
    .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1001;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: 0;color: #000;position: relative;height: 60px;display: flex;flex-direction: column;gap: 3px;align-items: center;justify-content: center;}
    .bottomHead ul li a svg{width: 19px;display: block;margin: 0 auto;height: 21px;}
    .bottomHead ul li.welcC a svg{margin-bottom: 0;}
    /*Footer*/
    #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
    #back-to-top{bottom: 11%;right: 2%;}
    #back-to-top a{width: 30px;height: 30px;}
    /*kategori*/
    .categoryContainer .categoryTitleText{padding: 0;margin: 0;}
    .ProductBody .categoryTitle{padding: 0;margin: 0;}
    body .category-vertical-filters.top-filters{width: 100%;height: 100%;box-shadow: none;border: none;}
    body ul.breadcrumb{white-space: nowrap;position: relative;overflow: auto;flex-wrap: nowrap;}
    body ul.breadcrumb::-webkit-scrollbar{width: 0;height: 0;}
    body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;}
    body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;}
    body ul.breadcrumb li:nth-child(1) a:before{display: none;}
    body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;display: none;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 13px!important;max-width: max-content;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 13px!important;content: '...';margin: 0 2px;display: none;}
    body ul.breadcrumb li {font-size: 0!important;}
    body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;}
    body ul.breadcrumb li:nth-last-of-type(1) {max-width: 80%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 13px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a span{font-size: 13px!important;}
    body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;margin: 0 4px 0 7px;}
    .categoryTitleText{position: relative;z-index: 9;}
    .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);}
    .breadList.breadActive{display: block!important;}
    .breadList ul{list-style: none;}
    .breadList .mBread{float: left;width: 100%;}
    .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
    .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;}
    .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;}
    .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .breadList .mBread ul li a span{font-weight: normal;line-height: 15px;}
    .breadList .mBread ul li ul{padding-left: 4px;}
    .breadList .mBread >ul >li >a span{font-weight: 600;}
    .breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;}
    .categoryContainer .breadList .clbtn{right: -5px;}
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
    .categoryContainer .ProductList{margin: 0 -5px;}
    .categoryContainer .ProductListContent .productItem{margin-bottom: 10px;}
    body .mobilFilterOpenBtn .button{font-size: 14px;}
    /*urundetay*/
    body a#linkOncekiSayfa{display: none;}
    body .leftImage a#linkOncekiSayfa {position: absolute;top: 0;left: 0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;display: none;}
    body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
    #divUrunKodu{clear: left;float: left;line-height: 14px;}
    #divUrunKodu span{line-height: 14px;}
    #divTaksitAciklama{clear: left;float: left;}
    
    /*mobilicerik*/
    .detaySliderContainer{margin: 30px 0;}
    .sliderBannerContainer{margin: 10px 0;}

    body #top-bar {text-align: center; font-size: 14px; min-height: 40px; }
    body #headerNew .header-main {height: 65px; padding: 0; }
    body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {left: 2px; top: -15px; }
    #divTopProductSearch .searchform-wrapper .ux-search-categories #ddlAramaKategori {width: 100px; font-size: 14px; white-space: pre-wrap; padding: 0 8px; }
    #divTopProductSearch .searchform-wrapper .ux-search-categories:after {right: 6px; }
    section.anasayfaSlider .bannerTitle.textTypeExtraLarge {font-size: 16px; line-height: 24px; }
    section.anasayfaSlider .bannerSubTitle.textTypeLarge {font-size: 11px; margin-bottom: 0; line-height: 18px; }
    body .bannerButtonWrapper .bannerButton.buttonTypeSecond,body .bannerButtonWrapper .bannerButton.buttonTypeFirst {font-size: 12px; padding: 0 10px; width: 116px; line-height: 30px; }
    body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider .owl-nav {left: 0px; right: 0px; }
    #mainHolder_divDesign .JKatAdi .bold {margin: 10px 0 15px!important; }
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 {font-size: 18px; }
    #mainHolder_divDesign section.altili .hazirBlokContent .txrow .txcol-12:not(.JKatAdi) {-ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
    #mainHolder_divDesign section.uclu .hazirBlokContent .txrow .txcol-12:not(.JKatAdi) {-ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
    section.uclu .bannerTitle.textTypeLarge {font-size: 13px; }
    section.anasayfaBlog .bannerTitle.textTypeLarge {font-size: 16px; margin: 0; }
    section.anasayfaBlog .bannerSubTitle.textTypeMedium {font-size: 13px; }
    section.altili .bannerWrapper.blokTypeTop .bannerTitle.textTypeMedium {font-size: 13px; }
    section.altili .bannerWrapper.blokTypeTop {gap: 10px; }
    section.ikili .bannerTitle.textTypeLarge {font-size: 20px; }
    section.ikili .bannerSubTitle.textTypeMedium {font-size: 15px; margin: 0; }
    body section.ikili .bannerButtonWrapper .bannerButton.buttonTypeSecond {font-size: 14px; line-height: 35px; }
    body #mainHolder_divDesign .ticimaxTabHead {margin: 15px 0 25px; }
    body #mainHolder_divDesign .ticimaxTabHead ul {gap: 10px; }
    body #mainHolder_divDesign .ticimaxTabHead li a {padding: 0 15px; font-size: 12px; }
    body #ticimaxTabContent .ulUrunSlider.owl-carousel .owl-nav {top: -26px!important; }
    body #ticimaxTabContent .owl-carousel .owl-nav > div:hover,body #ticimaxTabContent .owl-carousel .owl-nav > div:hover {background: transparent!important;}
    body #ticimaxTabContent .owl-carousel .owl-nav > div:hover span:after, body #ticimaxTabContent .owl-carousel .owl-nav > div:hover span:after {filter: unset; color: #000; }
    body #ticimaxTabContent .ulUrunSlider.owl-carousel .owl-nav .ProductListprev, body #ticimaxTabContent .ulUrunSlider.owl-carousel .owl-nav .ProductListnext {height: 20px!important; }

    .productIconEx {left: 5px; top: 5px; }
    .productItem {padding: 5px; }
    .productIconEx .firsatIcon {font-size: 11px; width: 40px; height: 25px; line-height: 25px; }
    .productIconEx .newIcon {font-size: 11px; width: 40px; height: 25px; line-height: 25px;}
    .productIconEx .cargoIcon{font-size: 10px; width: 45px; height: 30px;}
    .productIconEx .discountIcon {font-size: 11px; width: 40px; height: 25px; line-height: 25px;}
    .productItem .regularPrice {margin-right: 5px; }
    .productItem .regularPrice span {font-size: 13px; }
    .productItem .discountPrice span {font-size: 14px; }
    .productItem .productName a {font-size: 12px; }
    .productIconExSpecial {top: 5px; right: 5px; }
    .productIconExSpecial > div {min-width: auto; padding: 0 5px; font-size: 11px; height: 25px; line-height: 25px; }
    .productIconExBottom {left: 5px; right: 5px; background: #fff; }

    .footerTemp .storeMedia.horizontal li a img {max-width: 80px; }
    .footerTemp .storeMedia.horizontal {justify-content: flex-start!important; }
    .footerTemp .socialMediaTitle span, .footerTemp .storeMediaTitle span {width: 101px; display: inline-block; margin-right: 0; }
    body .footerTemp .socialMediaDiv .socialMediaTitle {margin: 0; }
    body .footerTemp .socialMediaDiv {margin-bottom: 10px; }
    body .footerTemp .ftop .footerText li {justify-content: flex-start!important; margin-top: 5px; }
    body .footerTemp .ftop .footerText li a {font-size: 20px; }
    #divAdetCombo .right_line, .RightDetail .riSingle {width: 100px; }
    .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown {width: 27px!important; }
    .basketBtn {width: calc(100% - 110px); }
    .TopDet > #divTabYorumlar.urunDetayPanel {margin-top: 20px; }
    .beforeAfterWrapper.beforeAfterLeft .leftBaBlokTitle.textTypeLarge, .beforeAfterWrapper.beforeAfterRight .leftBaBlokTitle.textTypeLarge {font-size: 14px; }

}
@media screen and (min-width:414px) {
}
@media screen and (min-width:375px) and (max-width:413px)  {
}
@media screen and (min-width:0px) and (max-width:374px){
}

.RenkSecimi { position: fixed; width: 300px; background: #fafafa; z-index: 999; padding: 0; top: 0; bottom: 0; left:0}
.RC-Title { font-size: 15px; font-weight: 700; background: #15284b; color: #fff; text-align: left; padding: 0 20px; line-height: 50px; float: left; width: 100%; }
.RC-Detail {float: left;width: 100%;padding: 0px 10px 0px 10px;max-height: 100%;overflow: hidden;overflow-y: auto;position: absolute;top: 110px;bottom: 100px;display: none;}
.RC-MainColor {background: #fff;float: left;width: calc(100% - 20px);border: 1px solid #eee;padding: 0 0 0 10px;margin: 10px;border-radius: 5px;}
.RC-Tab { float: left; width: 100%; }
.RC-TabRow {float: left;width: 100%;border: 1px solid #eee;background: #fff;margin-bottom: 10px;}
.RC-TabRow:last-child{margin-bottom:0}
.RC-TabRow .RC-TabTitle {font-size: 14px;font-weight: 600;color: #555;float: left;width: calc(100% + 2px);padding: 0 10px;border-bottom: 1px solid #eee;cursor: pointer;line-height: 45px;margin-left: -1px;margin-top: -1px;}
.RC-TabRow.active .RC-TabTitle { color: #fff; background: #15284b; }
.RC-TabRow .RC-TabDetail { float: left; width: 100%; display: none; padding: 10px; }
.RC-TabRow .RC-TabDetail ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; }
.RC-TabRow .RC-TabDetail ul li {float: left;width: 100%;border: 1px solid #eee;padding: 0 0 0 10px;margin: 5px 0;border-radius: 5px;}
.RC-TabRow.active .RC-TabDetail { display: block; }
.RC-TabRow .RC-TabTitle:after { content: '\f078'; float: right; font-size: 14px; font-family: 'FontAwesome'; line-height: 45px; display: block; margin-right: 5px; }
.RC-TabRow.active .RC-TabTitle:after { content: '\f077'; }
.RenkSecimi label { padding: 0; font-size: 12px; position: relative; z-index: 2; pointer-events: none; width: auto; float: left; clear: both; line-height: 40px; font-weight: 500; }
.RenkSecimi input.jscolor { appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 0; left: 0; bottom: 0; height: 40px; border-radius: 0; cursor: pointer; width: 70px; border: 0; border-left: 1px solid #eee; font-size: 11px; padding: 0 10px; float: right; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.RenkSecimi input:last-child { margin: 0; }
.RC-Detail::-webkit-scrollbar { width: 5px; }
.RC-Detail::-webkit-scrollbar-track { background: #fafafa; }
.RC-Detail::-webkit-scrollbar-thumb { background: #15284b; }
.RC-Buttons {position: absolute;bottom: 10px;left: 10px;right: 10px;}
.RC-Reset {width: calc(50% - 5px);line-height: 35px;background: #15284b;color: #fff;text-align: center;border-radius: 5px;float: right;cursor:pointer;}
.RC-Save {width: 100%;line-height: 35px;background: green;color: #fff;text-align: center;border-radius: 5px;float: left;margin: 10px 0 0 0;cursor:pointer;}
.RC-Cancel {width: calc(50% - 5px);line-height: 35px;background: #ca0c0c;color: #fff;text-align: center;border-radius: 5px;float: left;cursor:pointer;}
.RC-Cancel:hover{background: #a20b0b;}
.RC-Save:hover{background: #0d940d;}
.RC-Reset:hover{background: #213f75;}
.RC-UrunBox {float: left;width: 100%;margin: 10px 0 0 0;background: #fff;border: 1px solid #eee;padding: 10px;}
.RC-UrunBox-Title {float: left;width: 100%;font-size: 14px;line-height: 1.4;font-weight: 600;margin: 5px 0 0 0;}
.RC-UrunBox ul {float: left;width: calc(100% + 10px);list-style: none;padding: 0;margin: 10px -5px 0;}
.RC-UrunBox ul li {float: left;position: relative;width: calc(33.33% - 10px);border: 1px solid #eee;margin: 0 5px;padding: 5px 0;}
.RC-UrunBox ul li span:before{content:'-';content: '\f111';font-family: 'FontAwesome';font-size: 0;position: absolute;top: 5px;left: 0;right: 0;text-align: center;color: #fff;line-height: 55px;}
.RC-UrunBox ul li input[type="radio"]:checked+span:before{content: '\f058';font-family: 'FontAwesome';font-size: 18px;}
.RC-UrunBox ul li span{font-size: 12px;display:inline-block;vertical-align:middle;line-height: 1.5;width: 100%;text-align: center;}
.RC-UrunBox ul li input{display:inline-block;vertical-align:middle;margin-top: 0;margin-left: 0;position: absolute;width: 100%;height: 100%;z-index: 9;cursor: pointer;opacity: 0;margin: 0;}
.RC-UrunBox ul li span i{font-size: 45px;color: #999;width: 100%;text-align: center;line-height: 55px;}

/* >>> SARIETIKET KATMAN >>> */
/* ==================================================================
   SARIETIKET · TİCİMAX NOVA5 KATMANI — CSS
   Nova5 klonunun style.css dosyasının SONUNA eklenir. Tema CSS'i gövdede
   ikinci kez ve çekirdek CSS'ten önce yüklendiği için kurallar
   "html body" önekli ya da !important.
   Yazı tipi: Urbanist. Üretildi: araclar/derle.mjs — elle düzenleme,
   katman/css/kaynak/ altındaki parçayı değiştir. Satır izi: README.md.
   ================================================================== */

/* Urbanist — SIL Open Font License 1.1 (Google Fonts). Kaynak: https://fonts.googleapis.com/css2?family=Urbanist:wght@300..800&display=swap */
/* latin-ext */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
  size-adjust: 103.4%;
  ascent-override: 74.47%;
  descent-override: 22.24%;
  line-gap-override: 19.34%;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v18/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  size-adjust: 103.4%;
  ascent-override: 74.47%;
  descent-override: 22.24%;
  line-gap-override: 19.34%;
}
:root,
html body { --se-yazi: "Urbanist", -apple-system, "Segoe UI", Roboto, sans-serif; }

/* ── 01-jetonlar.css ── */
/* ---------------------------- 1. JETONLAR ---------------------------
   Kaynak: _proto/ozellestirme.css §1 (satır 10–51), birebir.
   Yazı tipi değişkeni --se-yazi derleyicinin eklediği yazı tipi bloğunda
   tanımlanır (bkz. katman/css/yazitipi/).                               */
:root,
html body {
  /* marka */
  --sari: #FEB907;
  --sari-75: #FECB45;
  --sari-50: #FEDC83;
  --sari-25: #FFEEC1;
  --sari-10: #FFF8E6;

  --murekkep: #141414;
  --murekkep-75: #4F4F4F;
  --murekkep-50: #8A8A8A;
  --murekkep-25: #C4C4C4;
  --murekkep-15: #DCDCDC;
  --murekkep-10: #E8E8E8;

  --kirik-beyaz: #F6F4EF;

  /* temanın kendi jetonlarının üzerine yazılıyor */
  --theme-color: #FEB907;
  --header-bg: #FFFFFF;
  --header-textcolor: #141414;
  --header-bordercolor: #E8E8E8;
  --header-searchbg: #FFFFFF;
  --header-searchcolor: #4F4F4F;
  --header-searchborder: #E8E8E8;
  --header-searchbutoncolor: #141414;
  --header-searchbutonbgcolor: #FEB907;

  --footer-bg: #141414;
  --footer-titlecolor: #FFFFFF;
  --footer-textcolor: #F6F4EF;
  --footer-bordercolor: #2E2E2E;
  --footer-sosyalmedyacolor: #141414;
  --footer-sosyalmedyabg: #FEB907;
  --footer-ebultenbg: #FFFFFF;
  --footer-ebultencolor: #4F4F4F;
  --footer-ebultenbordercolor: #FFFFFF;
  --footer-ebultenbutoncolor: #141414;
  --footer-ebultenbutonbgcolor: #FEB907;
}

/* ── 02-tipografi-aksiyon.css ── */
/* --------------------------- 2. TİPOGRAFİ --------------------------
   Kaynak: _proto/ozellestirme.css §2 (satır 53–63).
   Değişiklik: aile adı sabit "Gilroy" yerine var(--se-yazi).            */
html body,
html body *:not(i):not([class*="fa-"]):not([class*="icon"]) {
  font-family: var(--se-yazi) !important;
}
html body { color: var(--murekkep); -webkit-font-smoothing: antialiased; }
html body h1, html body h2, html body h3, html body h4,
html body .categoryPageTitle {
  font-weight: 700; letter-spacing: -0.01em; color: var(--murekkep);
}
html body .productName a { font-weight: 500; }

/* ------------------------ 3. BİRİNCİL AKSİYON ----------------------
   Kaynak: _proto/ozellestirme.css §3 (satır 65–127).
   Atılan: .proto-dugme-*, .ps-* (yalnız prototipin sepet çekmecesi ve
   kendi sayfaları; Ticimax'te karşılığı yok).
   Kural: sarı zeminin üzerine her zaman MÜREKKEP metin gelir.
   #FEB907 üzerinde beyaz okunmuyor (kontrast 1,7), mürekkep 11,2 veriyor. */
html body .button.primary,
html body .button.secondary,
html body .ux-search-submit,
html body #btnKelimeAra,
html body .btnAddBasketOnDetail,
html body .Addtobasket,
html body .filtreUygulaBtn {
  background: var(--sari) !important;
  background-image: none !important;
  color: var(--murekkep) !important;
  border-color: var(--sari) !important;
  font-weight: 600;
}
html body .button.primary:hover,
html body .ux-search-submit:hover,
html body #btnKelimeAra:hover,
html body .btnAddBasketOnDetail:hover {
  background: var(--murekkep) !important;
  color: #fff !important;
  border-color: var(--murekkep) !important;
  filter: none !important;
}
html body #btnKelimeAra i, html body .ux-search-submit i { color: var(--murekkep) !important; }
html body #btnKelimeAra:hover i { color: #fff !important; }

/* Sayfa tasarımcısından gelen banner düğmeleri.
   Düğme zemini ya sarı ya mürekkep olur, beyaz olmaz.
   Birincil (buttonTypeSecond) sarı, ikincil (buttonTypeFirst) mürekkep. */
html body .bannerButtonWrapper .bannerButton.buttonTypeSecond,
html body .bannerButtonWrapper .bannerButton.buttonTypeSecond:hover {
  background-color: var(--sari) !important;
  background-image: none !important;
  color: var(--murekkep) !important;
  border: 1px solid var(--sari) !important;
  font-weight: 600;
}
html body .bannerButtonWrapper .bannerButton.buttonTypeFirst,
html body .bannerButtonWrapper .bannerButton.buttonTypeFirst:hover {
  background-color: var(--murekkep) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid var(--murekkep) !important;
  font-weight: 600;
}

/* ── 03-duyuru-baslik.css ── */
/* --------------------------- 4. DUYURU ÇUBUĞU ----------------------
   Kaynak: _proto/ozellestirme.css §4 (satır 129–138), birebir.
   Zemin rengi temadaki gibi; yazı mürekkep, sağ uçta kapatma düğmesi (bkz. 13). */
html body #top-bar .html.custom,
html body #top-bar b,
html body .header-top .nav-small,
html body .header-top a {
  color: var(--murekkep) !important;
  font-weight: 600; letter-spacing: .01em;
}

/* ----------------------------- 5. BAŞLIK ---------------------------
   Kaynak: _proto/ozellestirme.css §5 (satır 140–158), birebir.          */
html body #masthead { background: #fff; }
html body #hb-logo { width: auto !important; }
html body #hb-logo img.header_logo { height: 40px !important; width: auto !important; max-height: none !important; display: block; }
html body #divTopProductSearch .searchform-wrapper { border-color: var(--murekkep-10); border-radius: 6px; }
html body #divTopProductSearch .searchform-wrapper #ddlAramaKategori,
html body #divTopProductSearch .searchform-wrapper #txtbxArama { color: var(--murekkep); }
html body #divTopProductSearch .searchform-wrapper #ddlAramaKategori { background: var(--kirik-beyaz); border-radius: 6px 0 0 6px; }
html body #divTopProductSearch .searchform-wrapper .ux-search-categories:hover #ddlAramaKategori { background: var(--sari); color: var(--murekkep); }
html body #divTopProductSearch .searchform-wrapper #btnKelimeAra { border-radius: 0 6px 6px 0; }
html body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { color: var(--murekkep); font-weight: 600; }
html body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a { color: var(--murekkep); }

/* mega menü */
html body .newHeaderNavigation:not(.mobileStyle) .menu-wrap { background: #fff; border-top: 1px solid var(--murekkep-10); box-shadow: 0 14px 28px rgba(20,20,20,.08); }
html body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a { color: var(--murekkep); font-weight: 700; }
html body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a { color: var(--murekkep-75); font-weight: 400; }
html body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover { color: var(--murekkep); }

/* ── 04-kart-altbilgi-genel.css ── */
/* --------------------------- 6. ÜRÜN KARTI -------------------------
   Kaynak: _proto/ozellestirme.css §6 (satır 160–189), birebir.          */
html body .productItem { border-color: var(--murekkep-10); }
html body .productItem:hover { border-color: var(--murekkep-25); }
html body .productPrice .discountPriceSpan,
html body .productPrice .regularPriceSpan { color: var(--murekkep); font-weight: 700; }
html body .productPrice .IndirimVar .regularPriceSpan,
html body .productPrice .regularPrice .regularPriceSpan { color: var(--murekkep-50); font-weight: 400; }
html body .discountKdv, html body .regularKdv { color: var(--murekkep-50); }

/* rozetler: sarı zemin + mürekkep yazı (tema bunlara beyaz yazı veriyordu) */
html body .productIconEx .discountIcon,
html body .productIconEx .newIcon,
html body .productIconEx .cargoIcon,
html body .productIconEx .firsatIcon,
html body .productIconEx .discountIcon *,
html body .productIconEx .cargoIcon * {
  background-color: var(--sari) !important;
  color: var(--murekkep) !important;
  font-weight: 700;
}
html body .productIconEx .discountIcon *,
html body .productIconEx .cargoIcon * { background-color: transparent !important; }
/* "Çok Satan / Popüler" mürekkep rozeti olduğu gibi kalır */
html body .productIconExSpecial > div { background: var(--murekkep) !important; color: #fff !important; }

/* "Ürünü İncele" görsel üstü düğmesi */
html body .productIconExButtons > div { background: rgba(255,255,255,.94) !important; }
html body .productIconExButtons > div a,
html body .productIconExButtons > div a:hover { color: var(--murekkep) !important; }
html body .productIconExButtons > div:hover { background: var(--sari) !important; }

/* ---------------------------- 7. ALT BİLGİ -------------------------
   Kaynak: _proto/ozellestirme.css §7 (satır 191–194), birebir.          */
html body .footerTemp a:hover { color: var(--sari) !important; }
/* Uygulama rozetleri (App Store / Google Play): mağazanın uygulaması yok. Bağlantısı boş/# olan rozet kabı gizlenir;
   gerçek bağlantı gelirse kendiliğinden görünür. (0002 pürüz eki, 27 Eki 2026 canlıya elle eklenmişti; 0005'te depoya alındı.) */
html body footer .appMediaDiv:not(:has(a[href]:not([href="#"]):not([href=""]))) { display: none !important; }

/* --------------------------- 8. GENEL ------------------------------
   Kaynak: _proto/ozellestirme.css §8 (satır 196–199).
   Atılan (satır 200–205): .ps-*, .protoSayfa, #protoRozet, #protoBildirim —
   yalnız prototip sayfaları ve araçları.                                 */
html body a { color: inherit; }
html body ::selection { background: var(--sari); color: var(--murekkep); }
html body *:focus-visible { outline: 2px solid var(--sari); outline-offset: 2px; }

/* ------------------- 9. KALAN TEMA RENGİ ARTIKLARI ------------------
   Kaynak: _proto/ozellestirme.css §9 (satır 207–227), birebir.
   Tema bazı yerlerde kırmızıyı değişken yerine sabit yazmış.            */
html body .footerTemp .newsbutton,
html body .newsletterContent .newsbutton,
html body a.newsbutton {
  background: var(--sari) !important;
  color: var(--murekkep) !important;
  border-color: var(--sari) !important;
  font-weight: 600;
}
html body .footerTemp .newsbutton:hover { background: #fff !important; color: var(--murekkep) !important; }

/* ürün detay indirim rozeti: sarı bloğun üstünde mürekkep yazı */
html body .indirimliOrani,
html body .right_line.indirimliOrani,
html body .discountIconDetail,
html body .urunDetayFiyatContainer .discountIcon,
html body .urunDetayFiyatContainer .discountIcon * {
  color: var(--murekkep) !important;
}
html body .urunDetayFiyatContainer .discountIcon { background: var(--sari) !important; }

/* ------- 10. ÜRÜN KARTI SEPETE EKLE: temanın kendi hareketi korunur --------
   Kaynak: _proto/ozellestirme.css §10 (satır 230–243), birebir.
   Tema düğmeyi mürekkep zeminle başlatıp üzerine gelince zemini kaydırarak
   marka rengini ortaya çıkarıyor; ortaya çıkan renk sarı olduğu için yazı
   mürekkebe dönüyor. (§11 .ps-adim kuralları prototip ödeme sayfasının; atıldı.) */
html body .productIconExBottom .mycartIcon > a {
  background-color: var(--sari);
  background-image: linear-gradient(to bottom, var(--murekkep) 0%, var(--murekkep) 100%);
  border-color: var(--murekkep);
  color: #fff;
}
html body .productIconExBottom .mycartIcon > a:hover {
  color: var(--murekkep);
  border-color: var(--sari);
}

/* ── 05-yukseklik-duyuru-gorsel.css ── */
/* ------------------- 12. BAŞLIK YÜKSEKLİKLERİ ----------------------
   Kaynak: _proto/ozellestirme.css §12 (satır 251–257), birebir.
   Önce 50 + 90 + 60 = 200 px · Sonra 50 + 76 + 52 = 178 px              */
html body #headerNew .header-main { height: 76px; }
html body #headerNew .header-bottom,
html body #headerNew #wide-nav { height: 52px; }
html body #hb-logo img.header_logo { height: 36px !important; }

/* ------------------- 13. DUYURU ÇUBUĞU KAPATMA ---------------------
   Kaynak: _proto/ozellestirme.css §13 (satır 259–267), birebir.
   Düğmeyi katman JS'i ekler (katman/js/kaynak/10-duyuru.js).            */
html body #top-bar .nav-right { justify-content: flex-end; }
html body .duyuruKapat {
  border: 0; background: none; cursor: pointer; line-height: 1;
  font-size: 24px; color: var(--murekkep); opacity: .55;
  padding: 0 2px 3px; margin-left: 8px; transition: opacity .15s;
}
html body .duyuruKapat:hover { opacity: 1; }
html body #top-bar.duyuru-kapali { display: none !important; }
/* döndürülen duyurular arasında yumuşak geçiş (yalnız birden çok duyuru varsa) */
html body #top-bar .se-duyuru { transition: opacity .3s ease; }
html body #top-bar .se-duyuru.se-gizli { opacity: 0; }

/* ------------- 14. GÖRSEL OTURTMA (blok yükseklikleri sabit) -------------
   Kaynak: _proto/ozellestirme.css §14 (satır 269–284), birebir.         */
html body .bannerImageWrapper img,
html body .blokResimLink img,
html body .beforeAfterBlockWrapper img,
html body [class*="beforeAfter"] img {
  object-fit: cover;
  object-position: center;
  width: 100%;
}
/* kategori kartlarindaki urun fotograflari beyaz zeminli, kirpilmasin */
html body .bannerWrapper.textCenterHalign .bannerImageWrapper img { object-fit: contain; background: #fff; }

/* 14b · Blok görsel oranları.
   Kaynak: index9.html'de derleme sırasında her görselin style özniteliğine
   yazılan oranlar (tools/icerik-yerlestir.mjs çıktısı; oran temanın kendi
   demo görselinden ölçülmüş). Ticimax'te görsele öznitelik yazamadığımız
   için aynı değerler blok sınıfına bağlı kurallara taşındı; satır içi
   stilin önceliğini korumak için !important.                            */
html body .anasayfaSlider .bannerImageWrapper img,
html body .altili .bannerImageWrapper img,
html body .ikili .bannerImageWrapper img,
html body .uclu .bannerImageWrapper img,
html body .beforeAfterBlockWrapper img,
html body .anasayfaBlog img.editable {
  object-fit: cover !important; object-position: center !important;
  width: 100% !important; height: auto !important;
}
html body .anasayfaSlider .bannerImageWrapper img { aspect-ratio: 2.7444 !important; }
html body .altili .bannerImageWrapper img { aspect-ratio: 1 !important; }
html body .ikili .bannerImageWrapper img { aspect-ratio: 1.25 !important; object-position: top !important; }
html body .uclu .bannerImageWrapper img { aspect-ratio: 0.8114 !important; }
html body .beforeAfterBlockWrapper img { aspect-ratio: 2.2 !important; }
html body .anasayfaBlog img.editable { aspect-ratio: 1.4333 !important; }

/* ── 06-menu-arama.css ── */
/* ================= 15. MENÜ OKLARI KALDIRILDI ======================
   Kaynak: _proto/ozellestirme.css §15 (satır 286–291), birebir.         */
html body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a span:after,
html body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar:hover > a span:after {
  content: none !important;
  margin-left: 0 !important;
}

/* ================= 16. ARAMA KUTUSU ================================
   Kaynak: _proto/ozellestirme.css §16 (satır 293–355).
   Değişiklik: proto-* sınıfları se-* oldu (proto-acik → se-acik,
   proto-arama-dugme → se-arama-dugme, proto-arama-temizle → se-arama-temizle).
   Kategori seçici ve sarı düğme kaldırıldı. Tek parça hap biçimi,
   solda arama simgesi, odaklanınca beyaz karta dönüşüyor.              */
html body #divTopProductSearch { width: 100%; max-width: 640px; overflow: visible; position: relative; }
html body #divTopProductSearch .header-search-form-wrapper,
html body #divTopProductSearch .searchform,
html body #divArama { overflow: visible; }
html body #divTopProductSearch .searchform-wrapper {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: #F2F2F0;
  overflow: visible;   /* arama katmani disari tasabilsin */
  transition: background .18s, border-color .18s, box-shadow .18s;
}
/* Odaklanınca kutu ile katman tek bir karta dönüşür.
   Genişlik ve konum değişmez: kart arama çubuğuyla aynı hizada kalır. */
html body #divTopProductSearch .header-search-form-wrapper.se-acik {
  /* kapalı hâldeki satırla aynı hizada başlasın diye üstten 14 piksel */
  position: absolute !important; top: 14px !important; left: 0 !important; right: 0 !important;
  width: auto !important; transform: none !important; float: none !important;
  z-index: 100000;
  background: #fff;
  border: 1px solid var(--murekkep-10);
  border-radius: 16px;
  overflow: hidden;                 /* köşeler içerideki öğeleri de kırpsın */
  box-shadow: 0 20px 48px rgba(20,20,20,.16);
}
html body #divTopProductSearch .header-search-form-wrapper.se-acik .searchform,
html body #divTopProductSearch .header-search-form-wrapper.se-acik .searchform-wrapper {
  float: none !important; width: 100% !important;
}
html body #divTopProductSearch .header-search-form-wrapper.se-acik .searchform-wrapper {
  flex: 0 0 auto;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--murekkep-10) !important;
  border-radius: 0 !important;
  box-shadow: none;
}
html body #divAramaKategori { display: none !important; }
html body #divArama { position: relative; }
html body #divArama > .se-arama-dugme {
  position: absolute; left: 0; top: 0; bottom: 0; width: 48px; z-index: 2;
}
html body #divTopProductSearch #btnKelimeAra {
  width: 48px !important; height: 100% !important;
  background: transparent !important; border: 0 !important; border-radius: 999px !important;
}
html body #divTopProductSearch #btnKelimeAra i,
html body #divTopProductSearch #btnKelimeAra:hover i { color: var(--murekkep-50) !important; font-size: 17px; }
html body #divTopProductSearch .searchform-wrapper #txtbxArama {
  background: transparent !important; border: 0 !important;
  padding: 0 44px 0 48px !important; height: 46px !important;
  font-size: 14.5px; color: var(--murekkep);
}
html body #divTopProductSearch #txtbxArama::placeholder { color: var(--murekkep-50); }
html body .se-arama-temizle {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 32px; height: 32px; border: 0; background: none; cursor: pointer;
  font-size: 19px; line-height: 1; color: var(--murekkep-50); display: none; z-index: 3;
}
html body .se-arama-temizle.acik { display: block; }
html body .se-arama-temizle:hover { color: var(--murekkep); }

/* ================= 17. BAŞLIK İKONLARI =============================
   Kaynak: _proto/ozellestirme.css §17 (satır 357–378).
   Değişiklik: proto-ikon-yazi → se-ikon-yazi, proto-hover-yazi → se-hover-yazi.
   Yazıları katman JS'i ekler (prototipte derleme HTML'e yazıyordu).
   Favoriler en solda, diğer ikisi yazılı.                             */
html body .header-nav.nav-right { display: flex; align-items: center; gap: 20px; }
html body .header-nav.nav-right .header-favori-item { order: 1; }
html body .header-nav.nav-right .account-item { order: 2; }
html body .header-nav.nav-right .cart-item { order: 3; }
html body .se-ikon-yazi {
  font-size: 13.5px; font-weight: 500; color: var(--murekkep);
  margin-left: 6px; white-space: nowrap;
}
/* Favoriler yazısı yalnızca üzerine gelince açılır, yerleşim kaymasın diye
   genişlik geçişiyle. */
html body .se-hover-yazi {
  max-width: 0; opacity: 0; overflow: hidden; margin-left: 0;
  transition: max-width .22s cubic-bezier(.4,0,.2,1), opacity .18s, margin-left .22s;
}
html body .header-favori-item:hover .se-hover-yazi { max-width: 110px; opacity: 1; margin-left: 6px; }
html body .account-link:hover .se-ikon-yazi,
html body .header-cart-link:hover .se-ikon-yazi { color: var(--murekkep); text-decoration: underline; text-underline-offset: 3px; }
html body .account-link, html body .header-cart-link { display: flex !important; align-items: center; }
html body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi { margin-left: 5px; font-size: 13.5px; }
/* Telefon/tablet başlığı (≤ 1024 px): Nova 5 sayacı sıfır genişlikli sepet bağlantısına left:2px ile asıyor; yukarıdaki masaüstü
   margin-left'i eklenince sayaç ekranın 2-3 px dışına taşıp sayfayı yatay kaydırılır yapıyordu (390 px: 370 + 2 + 5 + 15 = 392).
   1025 px ve üstünde başlık düzeni farklı, taşma yok. (0002 pürüz eki, 27 Eki 2026 canlıya elle eklenmişti; 0005'te depoya alındı.) */
@media (max-width: 1024px) {
  html body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi { margin-left: 0; }
}
@media (max-width: 1200px) { html body .se-ikon-yazi { display: none; } }

/* ================= 18. ARAMA KATMANI ===============================
   Kaynak: _proto/ozellestirme.css §18 (satır 380–426, 441–442).
   Değişiklik: #protoAramaPanel → #seAramaPanel.
   Katman kartın alt yarısı; kart onunla birlikte büyür.               */
#seAramaPanel {
  position: static; clear: both; background: #fff; border: 0; border-radius: 0;
  display: none; width: 100%; padding: 22px 0 16px;
}
#seAramaPanel.acik { display: block; }
#seAramaPanel .pa-bolum { padding: 14px 22px 6px; }
#seAramaPanel .pa-baslik { font-size: 14px; font-weight: 700; color: var(--murekkep); margin-bottom: 12px; }
#seAramaPanel .pa-ayrac { height: 1px; background: var(--murekkep-10); margin: 8px 22px; }
#seAramaPanel .pa-bos { font-size: 13.5px; color: var(--murekkep-50); padding: 6px 0 14px; }

#seAramaPanel .pa-etiketler { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 6px; }
#seAramaPanel .pa-etiket {
  border: 1px solid var(--murekkep-10); background: #fff; border-radius: 999px;
  padding: 7px 15px; font: 500 13px/1 inherit; color: var(--murekkep); cursor: pointer; transition: .15s;
}
#seAramaPanel .pa-etiket:hover { background: var(--sari); border-color: var(--sari); }

#seAramaPanel .pa-urunler { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; padding-bottom: 6px; }
#seAramaPanel .pa-urun { display: block; text-decoration: none; color: var(--murekkep); }
#seAramaPanel .pa-urun .gorsel {
  display: block; background: #F2F2F0; border-radius: 10px; overflow: hidden;
  aspect-ratio: 1/1; margin-bottom: 9px;
}
#seAramaPanel .pa-urun img { width: 100%; height: 100%; object-fit: contain; display: block; }
#seAramaPanel .pa-urun .marka { display: block; font-size: 12.5px; font-weight: 700; }
#seAramaPanel .pa-urun .ad {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 12.5px; color: var(--murekkep-75); line-height: 1.35; margin: 2px 0 6px; min-height: 34px;
}
#seAramaPanel .pa-urun .fiyat { display: block; font-size: 13.5px; font-weight: 700; }
#seAramaPanel .pa-urun .eski { display: block; font-size: 12px; color: var(--murekkep-50); text-decoration: line-through; margin-top: 2px; }
#seAramaPanel .pa-urun .eski i { font-style: normal; color: #C0392B; text-decoration: none; margin-left: 6px; font-weight: 600; }
#seAramaPanel .pa-urun:hover .marka { color: var(--murekkep); }
#seAramaPanel .pa-urun:hover .gorsel { outline: 2px solid var(--sari); outline-offset: 2px; }

#seAramaPanel .pa-liste { list-style: none; margin: 0; padding: 0; }
#seAramaPanel .pa-liste a {
  display: block; padding: 9px 0; font-size: 14px; color: var(--murekkep-75); text-decoration: none;
}
#seAramaPanel .pa-liste a b { color: var(--murekkep); font-weight: 700; }
#seAramaPanel .pa-liste a:hover { color: var(--murekkep); }

@media (max-width: 1100px) { #seAramaPanel .pa-urunler { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { #seAramaPanel .pa-urunler { grid-template-columns: repeat(2, 1fr); } }

/* ---- banner yazı rengi blok tipine göre ----
   Kaynak: _proto/ozellestirme.css satır 428–440, birebir.
   Yazı görselin ÜSTÜNDEyse beyaz, ALTINDAysa mürekkep.                */
html body .bannerWrapper.blokTypeBackround .bannerTitle,
html body .bannerWrapper.blokTypeBackround .bannerSubTitle {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
html body .bannerWrapper:not(.blokTypeBackround) .bannerTitle,
html body .bannerWrapper:not(.blokTypeBackround) .bannerSubTitle {
  color: var(--murekkep) !important;
  text-shadow: none;
}
/* arama katmanında ilk başlık girişten uzakta dursun */
#seAramaPanel > .pa-bolum:first-child { padding-top: 4px; }

/* Katmanın kendi yazarken önerisi (35-arama-oneri.js) varken Ticimax'in otomatik tamamlama paneli gizlenir;
   öneri gelmezse (servis yok/boş yanıt) sınıf verilmez ve Ticimax'in paneli görünür kalır. */
html body.se-oneri #divAramaAlani { display: none !important; }

/* ================= 16b. ARAMA · TELEFON / TABLET (≤ 1100 px) ========
   Ticimax bu genişlikte aramayı başlıktaki simgeye bağlar: simgeye dokununca #divTopProductSearch.dropactive olur ve
   .header-search-form-wrapper başlığın ALTINDA, tam genişlikte açılır (position:absolute; left:0; right:0; top:100%; kaba göre).
   Masaüstü kuralı #divTopProductSearch'i position:relative (genişlik 100%, en çok 640 px) yapıyordu: telefonda bu kap yalnız
   simgenin genişliğinde (~22 px) olduğundan sarmal 30 px'lik şeride sıkışıyor, yazarken öneri paneli okunmaz oluyordu
   (0005, canlı 27 Eki). Kap statik kalır: sarmalın kabı başlık satırı (.header-inner) olur, kart tam genişlikte, başlığın altında açılır.
   Paneli kendi içinde kayar (JS: --se-panel-yuk = klavye üstündeki boş yükseklik); klavye açıkken sayfa kaymaz.
   Ticimax'in telefon otomatik tamamlaması (≤ 801 px: tam ekran #divAramaAlani, body.topAutocompleteActive'de kutuyu görünmez ve
   dokunulmaz yapıyor, sayfa kaydırmayı kilitliyor) katman önerisi varken ya da beklenirken (body.se-yazar) gizlenir ve kutu görünür
   kalır; öneri gelmezse sınıf kalkar, Ticimax'in paneli açılır (yedek). Telefonda katman paneli ayar: aramaOneriTelefon.       */
@media (max-width: 1100px) {
  html body #divTopProductSearch { position: static; width: auto; max-width: none; }
  html body #divTopProductSearch .header-search-form-wrapper.se-acik {
    top: 100% !important;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 18px 32px rgba(20,20,20,.14);
  }
  html body #divTopProductSearch .header-search-form-wrapper.se-acik .searchform-wrapper { padding: 6px 10px; box-sizing: border-box; height: auto !important; }
  html body #divTopProductSearch .header-search-form-wrapper.se-acik #txtbxArama { height: 44px !important; background: #F2F2F0 !important; border-radius: 999px !important; }
  html body #divTopProductSearch .header-search-form-wrapper.se-acik #divArama > .se-arama-dugme { left: 10px; }
  html body #divTopProductSearch .header-search-form-wrapper.se-acik .se-arama-temizle { right: 14px; }
  #seAramaPanel { padding: 6px 0 12px; max-height: var(--se-panel-yuk, 60vh); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  #seAramaPanel .pa-bolum { padding: 10px 16px 4px; }
  #seAramaPanel .pa-ayrac { margin: 6px 16px; }
  #seAramaPanel .pa-liste a { padding: 12px 0; font-size: 15px; }
  /* kart açıkken sayfa kararır (başlığın altında); perdeye dokunmak yalnız kartı kapatır */
  html body.se-perde::after { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(20,20,20,.38); z-index: 999; }
  html body.se-yazar #divAramaAlani,
  html body.se-yazar #divAramaSonuc { display: none !important; }
  html body.se-yazar #txtbxArama { opacity: 1 !important; pointer-events: auto !important; caret-color: auto !important; }
}

/* ── 07-yapisik-baslik.css ── */
/* ---- anasayfada başlık gölgesi yok ----
   Kaynak: _proto/ozellestirme.css satır 540–546.
   Değişiklik: prototipin sayfa koşulu (body[data-proto-sayfa^="index"])
   Ticimax'te yok; anasayfa Ticimax'te #divIcerik.homepage ile işaretli,
   koşul :has() ile ona bağlandı. Önceliği sıfır kalsın diye :where() içinde:
   aksi hâlde kaydırınca başlığı sabitleyen .se-sabit kuralını ezer.     */
html body:where(:has(#divIcerik.homepage)) #headerNew { position: relative; z-index: 20; }
html body:where(:has(#divIcerik.homepage)) #wide-nav,
html body:where(:has(#divIcerik.homepage)) .header-bottom { box-shadow: none !important; }

/* ================= 20. KAYDIRMAYA BAĞLI BAŞLIK =====================
   Kaynak: _proto/ozellestirme.css §20 (satır 548–575) ve ozellestirme.js C-22 (satır 109–139).
   Prototip 140 px eşiğinde bir sınıf açıp kapatıyor, boyları 0,22 sn'lik geçişle (height) değiştiriyordu;
   geçiş sürerken başlık akıştan çıkıp giriyor, içerik yukarı-aşağı sıçrıyordu. Burada eşik ve geçiş yok:
   başlık boyu, logo ve satırlar kaydırma miktarına doğrudan bağlı (40-yapisik.js her karede tek okuma, tek yazma):
     --ilerleme  0 (sayfa başı, 178 px) … 1 (102 px); 0–76 px kaydırmada doğrusal, parmağı/tekerleği izler,
                 geri kaydırınca aynı yoldan döner. Zamanlı geçiş (transition/animation) yok.
   Başlık hep position:fixed (.se-sabit) ve yerini sabit yükseklikli #seBaslikBoslugu tutar: içerik hiç oynamaz.
   Başlığın alt kenarı doğal kaydırmayla aynı çizgide iner (178 − kaydırma), 76 px sonra 102 px'te durur.
   .se-kaydi yalnız ilerleme > 0 iken var: sayfa başında Ticimax/Nova5 kuralları olduğu gibi çalışır.       */
html body #headerNew.se-sabit {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  background: #fff;
  /* Nova5 .fixed (HeaderFixed, eşik 178 px): transition: all .5s + 1 sn'lik smoothScroll animasyonu (başlığı −70 px'e
     fırlatıp geri indiriyordu) katmanın kendi yönetimiyle çakışıyor; zamanlı hiçbir şey çalışmaz. */
  transition: none; animation: none;
}
/* Nova5 .fixed #top-bar { display:none } kaydırma ilerlemesini atlatmasın: duyuru satırı ilerlemeyle daralır */
html body #headerNew.se-sabit #top-bar { display: flex; }
html body #headerNew.se-kaydi #top-bar {
  box-sizing: border-box; min-height: 0; overflow: hidden;
  height: calc(var(--se-ust, 50px) * (1 - var(--ilerleme)));
  opacity: calc(1 - var(--ilerleme));
}
html body #headerNew.se-kaydi .header-main { height: calc(76px - 18px * var(--ilerleme)); }
html body #headerNew.se-kaydi .header-bottom,
html body #headerNew.se-kaydi #wide-nav { height: calc(52px - 8px * var(--ilerleme)); }
html body #headerNew.se-kaydi #hb-logo img.header_logo { height: calc(36px - 10px * var(--ilerleme)) !important; }
html body #headerNew.se-kaydi #divTopProductSearch .searchform-wrapper { height: calc(48px - 10px * var(--ilerleme)) !important; }
html body #headerNew.se-kaydi #divTopProductSearch #txtbxArama { height: calc(46px - 8px * var(--ilerleme)) !important; }
html body #headerNew.se-kaydi .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { font-size: calc(16px - 1px * var(--ilerleme)); }

/* Başlık içinde "transition: all .3s" olan tek öğe arama düğmesi (Ticimax): yüksekliği (%100) ve görünürlüğü kaydırmaya bağlı
   boyla birlikte 0,3 sn gecikmeli kayıyordu; yalnız renk/zemin/çerçeve/opaklık geçişi kalır. */
html body #headerNew.se-sabit #btnKelimeAra { transition: color .3s, background-color .3s, border-color .3s, opacity .3s; }

/* gölge: yalnız opacity değişir (ilerlemeyle belirir) */
html body #headerNew.se-sabit::after {
  content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 22px; pointer-events: none;
  background: linear-gradient(rgba(20,20,20,.12), rgba(20,20,20,0)); opacity: 0;
}
html body #headerNew.se-kaydi::after { opacity: var(--ilerleme); }

/* Ürün sayfasında ürün çubuğu girerken başlık yukarı çıkar (10-urun-detay.css; --cikis 40-yapisik.js'in verdiği 0…1) */
html body #headerNew.se-cubukta { transform: translateY(calc(var(--cikis, 0) * (-100% - 24px))); }
html body #headerNew.se-cikti { visibility: hidden; }

/* başlık akıştan çıkık olduğundan içerik yerini sabit yükseklikli boşlukla korur; yükseklik (178/168 px) 40-yapisik.js'ten,
   kaydırmayla DEĞİŞMEZ: içerik oynamaz. */
#seBaslikBoslugu { height: 0; }

/* Hero slider okları dikeyde tam ortada dursun.
   Kaynak: _proto/ozellestirme.css satır 648–651 (§21 içinde, anasayfaya ait), birebir. */
html body .anasayfaSlider .owl-nav { top: 50% !important; }
html body .anasayfaSlider .owl-nav > * { transform: translateY(-50%); }

/* ── 08-rozet-cizgi-kart.css ── */
/* ================= 22. ÜRÜN KARTI ROZETLERİ ========================
   Kaynak: _proto/ozellestirme.css §22 (satır 668–750), birebir.
   Rozetler içeriği kadar geniş, tek satır; indirim sarı (en yüksek sesli),
   fırsat mürekkep, kargo ve yeni ince çerçeveli beyaz.                 */
html body .productIconEx { left: 10px; top: 10px; gap: 6px; align-items: flex-start; }
html body .productIconEx > div,
html body .productIconEx .discountIcon,
html body .productIconEx .newIcon,
html body .productIconEx .cargoIcon,
html body .productIconEx .firsatIcon,
html body .productIconExSpecial > div {
  /* tek tek sınıf adıyla da yazıldı: temanın .productIconEx .discountIcon
     kuralı (30 px yükseklik, 10 px köşe) aksi halde bu ölçüleri eziyordu */
  width: auto !important;
  min-width: 0;
  height: 24px;
  line-height: 24px;
  padding: 0 9px;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .015em;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center;
  box-shadow: 0 1px 4px rgba(20,20,20,.10);
}

/* indirim: markanın sarısı, mürekkep yazı — karttaki en yüksek sesli öge */
html body .productIconEx .discountIcon {
  background: var(--sari) !important;
  color: var(--murekkep) !important;
  font-size: 12.5px;
  font-weight: 800;
  padding: 0 10px;
}
html body .productIconEx .discountIcon .discountIcon_s1 { font-weight: 800; }

/* fırsat: dolu mürekkep */
html body .productIconEx .firsatIcon {
  background: var(--murekkep) !important;
  color: #fff !important;
  /* temanın .firsatIcon kuralı 14 px veriyordu; rozet diğerlerinden iri kalıyordu */
  font-size: 11px; font-weight: 600;
}

/* kargo ve yeni: beyaz zemin, ince çerçeve — sarıyı yormayan ikinci ses */
html body .productIconEx .cargoIcon,
html body .productIconEx .newIcon {
  background: #fff !important;
  color: var(--murekkep) !important;
  border: 1px solid var(--murekkep-25);
  font-weight: 600;
  font-size: 11px;
}
html body .productIconEx .cargoIcon *,
html body .productIconEx .newIcon * { background: transparent !important; }

/* sağ üstteki "Çok Satan / Popüler" aynı ölçüde, dolu mürekkep */
html body .productIconExSpecial { top: 10px; right: 10px; }
html body .productIconExSpecial > div {
  background: var(--murekkep) !important;
  color: #fff !important;
  float: none;
  margin: 0 0 6px;
  font-weight: 600;
}

@media (max-width: 767px) {
  html body .productIconEx { left: 6px; top: 6px; gap: 4px; }
  html body .productIconExSpecial { top: 6px; right: 6px; }
  html body .productIconEx > div,
  html body .productIconEx .discountIcon,
  html body .productIconEx .newIcon,
  html body .productIconEx .cargoIcon,
  html body .productIconEx .firsatIcon,
  html body .productIconExSpecial > div {
    height: 21px; line-height: 21px; padding: 0 7px; font-size: 10.5px; border-radius: 3px;
  }
  html body .productIconEx .discountIcon { font-size: 11.5px; padding: 0 8px; }
}

/* ================= 28. MENÜ ALTI ÇİZGİSİ ===========================
   Kaynak: _proto/ozellestirme.css §28 (satır 1117–1124), birebir.       */
html body #headerNew .header-bottom::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: var(--murekkep-10); pointer-events: none; z-index: 2;
}

/* ================= 29. ÜRÜN KARTI · MODA ORANI =====================
   Kaynak: _proto/ozellestirme.css §29 (satır 1127–1148), birebir.
   Kart görsel kutusu kareden 3:4 dikeye; görsel kutuyu dolduruyor.     */
html body .productItem .productImage a,
html body .productItem .productImage a.Videolu { padding-bottom: 133.3333% !important; }
html body .productItem .productImage img {
  width: 100% !important; height: 100% !important;
  max-width: none !important; max-height: none !important;
  object-fit: cover; object-position: center 20%;
}

/* Görsel kartın kenarına dayanır: üstte ve iki yanda beyaz çerçeve yok. */
html body .productItem { padding: 0 !important; }
html body .productItem .productDetail { margin-top: 14px !important; padding: 0 15px 15px; }
@media (max-width: 767px) {
  html body .productItem .productDetail { margin-top: 10px !important; padding: 0 8px 10px; }
}

/* ── 09-ticimax-uyum.css ── */
/* ================= TİCİMAX UYUMU (yeni) ============================
   Prototipte derleme ya da prototip.js'in yaptığı, Ticimax'te CSS ile
   karşılanması gereken farklar. Her madde kıyas düzeneğiyle bulundu.     */

/* Kartta marka satırı ("Vakko / ürün adı").
   index9: prototip kartı .productMarka'yı görünür basıyordu.
   Ticimax: kart şablonunda .productMarka zaten var, tema satır içi
   style="display:none" ile gizliyor → !important ile açılır.
   (Araştırma §5 #14 "kısmi" sanılmıştı; şablon değişmeden birebir.)      */
html body .productItem .productMarka { display: block !important; }

/* Yapışkan başlıkta çift boşluk olmasın.
   Ticimax kendi yapışkan başlığında body'ye headerfixed sınıfı ve satır içi
   padding-top (başlık boyu, 178 px) veriyor; katman da #seBaslikBoslugu ile
   aynı boşluğu ayırıyor (index9 davranışı, eşik 140 px). İkisi toplanınca
   içerik 178 px aşağı kayıyordu (davranış denetimi "yapisik").            */
html body.headerfixed { padding-top: 0 !important; }

/* Mega menü açılınca sayfa kararmasın.
   Nova5 style.css: .hoverr:before { position: fixed; background: rgba(0,0,0,.4) }
   ve Ticimax menü üzerine gelince #divIcerik'e hoverr ekliyor. index9'da
   karartma yok (davranış denetimi "mega"). İstenirse bu kural silinir.   */
html body .hoverr::before { content: none !important; }

/* ── 10-urun-detay.css ── */
/* ================= 21. ÜRÜN DETAY ==================================
   Kaynak: _proto/ozellestirme.css §21 (satır 577–646), ürün sayfasına ait kısım.
   Değişiklik: #protoUrunBar → #seUrunBar, pub-* → su-*, proto-baslik-gizli → se-baslik-gizli;
   çubuğun yazı tipi katmanın genel kuralından gelir (02-tipografi); düğme için font kısayolu
   (geçersizdi) ve marka yoksa ad gösterimi yeni.
   Nova5'te .TopDet'in üçüncü çocuğu .urunDetayPanel (yorum/öneri alanı, tam genişlik) de .TopDet'in
   içinde; yapışkan sütunun sınırı bütün .TopDet olduğu için sütun o alanın üstüne biner (prototipte alan
   .TopDet dışındaydı). Alan opak ve sütunun üstünde çizilir: sütun sağ sütun bitince onun altına kayar.
   Satır float yerine grid (iki sütun + alttaki tam genişlik alan).                                   */

/* Görsel sütunu, sağdaki içerik bitene kadar başlığın altında yapışık kalır.
   Tema sütunları float ile diziyor; float yapışkanlığı engellediği için satır grid'e çevrildi. */
html body .TopDet { display: grid; grid-template-columns: 55% 45%; align-items: start; }
html body .TopDet > .leftImage,
html body .TopDet > .RightDetail { float: none !important; width: auto !important; max-width: none !important; }
html body .TopDet > .leftImage { grid-column: 1; grid-row: 1; }
html body .TopDet > .RightDetail { grid-column: 2; grid-row: 1; padding-left: 32px; box-sizing: border-box; }
html body .TopDet > .urunDetayPanel { grid-column: 1 / -1; grid-row: 2; position: relative; z-index: 2; background: #fff; }
html body .TopDet > .leftImage {
  position: sticky;
  top: 116px;            /* incelmiş başlık 102 px + 14 px boşluk */
  align-self: start;
}
/* Ana görsel kutusuna ortalanır, oranı bozulmadan sığar.
   Yükseklik ekrana sığacak şekilde sınırlı: hem görsel tam görünür,
   hem de sağdaki içerik kayarken yapışacak pay kalır. */
html body .leftImage .Images,
html body .leftImage .imageZoomPreview {
  display: flex; align-items: center; justify-content: center;
  background: #fff; overflow: hidden;
  height: min(62vh, 620px) !important;
}
html body .leftImage .imageZoomPreview img,
html body .leftImage img.cloudzoom {
  width: auto !important; height: auto !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: contain; margin: 0 auto; display: block;
}

/* --- üstte beliren ürün çubuğu (kaydırınca başlığın yerini alır) ---
   Prototip: asıl düğmenin altı görünüm üstünden 90 px yukarı çıkınca bir sınıf açılıyor, çubuk 0,24 sn'de iniyor ve başlık
   aynı anda 0,24 sn'de yukarı çıkıyordu (ikisi birden ekranda, üst üste).
   Burada zamanlı geçiş yok, kaydırmaya bağlı ve sıralı (45-urun-cubugu.js, --cikis / --giris 0…1):
     1) düğmenin altı 90 + 176 px (başlık boyu + çubuk boyu) çizgisine gelince başlık kaydırma hızında yukarı çıkar (--cikis),
     2) başlık tamamen çıkınca çubuk aynı hızla iner (--giris); düğmenin altı 90 px'e geldiğinde tam açıktır (prototiple aynı son durum).
   Aynı karede başlık ve çubuk birlikte görünmez; geri kaydırınca aynı yoldan döner. Başlığın çıkışı 07-yapisik-baslik.css'te.
   Kapalıyken görünmez ve odak almaz (visibility, kaydırma bağlı --giris > 0 olunca .se-acik). */
#seUrunBar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1001;
  background: #fff; border-bottom: 1px solid var(--murekkep-10);
  transform: translateY(calc((1 - var(--giris, 0)) * (-100% - 24px))); visibility: hidden;
  box-shadow: 0 4px 22px rgba(20,20,20,.10);
}
#seUrunBar.se-acik { visibility: visible; }
#seUrunBar .su-ic { display: flex; align-items: center; gap: 16px; padding: 10px 0; max-width: 1320px; margin: 0 auto; box-sizing: border-box; }
#seUrunBar .su-gorsel {
  width: 52px; height: 52px; object-fit: contain; background: #F2F2F0; border-radius: 6px; flex: 0 0 auto;
}
#seUrunBar .su-metin { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline; gap: 10px; }
#seUrunBar .su-marka { font-weight: 700; font-size: 14px; white-space: nowrap; }
#seUrunBar .su-marka:empty { display: none; }
#seUrunBar:not(.se-markali) .su-ad { color: var(--murekkep); font-weight: 600; }
#seUrunBar .su-ad {
  font-size: 14px; color: var(--murekkep-75);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#seUrunBar .su-fiyat { flex: 0 0 auto; text-align: right; }
#seUrunBar .su-fiyat b { font-size: 16px; font-weight: 700; display: block; }
#seUrunBar .su-fiyat s { font-size: 12.5px; color: var(--murekkep-50); }
#seUrunBar .su-fiyat s:empty { display: none; }
#seUrunBar .su-dugme {
  flex: 0 0 auto; border: 0; cursor: pointer; background: var(--murekkep); color: #fff;
  padding: 13px 34px; border-radius: 999px; font-weight: 600; font-size: 13.5px; line-height: 1;
}
#seUrunBar .su-dugme:hover { background: var(--sari); color: var(--murekkep); }
#seUrunBar .su-dugme:disabled { opacity: .45; cursor: not-allowed; background: var(--murekkep); color: #fff; }

/* beden/renk seçilmeden çubuktan sepete ekleyince kaydırılan satır */
html body .eksecenekLine.se-secim-uyari { outline: 2px solid var(--sari); outline-offset: 6px; border-radius: 4px; }
html body .eksecenekLine { transition: outline-color .3s ease; }

@media (max-width: 1024px) {
  html body .TopDet { display: block; }
  html body .TopDet > .leftImage,
  html body .TopDet > .RightDetail { width: 100% !important; padding-left: 0; }
  /* Nova5'in telefon galerisi (#divMobileImageList) .leftImage'e göre mutlak konumlanır: sütun göreli kalmalı
     (prototipteki static galeriyi bütün .TopDet'e yayıp varyasyon kutularını örtüyordu). float: none olunca
     sağ sütun içindeki float'lı satırları sarmaz: flow-root ile sarılır. */
  html body .TopDet > .leftImage { position: relative; }
  html body .TopDet > .RightDetail { display: flow-root; }
  html body .leftImage .Images,
  html body .leftImage .imageZoomPreview { height: auto !important; max-height: 70vh; }
}
@media (max-width: 767px) {
  /* telefonda marka varsa yalnız marka, yoksa ürün adı; eski fiyat gizli */
  #seUrunBar.se-markali .su-ad, #seUrunBar .su-fiyat s { display: none; }
  #seUrunBar .su-ic { gap: 12px; padding: 10px 10px; }
  #seUrunBar .su-dugme { padding: 12px 18px; }
}

/* Ürün adı: prototipte h1 yazısı mürekkep (#141414); canlıda Ticimax adı h1 içindeki span'e yazıyor ve span #000 alıyordu.
   (Renk eki, 27 Eki 2026, prototip ↔ canlı getComputedStyle karşılaştırması; canlıya elle eklenmişti, 0005'te depoya alındı.) */
html body .ProductDetailMain .ProductName h1 span { color: inherit !important; }

/* ── 11-slider-oklari.css ── */
/* ================= ANASAYFA SLIDER OKLARI (yeni) ===================
   Toplantı isteği (26 Eki 2026, madde 7): "slider okları daha geniş / dışarıda". Prototipte de yok:
   orada oklar 32 px, çerçevesiz, 1320 px'lik içerik sütununun kenarında duruyordu (x=60 / 1380).
   Burada: 56 px yuvarlak beyaz düğme, GÖRÜNÜMÜN kenarından 24 px içeride (içerik sütununun dışında), üzerine gelince sarı.
   Ok işareti Ticimax'in kendi işareti (demoda span::after svg, canlıda span içindeki ‹ ›), düğme boyutu dışında dokunulmaz.
   Dikey ortalama: nav top: 50% + düğmeler translateY(-50%).

   Seçici (0005): 0003'te `section.anasayfaSlider` hedeflenmişti; o sınıf yalnız Nova 5 demosunun hero bloğunda var. Canlı mağazanın hero'su
   başka blok türü (`section#sliderblok_1.landing-block`, demo: `section#multiblok_0.multiBlockSliderWrapper`): kural canlıya uymuyor, oklar
   32 px kalıyordu. İki blokta da ortak olan, hero'ya özgü sınıf `.owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"])` (ürün karuselleri
   `anasayfa_urun_slider`); kimlik numarası bloğa göre değişir, sınıf sabittir.
   Çok öğeli sliderlar (`sliderAyaritems-N`: demodaki blog bloğu `section#multiblok_7`) hero değildir ve muaftır: onların okları Ticimax'in kendi 32 px'inde kalır
   (kıyasta blog bölümü 390 px'te %2,82 → %4,78'e çıkmıştı).
   Seçici ağırlığı: Nova5 demoda bu düğmeyi "body section#multiblok_0 .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav
   .ProductListprev { background:0!important }" ile sıfırlıyor (kimlikli, önem işaretli) → #mainHolder_divDesign + section ile aşılır.
   Yatay konum görünümün kenarına göre: nav kabı carousel genişliğinde (demoda 1440 = görünüm, canlıda 1320 = ortada sütun), bu yüzden
   sol/sağ = 24px − (görünüm − kap) / 2 (demoda 24 px, canlıda −36 px: düğme içerik sütununun dışına taşar).                       */
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav {
  left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important;
  top: 50% !important;
}
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev,
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext {
  width: 56px !important; height: 56px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important; box-shadow: 0 4px 18px rgba(20,20,20,.22) !important;
  display: flex !important; align-items: center; justify-content: center; transform: translateY(-50%);
  top: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1;
  transition: background .18s ease, opacity .18s ease;
}
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev { left: calc(24px - (100vw - 100%) / 2) !important; right: auto !important; }
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext { right: calc(24px - (100vw - 100%) / 2) !important; left: auto !important; }
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev:hover,
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext:hover { background: var(--sari) !important; }
/* Ticimax'in demodaki ok svg'si beyaz (koyu fotoğraf üstü içindi): beyaz daire üstünde mürekkep rengine çevrilir; canlıdaki metin oku (‹ ›) mürekkep */
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev span::after,
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext span::after { filter: brightness(0); }
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev span,
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext span { color: var(--murekkep); }
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.disabled { opacity: .35; cursor: default; }
html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.disabled:hover { background: rgba(255,255,255,.92) !important; }
@media (max-width: 767px) {
  html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev,
  html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext { width: 40px !important; height: 40px !important; }
  html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev { left: calc(8px - (100vw - 100%) / 2) !important; }
  html body #mainHolder_divDesign section .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext { right: calc(8px - (100vw - 100%) / 2) !important; }
}

/* ── 12-tam-genislik.css ── */
/* ================= ANASAYFA ÜST BÖLÜMLERİ: TAM GENİŞLİK (0007) ===========
   Eren (27 Eki 13:52): "Bu kısmı tam genişlik yaptırır mısın?" Marka butik şeridi ve hero slider.
   Ölçülen (canlı, ziyaretçi, çubuksuz görünüm): ikisi de Ticimax'in `.ticiContainer` sütununda duruyor;
   sütun 1440'ta 1320 (kenarlar 60/60), 1600'de 1480 (60/60), 1920'de 1600 (160/160), 2560'ta 1600 (480/480).
   Prototip (index9): bölümler `#mainHolder_divDesign` doğrudan çocuğu, kapsayıcısız: 0/0 her genişlikte.
   Burada: yalnız bu iki bölümün kapsayıcısı (`.ticiContainer`, `.txrow`, `.txcol-*`) sınırsız ve dolgusuz olur.
   - `100vw` KULLANILMAZ: genişlik kaynağı bölümün kendisi (blok düzeni, görünüm genişliği = çubuk payı düşülmüş belge genişliği),
     bu yüzden klasik kaydırma çubuğunda da yatay taşma/kaydırma çıkmaz.
   - Yalnız ≥ 768 px: telefonda (390/360) Ticimax'in kendi %1 kenar boşluğu aynen kalır (görev: "telefonda bugünkü görünüm bozulmasın").
   - Seçici blok kimliğine değil türüne bağlı: butik = içinde `.se-butik` olan bölüm; hero = `section[id^="sliderblok_"]` (canlı) ya da
     `section.anasayfaSlider` (Nova 5 demosu). Başka bloklar (kategori kareleri, ürün şeritleri) sütunda kalır.
   Prototipte kapsayıcı içinde olan bir bölüm olsaydı da Eren'in isteği geçerli: ikisi de kenardan kenara.             */
@media (min-width: 768px) {
  html body #mainHolder_divDesign > section:has(.se-butik),
  html body #mainHolder_divDesign > section[id^="sliderblok_"],
  html body #mainHolder_divDesign > section.anasayfaSlider {
    width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  html body #mainHolder_divDesign > section:has(.se-butik) > .ticiContainer,
  html body #mainHolder_divDesign > section[id^="sliderblok_"] > .ticiContainer,
  html body #mainHolder_divDesign > section.anasayfaSlider > .ticiContainer,
  html body #mainHolder_divDesign > section.anasayfaSlider > .ticiContainer-full {
    width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  html body #mainHolder_divDesign > section:has(.se-butik) .txrow,
  html body #mainHolder_divDesign > section[id^="sliderblok_"] .txrow,
  html body #mainHolder_divDesign > section.anasayfaSlider .txrow {
    margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important;
  }
  html body #mainHolder_divDesign > section:has(.se-butik) .txrow > [class*="txcol-"],
  html body #mainHolder_divDesign > section[id^="sliderblok_"] .txrow > [class*="txcol-"],
  html body #mainHolder_divDesign > section.anasayfaSlider .txrow > [class*="txcol-"] {
    padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; min-width: 0;
  }
}

/* Hero okları: bölüm artık görünüm genişliğinde, kenara 24 px (11-slider-oklari.css görünüm genişliğini `100vw` ile hesaplıyordu: klasik
   kaydırma çubuğunda 7,5 px kayardı). Telefonda (≤ 767) o kural aynen geçerli. */
@media (min-width: 768px) {
  html body #mainHolder_divDesign > section[id^="sliderblok_"] .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev,
  html body #mainHolder_divDesign > section.anasayfaSlider .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListprev { left: 24px !important; right: auto !important; }
  html body #mainHolder_divDesign > section[id^="sliderblok_"] .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext,
  html body #mainHolder_divDesign > section.anasayfaSlider .owl-carousel.owl-theme.anasayfa_tek_slider:not([class*="sliderAyaritems"]) .owl-nav div.ProductListnext { right: 24px !important; left: auto !important; }
}

/* ── 13-urun-seridi.css ── */
/* ================= ÜRÜN ŞERİDİ OKLARI + KART GÖRSEL NOKTALARI (0007) =======
   Köprü 14:08 (Eren/Oğuz: "görseller geçmiyor"): iki ayrı şey ölçüldü.
   1) Şerit okları (Yeni Gelenler vb., `.ulUrunSlider .owl-nav .ProductListprev/next`): Nova 5 okları `…/Uploads/EditorUploads/images/left.svg` ve
      `right.svg` dosyalarıyla çiziyor (style.css 1227–1229, göreli adres). Bu dosyalar Nova 5 demo mağazasında var, sarietiket.com'da YOK (404):
      oklar 38 px beyaz daire, içi boş, beyaz zeminde görünmüyordu (şerit kayıyor, otomatik de oynuyor, ama okun varlığı belli değildi).
      Burada aynı çizim (ince gri ok, 26×14) satır içi veri adresiyle verilir: dosya yüklemek gerekmez. Üzerine gelince koyulaşır
      (Nova 5 kuralı oku `brightness(3.5)` ile BEYAZLATIYORDU: beyaz zeminde kaybolurdu).
   2) Kart görsel noktaları (65-kart-gorsel.js): prototipteki C-25 noktaları (ozellestirme.css 655–665), `pk-*` → `se-kg-*`.
   3) Şeridin altındaki ince siyah çizgi (Eren'in ekranında sol altta): "Ürün + banner" bloğunun başlıksız tek sekmesinin etkin çizgisi
      (`#ticimaxTabContent .ticimaxTabHead li.ticimaxTabHead_active > a` boş) — şerit ilerleme çizgisi değil. Başlığı olmayan tek sekme gizlenir.   */
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListprev span::after,
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListnext span::after {
  content: ""; display: inline-block; width: 26px; height: 14px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;
  vertical-align: middle; font-size: 0 !important; filter: none; transition: filter .15s ease;
}
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListprev span::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14' viewBox='0 0 26 14'%3E%3Cpath d='M25 7H1.5M7.5 1L1.5 7l6 6' fill='none' stroke='%23888' stroke-width='1.43' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListnext span::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14' viewBox='0 0 26 14'%3E%3Cpath d='M1 7h23.5M18.5 1l6 6-6 6' fill='none' stroke='%23888' stroke-width='1.43' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListprev:hover span::after,
html body .ulUrunSlider.owl-carousel .owl-nav div.ProductListnext:hover span::after { filter: brightness(.16); }
html body .ulUrunSlider.owl-carousel .owl-nav div.disabled span::after { opacity: .35; }

/* başlığı olmayan tek sekmenin boş etkin çizgisi */
html body #mainHolder_divDesign .ticimaxTabHead:has(> ul > li:only-child > a:empty) { display: none; }

/* ---- kart görsel noktaları: yalnız ürünün ikinci görseli varsa JS ekler (65-kart-gorsel.js) ---- */
html body .productItem .productImage { position: relative; }
html body .productItem .se-kg-noktalar {
  position: absolute; left: 0; right: 0; bottom: 10px; z-index: 4;
  display: flex; justify-content: center; gap: 5px; pointer-events: none;
  opacity: 0; transition: opacity .18s;
}
html body .productItem:hover .se-kg-noktalar { opacity: 1; }
html body .se-kg-nokta {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(20,20,20,.22); transition: background .15s, transform .15s;
}
html body .se-kg-nokta.aktif { background: var(--murekkep); transform: scale(1.25); }
/* dokunmatik: üzerine gelme yok → noktalar hep görünür, dokunulabilir (görünmeyen 14 px'lik alan) */
html body.se-kg-dokunmatik .productItem .se-kg-noktalar { opacity: 1; pointer-events: auto; gap: 0; bottom: 6px; }
html body.se-kg-dokunmatik .se-kg-nokta { position: relative; }
html body.se-kg-dokunmatik .se-kg-nokta::before { content: ""; position: absolute; inset: -8px -5px; }
html body.se-kg-dokunmatik .se-kg-nokta { margin: 0 5px; }
/* ızgarada yatay kaydırma görseli geçirir: tarayıcı yatay hareketi sayfa kaydırmasına çevirmesin (dikey kaydırma serbest) */
html body.se-kg-dokunmatik .productItem .productImage { touch-action: pan-y; }

/* ── html-blok/butik.css (HTML bloğu <style>'ı silinirse yedek) ── */
/* ================= MARKA BUTİKLERİ ŞERİDİ ==========================
   Kaynak: _proto/ozellestirme.css §30 (satır 1151–1236).
   Değişiklik: .proto-butik → .se-butik, pbt-* → sb-*; her kural .se-butik
   altına kapsamlı (HTML bloğuna tek parça yapıştırılır, temaya sızmaz);
   [hidden] desteği (kalan gün hesaplanınca açılır, biten kampanya gizlenir).
   Başlığın hemen altında, tam genişlikte, fotoğraflı marka kareleri.
   0003: logo, rozet ve kalan gün isteğe bağlı (gerçek mağaza verisinde yoksa çıkmaz); logosuz markanın adı .sb-logoYazi ile yazı.    */
html body .se-butik { background: #fff; padding: 12px 0 12px; }
html body .se-butik [hidden] { display: none !important; }
html body .se-butik .sb-cerceve { position: relative; }
html body .se-butik .sb-serit { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 0 12px; }
html body .se-butik .sb-serit::-webkit-scrollbar { display: none; }
html body .se-butik .sb-ray { display: flex; gap: 10px; width: max-content; }
html body .se-butik .sb-kare {
  position: relative; flex: 0 0 auto; display: block; overflow: hidden; text-decoration: none;
  width: max(160px, calc((100vw - 24px - 60px) / 7)); aspect-ratio: 1 / 1; background: var(--murekkep, #141414);
}
html body .se-butik .sb-gorsel {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .6s ease;
}
/* ortada logo, altta süre okunsun: merkezde yumuşak karartma + alttan gölge */
html body .se-butik .sb-kare::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(20,20,20,.34) 0%, rgba(20,20,20,.10) 72%),
    linear-gradient(to top, rgba(20,20,20,.55) 0%, rgba(20,20,20,0) 48%);
}
html body .se-butik .sb-kare:hover .sb-gorsel { transform: scale(1.06); }
/* mürekkep logo beyaza çevrilir, fotoğrafın ortasında durur */
html body .se-butik .sb-logo {
  position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%);
  height: calc(var(--boy, 28px) * .95); max-width: 78%; width: auto; object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.35));
}
/* logo dosyası olmayan marka: adı logonun yerinde, mürekkep şerit üstünde beyaz yazı (açık zeminli ürün fotoğrafında da okunur) */
html body .se-butik .sb-logoYazi {
  height: auto; width: max-content; max-width: 84%; filter: none; padding: 7px 13px; box-sizing: border-box;
  background: rgba(20,20,20,.62); color: #fff; text-align: center; text-transform: uppercase;
  font-size: 15px; line-height: 1.2; font-weight: 800; letter-spacing: .05em;
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
/* yazı logolu kare: ad şeridi okunurluğu zaten sağlar, fotoğrafı grileştiren orta karartma kalkar (alttan hafif gölge süre için) */
html body .se-butik .sb-yazili::after { background: linear-gradient(to top, rgba(20,20,20,.30) 0%, rgba(20,20,20,0) 42%); }
/* köşedeki yuvarlak oran etiketi */
html body .se-butik .sb-etiket {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 58px; height: 58px; border-radius: 50%;
  background: var(--sari, #FEB907); color: var(--murekkep, #141414);
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  box-shadow: 0 4px 14px rgba(20,20,20,.22); transform: rotate(-8deg);
}
html body .se-butik .sb-etiket b { font-size: 14px; line-height: 1; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
html body .se-butik .sb-etiket i { font-style: normal; font-size: 9.5px; line-height: 1.1; font-weight: 600; margin-top: 2px; }
html body .se-butik .sb-etiketYeni { background: #fff; }
/* kalan gün */
html body .se-butik .sb-sure {
  position: absolute; left: 10px; bottom: 10px; z-index: 3;
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 600; color: #fff; letter-spacing: .01em;
  background: rgba(20,20,20,.42); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  padding: 5px 9px 5px 7px; border-radius: 999px;
}
html body .se-butik .sb-sure svg { width: 13px; height: 13px; flex: 0 0 auto; }
/* son kare: bütün markalar */
html body .se-butik .sb-tumu {
  background: var(--murekkep, #141414); color: #fff;
  display: flex; flex-direction: column; justify-content: space-between; padding: 18px;
}
html body .se-butik .sb-tumu::after { display: none; }
html body .se-butik .sb-tumu b { font-size: 22px; line-height: 1.15; font-weight: 800; color: #fff; }
html body .se-butik .sb-tumuOk {
  align-self: flex-end; width: 42px; height: 42px; border-radius: 50%;
  background: var(--sari, #FEB907); color: var(--murekkep, #141414); display: flex; align-items: center; justify-content: center;
  transition: transform .18s;
}
html body .se-butik .sb-tumuOk svg { width: 20px; height: 20px; }
html body .se-butik .sb-tumu:hover .sb-tumuOk { transform: translateX(4px); }
/* kaydırma okları */
html body .se-butik .sb-ok {
  position: absolute; top: 50%; z-index: 5; transform: translateY(-50%);
  width: 42px; height: 42px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
  background: #fff; color: var(--murekkep, #141414); box-shadow: 0 4px 16px rgba(20,20,20,.18);
  display: flex; align-items: center; justify-content: center; transition: opacity .18s, background .18s;
}
html body .se-butik .sb-ok svg { width: 20px; height: 20px; }
html body .se-butik .sb-ok:hover { background: var(--sari, #FEB907); }
html body .se-butik .sb-okSol { left: 22px; }
html body .se-butik .sb-okSag { right: 22px; }
html body .se-butik .sb-ok[disabled] { opacity: 0; pointer-events: none; }
@media (max-width: 767px) {
  html body .se-butik .sb-kare { width: 132px; }
  html body .se-butik .sb-logoYazi { font-size: 12px; padding: 6px 10px; }
  html body .se-butik .sb-etiket { width: 48px; height: 48px; top: 7px; right: 7px; }
  html body .se-butik .sb-etiket b { font-size: 12px; }
  html body .se-butik .sb-etiket i { font-size: 8.5px; }
  html body .se-butik .sb-sure { font-size: 9.5px; left: 7px; bottom: 7px; padding: 4px 7px 4px 6px; }
  html body .se-butik .sb-tumu b { font-size: 17px; }
  html body .se-butik .sb-ok { display: none; }
}
/* <<< SARIETIKET KATMAN <<< */