/* ==================== */
/* ------FE8--SC------- */
/* ==================== */
:root {--theme-color: #5FEB76; }
*{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: 1920px;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: 'Archivo', 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; }
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: 'Archivo', 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: 'Archivo', 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: 'Archivo', 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: 'Archivo', 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*/
#header:before { content: '';display:table;}
#header:after { content: ''; display: table;}
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
#header {width: 100%;position: relative;float: left;z-index:1000;background: #fff;}
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*logo*/
#logo {display: inline-block;vertical-align:top;float: left;}
#logo .logo {display: inline-block;vertical-align:top;margin:0;}
#logo .logo img { display: block;max-width: 100%;}
/*headerButton*/
.headerButton{float: right;margin-top: 30px;}
.favi{float:right;margin: 0 15px;}
.favi a{float:left;text-align:center;color: #000;font-size: 12px;line-height: 30px;fill:#000;}
.favi a .svgIcon{display: block;margin: 0 auto;line-height: 0;}
.favi a span{display: block;}
/*sepet*/
.mycart{float: right;z-index:99;position: relative;}
.mycart > a {display: block;color: #000;font-size: 12px;text-align:center;fill:#000;}
.mycart .svgIcon {display: block;margin: 0 auto;line-height: 0;}
/*sepettext*/
.mycart .sepetTecxt {display:block;float: left;line-height: 30px;}
.mycart .sepetUrunSayisi {display:block;position: absolute;right: 0;top: -5px;width: 16px;height: 16px;line-height: 16px;background: #000;border-radius:100%;color: #fff;font-size: 11px;}
.mycart .sepetUrun { display:none;}
.sepetTopTutar { display: none!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;}
/*hesabim*/
.welcome { float: right; z-index: 99; position: relative;}
.welcome > div {float:left;}
.welcome ul {float:left;margin: 0;list-style:none;padding: 0;}
.uyeGirisWelcome,.uyeGirisUyeAdi{display: none;}
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {float: left;color: #000;font-size: 12px;line-height: 30px;}
.welcome .svgIcon{float: none; display: block;margin: 0 auto;line-height: 0;}
.headerUyeOl a, .headerCikis{}
/*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; }
/*Arama*/
.searchContent {display: inline-block;vertical-align:top; width: 250px;position: relative;z-index: 5;}
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select {cursor: pointer; background: #fff;display: block; height: 40px;border: none;border-right: 1px solid #000; width: 135px; padding:0 0 0 15px; border-radius:0;text-transform: uppercase; color: #807e7e; font-size: 12px;font-weight: 300; }
#divAramaKategori option {text-transform: capitalize;}
.search {float: left;width: 100%;position: relative;}
.ButtonMic {display: none !important;position: absolute;right: 75px;top: 1px;padding: 0;border: none;border-radius: 0;background: transparent;color: #795f52;font-size: 14px;width: 20px;height: 40px;}
#txtbxArama { float: left; width: 100%; height: 40px;font-size: 12px;font-weight: normal;border: none;color: #000;padding:0 55px 0 15px;background: #fff;border-radius: 0;letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxArama::-webkit-input-placeholder { color: #000; }
#txtbxArama:-moz-placeholder { color: #000; }
#txtbxArama::-moz-placeholder { color: #000; }
#txtbxArama:-ms-input-placeholder { color: #000; }
#txtbxArama:focus { color: #000; }
#btnKelimeAra {background:transparent; width: 55px; line-height: 40px; font-size: 14px; color: #000; font-weight: normal; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none;}
/*menu*/
.navigation {float:left;width: 100%;}
.navigation > div { z-index: 1;text-align:center;padding: 0!important;}
.navigation .navUl {display: inline-block;font-size: 0;float: left;width: 100%;position: relative;padding:0;margin:0;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
.navigation .navUl > li { display:inline-block;vertical-align:middle;}
.navigation .navUl > li > a {float: left;color: #000;font-size: 14px;line-height: 40px;}
/*menuacilir*/
.navigation .altMenu {position: absolute;top: 100%;left: 0;right: 0;background-color: #fff;display: none;}
.navigation .navUl > li:hover > .altMenu {display: block;}
.navigation .altMenu .altmenuSol > span{display: none;}
.navigation .altMenu .altMenuler {display: block;text-align:left;}
.navigation .altMenu .altMenuler .altMenuSag {float: right;}
.navigation .altMenu .altMenuler .altMenuSag > a {}
.navigation .altMenu .altMenuler .altMenuSag > a > img { display: block;}
.navigation .altMenu .altMenuler .altmenuSol {float: left;width: 100%;}
.navigation .altMenu .altMenuler .altmenuSol ul {display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li {display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li li{float: left;clear: left;}
.navigation .altMenu .altMenuler .altmenuSol ul li a{display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{}
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover{text-decoration:underline;}
.navigation .altMenu .altMenuler .altmenuSol > ul {}
.navigation .altMenu .altMenuler .altmenuSol > ul > li {}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a{}
.navigation .altMenu.picTrue .altMenuler .altMenuSag{width: 320px;}
.navigation .altMenu.picTrue .altMenuler .altmenuSol{width: calc(100% - 320px);}
/*yanresimlimenu*/
#header .yanResimliMenu {display: none;}
/*dilsecenegi*/
#lang_flag_container { top:0 !important; left:0!important;right: auto;bottom: auto; z-index: 9999 !important; position:relative !important;float:right;margin-left: 25px;}
#lang_flag_container:after {position: absolute; width: 100%; right: 0; top:18px; height: 20px; content: '';display: none;}
#lang_flag_container #lang-detail {display: none; left:auto !important;top: 100% !important;right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px);}
#lang_flag_container:hover #lang-detail {display: block!important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}
#lang_flag_container:hover:after {display: block;}
#lang {float: left; color: #000 !important; font-size: 14px !important;font-weight: normal;padding: 0 0 0 25px!important;line-height: 13px!important;}
#lang span { font-weight: normal;float: left; line-height: 13px!important;}
#lang_flag_container:hover #lang { color: #000 !important; font-weight: normal;}
#langHover { padding:8.5px 0!important;float: left;}
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a{font-size:11px!important;text-align: left;}
#lang-detail .currency a{font-size:11px!important;}
#lang-detail p{font-size:12px!important;}
/*Footer*/
#footer { float: left; width: 100%; position: relative;background: #fff;}
.FooterSC { float: left; width: 100%; position: relative;}
.FooterTop { float: left; width: 100%; position: relative;}
.FooterMiddle { float: left; width: 100%; position: relative;}
.FooterBottom { float: left; width: 100%; position: relative;}
/*ebulten*/
.ebultenDiv {float: left;position: relative;}
.ebultenGelecek {display: block;width: 100%;float: left;}
#divNewsLetter {float: left;width: 100%;position: relative;display:none;}
.ebultenGelecek #divNewsLetter {display: block;padding: 0;}
#divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px;}
#UpdatePanel1 {position: relative;float: right;width: 100%;margin-top: 40px;}
#txtbxNewsletterMail {height: 40px;font-size: 12px;color: #000;padding:0 40px 0 10px;background: #fff;border:none;border-radius:0;display: inline-block;width: 100%; text-align:left;font-weight: normal; opacity: 1;}
#txtbxNewsletterMail::-webkit-input-placeholder {color: #000;}
#txtbxNewsletterMail:-moz-placeholder {color: #000;}
#txtbxNewsletterMail::-moz-placeholder {color: #000;}
#txtbxNewsletterMail:-ms-input-placeholder {color: #000;}
#txtbxNewsletterMail:focus {color: #000;}
.ebultenDiv .newsbutton {color: #000; background: transparent;width: 40px;height: 40px;line-height:40px; font-size:13px;font-weight: 600; display: inline-block;position: absolute;right:0;top:0;text-align:center; border:none;border-radius:0; padding: 0;margin: 0!important;text-decoration: none;}
.ebultenDiv .newsbutton:hover{color: #000;background: transparent;}
/*footerlink*/
#footer .linkler{ float: left; width: 100%; position: relative;padding: 55px 0;}
#footer .linkler .blink { float: left;width:100%;margin:0}
#footer .linkler .blink ul {margin: 0;padding: 0;list-style: none;}
#footer .linkler .blink > ul { float: left;width: 100%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
#footer .linkler .blink > ul > li {float: left;}
#footer .linkler .blink > ul > li:last-child {margin-bottom: 0;}
#footer .linkler .blink > ul li {display: block;}
#footer .linkler .blink > ul >li> span{display: table;clear:left; font-size:14px;color: #000;font-weight:normal;margin-bottom: 10px;position: relative;}
#footer .linkler .blink > ul >li> span .ackapabtn{display: none;}
#footer .linkler .blink > ul >li >ul{display: inline-block;vertical-align:top;}
#footer .linkler .blink > ul >li >ul >li >a{float: left;width: 100%;font-size:12px;color: #000;font-weight: normal;margin-bottom:10px;}
#footer .linkler .blink > ul >li >ul >li:last-child >a{margin-bottom: 0;}
#footer .linkler .blink > ul >li >ul >li >a:hover{text-decoration:underline;}
@media screen and (min-width:769px) {
    #footer .linkler .blink > ul >li >ul{display: inline-block!important;}
}
/*footersocial*/
#footer .socialdiv{float: left;clear: left;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .socialdiv ul li{float: left;margin-right: 20px;}
#footer .socialdiv ul li:last-child{margin-right: 0;}
#footer .socialdiv ul li a{float: left;color: #c4c4c4;font-size: 17px;}
#footer .socialdiv ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
/*store*/
#footer .store{float: left;clear: left;}
#footer .store ul {padding: 0;margin: 0;list-style: none;}
#footer .store ul li{float: left;margin-right: 20px;}
#footer .store ul li:last-child{margin-right: 0;}
#footer .store ul li a{float: left;color: #c4c4c4;font-size: 17px;}
#footer .store ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
/*yukaribtn*/
#back-to-top { float: right; position: fixed; right: 5px; bottom: 5%; z-index: 9999;display: none;}
#back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: #fff;fill: #212121;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;border: 1px solid #D3D3D3;}
#back-to-top a svg{height: 14px;}
/*Footer*/
/* ------------------------------------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 -5px }
.categoryContainer .ProductListContent .productItem { margin-bottom: 10px;}
.ItemOrj { float: left;padding: 0 5px;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;}
.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: 150%;}
.productItem .productImage img, .productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
/*urunaciklama*/
.productItem .productDetail {display: block;float: left;width: 100%;text-align: left;padding: 20px;}
/*urunad*/
.productItem .productName {position: relative;margin: 0 0 10px;float:left;width: 100%;}
.productItem .productName a {float: left;width: 100%;padding: 0;line-height: 14px;height: 14px;font-weight: 700;font-size: 13px;color: #212121;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 10px;bottom: 0;float: left;}
.productItem .discountPrice {display: block;float: right;}
.productItem .discountPrice span {color: #212121;font-size: 13px;line-height: 14px;font-weight: 500;}
.productItem .discountKdv, .productItem .regularKdv  {display:none;}
.productItem .regularPrice {display:block !important;float: left;margin-right: 5px;}
.productItem .regularPrice span {font-size: 13px;color: #767676;-moz-text-decoration-color: #767676;text-decoration-color: #767676;line-height: 14px;font-weight: 500;text-decoration: line-through;}
/*urunpuan*/
.productItem .productPoints{float: left;width: 100%;clear: none;margin-bottom: 10px;}
.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: #ff8a00;}
.productItem .productPoints [data-rating^='2'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='2'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-3{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-3{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-4{color: #ff8a00;}
.productItem .productPoints [data-rating^='5'] i{color: #ff8a00;}
/*Urun Iconlari*/
.favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon{ z-index: 3; display: none;}
.discountIcon span,.mycartIcon a span{}
.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-width: 630px;}
.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: block!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;max-width: 100%!important;}
body ul.breadcrumb * {color: #A4A4A4;font-size: 12px!important;line-height: 14px!important;float: left;font-weight: normal;}
body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;}
body ul.breadcrumb li:after {content: '/';display: inline-block;margin: 0 5px;color: #A4A4A4;font-size: 12px;line-height: 14px;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) *{font-weight: 700;}
body a#linkOncekiSayfa {line-height: 30px;display: block;color: #000;font-size: 12px!important;font-weight: normal;display: none;}
.leftImage a#linkOncekiSayfa {display: none;}
/*ustalan*/
.categoryTitleText {float: left;width: 100%;margin: 20px 0;}
.categoryTitle { float: left; width: 100%;}
body #divSayfalamaUst {float: right;margin: 70px 0 25px;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: none;border-top: 1px solid #A4A4A4;border-bottom: 1px solid #A4A4A4;}
.brandlistselection .sortingContent li {float: right;background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;padding: 19.5px 6px;}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);padding: 0;text-indent: 0;}
.blockSelect .sort_hrz{display: none;}
.blockSelect .sort_2{display: none;}
.blockSelect .sort_5{display: 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;}
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:10px 0 0;padding:0; width: 100%;}
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;border: 1px solid #D3D3D3;border-radius: 3p;}
.pageNumberContent a, .pageBorder a {min-width: 48px;height: 40px;line-height: 40px;font-size:15px;font-weight: 400;color: #767676;background: transparent;border-radius:0;border:none;float:left;position: relative;display: block;text-align:center;margin: 0;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #212121;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #212121;font-weight: 600;}
.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: 50%;float: left;position: relative;padding: 0 10px 0 0;}
.RightDetail {width: 50%;float: left;position: relative;padding: 15px 15px 15px 10px;}
/*Urun Resim*/
.leftImage .ProductGallery {float: left;width: 100%;}
.leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;}
.leftImage .ProductGallery .gallery-container .GalleryArea {float: right;width: 100%;margin: 0;padding: 0;display: none;}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width: 100%;border: none;background:transparent;height: 100%;display: block;position: static;}
.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%;}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;clear: left;width: 100%;margin-bottom: 15px;}
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images,#divVideoGoruntulemeAlan {float: right;width: 500px;padding-bottom:150%;position: relative;display: none!important;}
.Images img,#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: block !important;float: left;width: 100%;}
.SmallImages div {float: left;width: 100%;margin-bottom: 5px;}
.SmallImages div img {max-width: 100%;max-height: 100%;}

.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: calc(100% - 300px);}
.ProductName h1 { margin: 0; float: left;width: 100%;}
.ProductName h1 span {float: left;width: 100%;display: inline-block;color: #212121;font-size: 32px;font-weight: 400;}
/*stokkodu*/
#divUrunKodu {float:left;clear:left;color: #A4A4A4;font-size: 13px;font-weight: normal;line-height: n;padding: 0;margin:10px 0 0;}
#divUrunKodu span{display:inline-block;vertical-align:top;color: #A4A4A4;font-size: 13px;font-weight: normal;position: relative;line-height: normal;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: 15px;line-height: 15px; margin: 10px 0 0 10px;}
.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: #ff8a00;}
/*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: 'Archivo', 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: right;position:relative;width: auto;padding: 0;margin: 0;}
#pnlFiyatlar { display: inline-block; vertical-align: top;float:left;}
#divIndirimliFiyat {display: block;}
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
#divIndirimOrani{float:left;clear:left;margin-top: 15px;line-height: normal;}
#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: #A4A4A4;font-size: 13px;font-weight:normal;line-height: normal;}
#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: #A4A4A4;font-size: 13px;font-weight:normal;line-height: normal;}
#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: #A4A4A4;font-size: 13px;font-weight:normal;line-height: normal;width: auto;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;float: left;margin-right: 10px;}
.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: #212121;font-size: 32px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line{color: #212121;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *{font-size: 32px;font-weight: normal;}
#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: normal;}
/*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;margin-top: 41px;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin: 0 0 30px;float: left;width: 100%;position: relative;}
#divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;border: none;padding-bottom: 0;}
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: normal;color: #212121;font-size: 13px;font-weight:normal;text-transform: uppercase;margin-bottom: 15px;}
#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: #212121;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: 35px;border: 1px solid #212121;color: #A4A4A4;font-size: 14px;font-weight: normal;padding: 0 15px;background: #fff;border-radius:0;}
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 25px;border-radius: 50%;overflow: hidden;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{border: 1px solid #000;}
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{
    width: 100%;
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: calc(100% / 6);height: 50px;line-height: 48px;text-align:center;border: 1px solid #d7d7d7;border-radius:0;padding: 0 4px;margin: 0;}
#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: #212121;}
/*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; }
/*satinal*/
#divSatinAl {float: left;width: 100%;margin: 30px 0;padding: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
#divAdetCombo .right_line,.RightDetail .riSingle{width: 90px;}
#txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input,
.buyfast input{height: 45px!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: 30px !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: 10px;}
.RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #000;}
.RightDetail .riSingle a.riUp {left:auto;right:0;}
.RightDetail .riSingle a.riDown {left:0;}
/*adetveselect*/
.Basketinp {display: block;position: relative;float: left;clear: left;display: none;}
.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 #d7d7d7;font-size: 13px;font-weight: 500;float: left;margin: 0;border-radius:0;}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn ,
.buyfast {float: left;margin: 0;}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {color: #000;font-weight: 400;font-size: 21px;width:100%;display: inline-block;vertical-align:top;padding: 0;letter-spacing:0;border:none;border-radius:0;text-transform: uppercase;-moz-appearance: none;-webkit-appearance: none;}
.basketBtn{width: 100%;}
/*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%;}
.ProductIcon .box1 {padding:0;margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #767676;font-size: 13px;font-weight: 3;}
.ProductIcon .box1 i {display: none;}
.ProductIcon .boxIcon {fill: #767676;width: auto;height: 19px;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;margin-right: 5px;}
.ProductIcon .boxIcon svg{height: 19px;}

.ProductIcon > div{float: left;position: relative;margin-right: 50px;width: auto;margin-bottom: 10px;}
.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;padding: 0;background: none!important;color: #767676;font-weight: 300;font-size: 13px;}
/*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;}
.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: #000;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{background: #3b5999;}
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a{background: #55acee;}
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a{background: #bd081c;}
.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*/ 
.urunOzellikTab{display: none;}
.urunOzellik {float: left;width:100%;margin: 5px 0 15px;display: block;}
.urunOzellik .urunTab {float:left;width: 100%;border-top: 1px solid #212121;}
.urunOzellik .urunTab ul {display: inline-block;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;display: flex;justify-content: space-between;}
.urunOzellik .urunTab >ul > li {float:left;}
.urunOzellik .urunTab >ul > li:last-child{margin-right: 0;}
.urunOzellik .urunTab >ul > li > a {cursor:pointer;color: #A4A4A4;font-size: 14px;float:left;font-weight: 500;text-transform: uppercase;line-height: 55px;}
.urunOzellik .urunTab >ul > li > a span{font-weight:normal;}
.urunOzellik .urunTab >ul > li.active > a {color: #212121;}
.urunDetayPanel {float: left;width:100%;clear: none !important;border: none;padding: 35px 0;}
.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: 'Archivo',sans-serif !important;padding:0;float:left;width:100%;font-size: 14px;color: #212121;line-height: 1.5;height: 245px;overflow-y: auto;}
.urunTabAlt * { font-family: 'Archivo',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; }
/*------------------------------------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 0 25px!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold {display:block;float: left;width: 100%;text-align: left;position: relative;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: normal;color: #212121;font-size: 20px;font-weight: 400;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;text-transform: u;}
/*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: 0;left: 0;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: 0;border:none;width: 30px;height: 30px;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 .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before{content:'\f177';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before{content:'\f178';}
#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{font-family:'FontAwesome';font-size:16px;line-height:normal;color:#666666;font-weight:400;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover:before, .owl-carousel .owl-nav .InstaGalleryprev:hover:before,
.owl-carousel .owl-nav .ProductListprev:hover:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover:before, .owl-carousel .owl-nav .InstaGallerynext:hover:before,
.owl-carousel .owl-nav .ProductListnext:hover:before{color: #212121;}
#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;}
/*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;}
.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: 'Archivo', 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, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar{width: 2px;}
#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, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track{ background: #D3D3D3;}
#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, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb{background: #212121;}
/*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, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .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: #212121;}
/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #212121;}
.tooltip.right .tooltip-arrow {border-right-color: #212121;}
.tooltip.left .tooltip-arrow {border-left-color: #212121;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #212121;}
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid #212121;}
.sepetimBody .Basketstep ul li.aktif:after{border-top-color:#212121; }
/*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: #212121;}
/*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: #212121;}
/*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: #212121;}
/*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: #212121;}
/*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: #fff;}
/*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;}
.bottomHead {display: none;}
#divSliderYani {display: none;}
body {background: #fff;}
/*siteozelalan*/
.cart-item a.header-cart-link.headerButon .sepetUrunSayisi{display:none;}

.header-wrapper .header-main{padding:0 25px;}
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{margin:0;padding:0;list-style:none;}
.homeBody #top-bar{display: flex;}
#top-bar{padding:0 25px;display: none;}
#top-bar .flex-col{width:33.3333%;}
#top-bar .custom.html_1{float:left;width:100%;}
#top-bar .custom.html_2 a{font-size:13px;font-weight:500;color:#F2F2F2;}
#top-bar .custom.html_2 span{margin:0 10px;font-size:13px;font-weight:500;color:#F2F2F2;}
.htop-slider{float:left;width:100%;}
.htop-slider ul{margin:0;padding:0;list-style:none;text-align: center;height: 0;overflow: hidden;}
.htop-slider ul li{font-size:13px;font-weight:300;color:#fff;}
.htop-slider .owl-carousel{height: auto;overflow: visible;}
.htop-slider .owl-carousel .owl-nav{left:0;right:0;top:0;}
.htop-slider .owl-carousel .owl-nav .owl-prev,.htop-slider .owl-carousel .owl-nav .owl-next{position:absolute;font-size:14px;}
.htop-slider .owl-carousel .owl-nav .owl-prev{left:0;}
.htop-slider .owl-carousel .owl-nav .owl-next{right:0;}

@media screen and (min-width: 1099px) {
    body #divTopProductSearch .newSearcBtnClick{padding:0;}
    body #divTopProductSearch .newSearcBtnClick a i{background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim40/search.svg) no-repeat center / contain;width:18px;height:18px;}
    body #divTopProductSearch.dropactive .newSearcBtnClick a i{background-image:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim40/close.svg);}
    body #divTopProductSearch .newSearcBtnClick a i:before{content:'';}
    body #divTopProductSearch.dropactive .header-search-form-wrapper{top:auto;bottom:0;left:0;right:190px;padding:17.5px 154px;}
    body #divTopProductSearch .searchform-wrapper{border:0;max-width:100%;}
    body #divTopProductSearch .searchform-wrapper #txtbxArama{font-size:15px;font-weight:500;color:#212121;padding:0 0 0 33px;}
    body #divTopProductSearch .searchform-wrapper #btnKelimeAra{position:absolute;left:0;width:18px;height:40px;padding:0;}
}

body .logo-left .logo{margin-right:75px;}

body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:30px;justify-content:flex-start;}
body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{color:#212121;font-size:13px;font-weight:700;}
body .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:100%;margin: 0;}
body .newHeaderNavigation:not(.mobileStyle) .menu-wrap ul{margin:0;padding:0;list-style:none;}
body .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon{padding-left:55px;gap:115px;}
body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a{color:#000;font-size:13px;font-weight:700;}
body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a{color:#000;}
body .newHeaderNavigation:not(.mobileStyle) .menu-list-image{flex:0 0 319px;}
body .newHeaderNavigation:not(.mobileStyle) .menu-list-image-row{gap: 0;}

body #mainHolder_divDesign .t-vw-8 .ticiContainer{width:calc(100% - 320px)!important;}

body .stories.carousel{display:flex;justify-content:center;gap:25px;}
body .stories.carousel .story{width: auto;max-width: none;margin: 0;}
body .stories.carousel .story > .item-link > .item-preview{max-height: none;height: auto;}
body .stories.carousel .story > .item-link > .info{margin-top:10px;font-size:12px;color:#212121;}
body .stories.carousel .story > .item-link > .info .name{font-weight:700;}
body .stories.carousel .story > .item-link:hover > .info .name{text-decoration:underline;}

.productItem .productList-Image-Owl .owl-dots .owl-dot span{display:none;}
.productItem .productList-Image-Owl .owl-dots{bottom:10px;}
.productItem .itemCategory{float:left;width:100%;margin-bottom:10px;}
.productMarka{float:left;width:100%;margin-bottom:10px;}
.productOnYazi{float:left;width:100%;margin-bottom:10px;}
.productStokKodu{float:left;width:100%;margin-bottom:10px;}
.productSatisBirimi{float:left;width:100%;margin-bottom:10px;}
.discountIcon{float:right;font-size:13px;font-weight:500;color:#212121;margin-left:5px;line-height:14px;float: left;}
.discountIcon:before{content:'(-';}
.discountIcon:after{content:')';}
.productIconEx{position:absolute;left:16px;top:10px;z-index:1;text-align:left;}
.newIcon,.cargoIcon{float:left;clear:left;font-size:11px;letter-spacing:0.55px;color:#212121;margin-bottom:3px;}
.firsatIcon{display: block!important; float:left;clear:left;font-size:11px;letter-spacing:0.55px;color:#212121;margin-bottom:3px;}
.favori{display:block;float:left;clear:left;margin-bottom: 3px;}
.favori a{font-size:0;color:#212121;}
.favori a:before{content:'\f004';font-family:'FontAwesome';font-size:14px;}
.favori a.listfavoriAktif{font-weight:700;}
.productIconEx2{position:absolute;right:20px;top:20px;z-index:1;}
.ozelAlan1,.ozelAlan2,.ozelAlan3,.ozelAlan4{float:left;clear:left;background:#fff;font-size:11px;color:#A4A4A4;line-height:18px;padding:0 3px;margin-bottom:3px;}
.ozelAlan1{background:#E50000;color:#ffff;}
.ozelAlan5{float:left;width:100%;font-size:11px;font-weight:700;color:#E50000;}
.urunListStokUyari{float:left;width:100%;margin-bottom:10px;}

body #mainHolder_divDesign .ticimaxTabHead{margin-bottom:25px;text-align:right;}
body #mainHolder_divDesign .ticimaxTabHead ul{margin:0;padding:0;font-size:0;}
#mainHolder_divDesign .ticimaxTabHead li{margin:0 5px;}
body #mainHolder_divDesign .ticimaxTabHead li a{font-size:12px;color:#767676;background:none!important;padding:0;line-height:26px;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{color:#212121;font-weight:700;}
body #mainHolder_divDesign .ticimaxTabHead li:first-child a:after{content:'\f111';font-family:'FontAwesome';width:50px;height:26px;border:1px solid #A4A4A4;border-radius:13px;float:right;padding:2px;text-align:right;font-size:20px;color:#212121;font-weight:700;line-height:21px;margin-left:10px;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active:first-child a:after{text-align:left;}

#divOzelAlan1,#divOzelAlan2,#divOzelAlan3,#divOzelAlan4,#divOzelAlan5{margin-top:10px;float: left;clear: left;background: #f6f6f6;font-size: 11px;color: #A4A4A4;line-height: 18px;padding: 0 3px;}
#divOzelAlan1{background:#E50000;color:#fff;}
#divOzelAlan5{font-size:11px;font-weight:700;color:#E50000;background:none;}
#divKombinSatinAl a:hover,.buyfast input:hover,.basketBtn input:hover{background:#A4A4A4;}
.RightDetail.scroll-to-fixed-fixed{right:0;margin-top:20px;}
.bedenT{position: relative; float: left; clear: left; margin: 0 0 10px;}
.bedenT a{font-size:13px;color:#A4A4A4;text-decoration:underline;}
.urunOzellik .teknikDetay{border:0;margin:0;}

#IlgiliUrunDiv .productItemV3{width:calc(25% - 10px);float:left;margin-bottom:30px;margin-right:10px;}
#IlgiliUrunDiv .productItemV3 .ItemV3_col2{padding:10px 0 0;}
#IlgiliUrunDiv .productItemV3 .ItemV3_col3 p.pSatisBirimi{margin:0;}
#IlgiliUrunDiv .productItemV3 .ItemV3_col3 a.ItemV3_SepetEkleButton.btnAddToCart{padding:0 13px;background:#000;color:#fff;font-size:15px;font-weight:500;line-height:29px;display:inline-block;margin-top:5px;}

.categorydesign h1{font-size:20px;font-weight:bold;color:#212121;}
.categorydesign p{font-size:13px;color:#212121;line-height:1.5;}
.categoryContainer .categoryTitleText{float:right;width:auto;margin: 0;}
.categoryContainer .middleTopBlock{float:left;width:100%;margin-top:70px;}

.pageNumberContent a.SelectedSayfa:after,.pageBorder a.SelectedSayfa:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;width:25px;height:1px;background:#212121;}

body .footerTemp{background:#EDEBE8;padding:80px 160px;margin-top:110px;}
body .footerTemp .elementor-column[data-col="25"]:first-child{width:56%;padding-right:13.5%;}
body .footerTemp .elementor-column[data-col="25"]{width:13.3%;}
body .footerTemp .newsletterContent #btnMailKaydet{background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim40/send.svg) no-repeat center;cursor:pointer;}
body .footerTemp .footerMenuTitle{display:block;border-bottom:1px solid #212121;padding:0 0 10px 0;margin-bottom:20px;}
body .footerTemp .socialMedia li a i{padding:0!important;width:auto!important;margin-right:25px;}
body .footerTemp .eTempTitle2{line-height:1.5;}
body .footerTemp .elementor-column[data-col="50"]:first-child{width:56%;}
body .footerTemp .elementor-column[data-col="50"]{width:44%;}
body .footerTemp .footerMenuAlt a:hover{text-decoration: underline;}

body .social-fixed .footerText{position:fixed;right:44px;bottom:0;width:auto;flex-direction:column;align-items:center;gap:17px;z-index: 999;}
body .social-fixed .footerText .sf-text{transform:rotate(270deg);position:absolute;right:15px;top:0;transform-origin:right top;transition:.2s;}
body .social-fixed .footerText .sf-list{float:left;width:18px;opacity:0;visibility:hidden;transition:.2s;}
body .social-fixed .footerText .sf-list ul{display:flex;flex-direction:column;gap:15px;}
body .social-fixed .footerText .sf-list ul li{justify-content:center;}
body .social-fixed .footerText:after{content:'';width:1px;height:70px;display:block;background:#212121;}
body .social-fixed .footerText:hover .sf-text{opacity:0;visibility:hidden;}
body .social-fixed .footerText:hover .sf-list{opacity:1;visibility:visible;}

body #divUrunDetayKombin{float:left;width:100%;position:relative;}
body #divUrunDetayKombin:before{content:'KOMBİN ÜRÜNLER';float:left;width:100%;font-size:18px;font-weight:500;color:#000000;line-height:21px;margin:40px 0 25px;}
body .kombinContent{float:left;width:100%;}
body .kombinContent ul{padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px;}
body .kombinContent ul li.kombinToplamTutar{display:none;}
body .kombinItem{border:none;padding:0;display:block;width:calc(33.33% - 11px);max-width:400px;}
body .kombinItem .kombinleftImage{width:100%;}
body .kombinItem .kombinImages img{border:none;max-width:100%;}
body .kombinItem .kombinImages .selectedImagesLink{display:none;}
body .kombinItem .kombinRightDetail{float:left;width:100%;padding:13px 0 0;}
body .kombinFormline .kombinright_line{float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:17px;height:17px;color:#101010;font-weight:400;}
body .PriceListKombin{float:left;width:100%;}
body .PriceListKombin #divFiyatAlanlari{float:left;width:100%;margin:9px 0 0;}
body #divFiyatAlanlari .kombinFiyat3{display:none;}
body #divFiyatAlanlari .kombinFiyat2 span{display:none;}
body #divFiyatAlanlari .kombinFormline{float:left;font-size:15px;font-weight:500;color:#101010;line-height:19px;}
body #divFiyatAlanlari .kombinFiyat2{font-size:15px;line-height:19px;}
body #divFiyatAlanlari .kombinFiyat1{display:none;}
body .kombinItem .kombinRightDetail .divKombinUrunEkSecenek{display:none;}
body .PriceListKombin > a{margin-top:14px!important;padding:0 13px;line-height:29px;color:#FFFFFF;font-size:14px;font-weight:500;}
body .fancybox-inner .kombinContent ul{padding:20px;}


body .header-dil-content #lang_flag_container #lang{padding:0!important;background:none!important;color:#F2F2F2!important;font-size:13px!important;}
body .header-dil-content #lang_flag_container #lang span{font-weight:500;}
body .header-dil-content #lang_flag_container:before{content:'/';float:left;}
body .header-dil-content #lang_flag_container #langHover.white #lang{color:#F2F2F2!important;}
body .header-dil-content #lang_flag_container #lang-detail{right:0;}
body .header-dil-content #lang_flag_container #langHover{padding:0 0 0 10px!important;}

/*siteozelalan*/
@media (min-width:1042px) {
    .homeBody #headerNew:not(.fixed){position:fixed;top:0;left:0;right:0;z-index:2;background: linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(33,33,33,1) 45px, rgba(0,0,0,0) 100%);}
    .homeBody #headerNew:not(:hover, .fixed) .header-main{background:transparent;}
    .homeBody #headerNew:not(:hover, .fixed) .header-main #hb-logo img{filter:invert(1) brightness(10);}
    body.homeBody #headerNew:not(:hover, .fixed) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{color:#fff;}
    body.homeBody #headerNew:not(:hover, .fixed) #divTopProductSearch .newSearcBtnClick a i{filter:invert(1);}
    .homeBody #headerNew:not(:hover, .fixed) .header-favori-item a.favori-link.headerButon .svgIcon svg path{fill:#fff;}
    .homeBody #headerNew:not(:hover, .fixed) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{fill:#fff;}
    .homeBody #headerNew:not(:hover, .fixed) .cart-item a.header-cart-link.headerButon .svgIcon svg path{fill:#fff;}

    #headerNew.fixed{position: fixed; top: -100%; left: 0;right: 0; margin: 0; padding: 0; z-index: 1000;width: 100%;border: none;transition: top .3s ease-in-out;}
    .homeBody #headerNew.fixed{transition: none;top: 0;}
    #headerNew.fixed.gectop{top: 0;}
    body:not(.homeBody).margin {margin-top: 119px;}
}
@media (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    .mobilMenu{display: none;}

    select#filterOrderSelect{height:65px;border:0;background:none;font-size:14px;font-weight:700;color:#212121;}
    .brandlistselection .sortingContent li a.filterOrderInStock{display:none;}
    .brandlistselection .sortingContent .blockSelect{display:none;}
    .brandlistselection .appliedFilter.FiltrelemeUrunAdet span{font-size:14px;color:#212121;font-weight:700;line-height:65px;margin:0;}
    .FiltreBtn{position:absolute;left:0;bottom:0;display: flex;align-items: center;gap: 10px;cursor: pointer;}
    .FiltreBtn span{font-size:14px;font-weight:700;color:#212121;line-height:65px;text-transform:uppercase;}

    .FiltreicerikAlan{float:left;width:100%;display:flex;flex-wrap:wrap;}
    body #divSayfalamaUst .filterBlock{float:left;border:none;border-radius:0;width:100%;background:#fff;position:absolute;top:100%;right:0;padding:0;display:none!important;box-sizing:border-box;z-index:2;opacity:1!important;}
    body #divSayfalamaUst .filterBlock.active{display:block!important;border-top:1px solid #000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters{padding:0;margin:0;background:#fff;position:absolute;left:0;right:0;padding-bottom:70px;width:100%;border:1px solid #D3D3D3;border-top:0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel{width:25%!important;margin:0;padding:0;width:auto;position:relative;padding-bottom:60px;padding:23px 30px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel.div-kategori{display:none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading{padding:0;border:none;margin:0;min-width:auto;border-right:none;background-color:transparent!important;margin-bottom:25px!important;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a{line-height:1;text-align:left;color:#000;font-size:14px;padding:0;font-weight:300;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after{display:none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li{float:left;text-align:left;margin:0;width:100%;padding:0;background:0 0!important;margin-bottom:10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li{width:100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a{font-size:14px;color:#212121;line-height:normal;display:inline-block;vertical-align:middle;font-weight:300;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover{text-decoration:underline;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul{display:block;width:100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul>li{width:100%;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before{display:inline-block;width:9px;height:9px;border-color:#212121;border-radius:0!important;margin:0;margin-right:5px;vertical-align:middle;float:none;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{border-color:#212121;background:#212121;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{background:0 0;content:'';display:inline-block;border-color:#212121;margin:0 5px 0 0;background:#212121;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background:0 0!important;height:auto;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a{color:#000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown{top:100%;width:auto;display:block!important;position:static;box-shadow:none;-webkit-box-shadow:none;border:0;padding:0;margin:0;font-size:0;max-height:140px;background:none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range{background: #D3D3D3;height:2px;width:100%;margin:11px 0 0;border:none;float:left;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range{background: #D3D3D3;height:2px;margin-top:0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle{background: #212121;border-radius:100%;width:8px;height:8px;border:none;margin-top: -3px;margin-right:0;top:0;box-shadow:none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount{color: #212121;font-size: 14px;font-weight: 300;left:0;padding:10px 0 0;float:left;width:100%;text-align:center;margin-bottom:0}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display:block;position:absolute;right:30px;bottom:30px;font-size:14px;cursor:pointer;color: #212121;}


}
/* ------------------------------------Container--------------------------------------------*/
.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: calc(100% - 320px); margin: 0 auto;position: relative; clear: both; display: block; }

.sliderBannerContainer .ProductList{max-width:100%;}
.detaySliderContainer .ProductList{max-width:100%;}
.homeContainer .ProductListContent .ProductList{max-width:100%;}
.markaSlider .jCarouselLite{max-width:100%;}
/**/
.headerContent{text-align:center;}
.innerContainer{}
#divIcerik.homepage {}
.UyeOl .ticiContainer{}
#footer .ticiContainer{}
.UyeGiris .ticiContainer{}
.Magazalar .ticiContainer{}
.sepetimBody .ticiContainer{margin: 0 auto;}
.sepetimBody .headerContent{}
.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: 300px;padding-right: 20px;}
.rightBlock  {float: right;width:300px;padding-left:20px;}
.centerCount.LeftMiddle {width: calc(100% - 300px);}
.centerCount.RightMiddle {width: calc(100% - 300px);}
.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: 25%;padding-right: 20px;}
    .centerCount.LeftMiddle {width: 75%;}
    /*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: 1500px) and (max-width: 1600px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: calc(100% - 240px);}
    /* ------------------------------------Container--------------------------------------------*/
    #divIcerik.homepage{margin: 0 auto;}
    body #mainHolder_divDesign .t-vw-8 .ticiContainer{width:calc(100% - 240px)!important;}
    body .footerTemp{padding: 80px 120px;}
}
@media screen and (min-width: 1025px) and (max-width: 1499px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: calc(100% - 200px);}
    /* ------------------------------------Container--------------------------------------------*/
    #divIcerik.homepage{margin: 0 auto;}
    body #mainHolder_divDesign .t-vw-8 .ticiContainer{width:calc(100% - 200px)!important;}
    body .footerTemp{padding: 80px 100px;}
}
@media (min-width: 768px) and (max-width: 1099px) {
    .mobilMenuAcButton{float: left;margin-top: 20px;margin-right: 50px;color: #000;fill: #000;}
    .mobilMenuAcButton span{display: block;font-size: 11px;}
    .mobilMenuAcButton svg{width: 30px;}

    .htop-slider ul li{font-size: 10px;}

    body .cart-item a.header-cart-link.headerButon{gap:0;}
    body .cart-item a.header-cart-link.headerButon svg{display: none;}
    .newHeaderNavigation.mobileStyle .newHeaderNavUl{margin:0;padding:0;}
    #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu{margin:0;padding:0;list-style:none;}

    .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 .middleTopBlock{margin-top:0;}
    .categoryContainer .middleTopBlock .categorydesign{display: none;}
    .categoryContainer .categoryTitleText{float:left;width:100%;margin: 10px 0;}

}
@media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: calc(100% - 20px);}
    /* ------------------------------------Container--------------------------------------------*/
    #divIcerik.homepage{margin: 0 auto;}
    .headerContent{margin: 0 auto;}

    body #mainHolder_divDesign .t-vw-8 .ticiContainer{width:100%!important;}
    body .footerTemp{padding:80px 0;}
    body [class*="t-pb-"]{margin-bottom: 2vw!important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6.box-t-mb-15{margin-bottom:0;}
    body .social-fixed .footerText{display: none;}

    .SmallImages{display: none!important;}
    .leftImage{width:100%;padding:0;}
    .RightDetail{width:100%;padding:20px 0 0;}
    body #divBenzerUrun .JKatAdi{display: block!important;float: left;}
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width:1041px) {
    /******************************************************/
    .navigation{display: none;}
    #divSayfalamaUst .filterBlock{display:block!important;}
    .mobilMenuAcButton{display:block;}
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst {  padding:0;margin:10px 0;width: 100%;border: none;background: transparent;}
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;border: 1px solid #c3c3c3; width:calc(50% - 5px);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 .filtreUygulaBtn {float: left;width: 100%;text-align:center;margin-top: 10px;display: block;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display: inline-block;vertical-align: top;background: #00c700;padding: 10px;min-width: 150px;color: #fff;line-height: 30px;font-size: 15px;text-transform: uppercase;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float: left;width: 100%;line-height: 50px;font-size: 14px;color: #262324;text-align:left;padding: 0 0 0 15px;background: #fff;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content: '';float:right;width: 24px;max-height: 24px;position: absolute;top: 0;bottom: 0;right: 32px; border-radius: 100%;background: #c5c7c9;margin:auto 0;background: #fff;box-shadow:0 0 2px 0 #999;z-index: 1;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content: '';float:right;width: 40px;max-height: 16px;position: absolute;top: 0;bottom: 0;right: 0; border-radius: 20px;background: #c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right: 15px;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background: #39d662;}

    body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;margin: 0;border: none;background: #fff;float: left;width: 100%;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;text-align:left;color: #262324;font-weight: 500; font-size: 15px;line-height: 50px;padding: 0 10px;text-transform:uppercase;}
    body .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;display: block;}
    body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    body .category-vertical-filters.top-filters .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 .filterDeleteContent{display: none!important;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display: none;}

    body .slider-range{margin: 0 0 15px 10px!important;width: calc(100% - 20px);}
    body .amount{padding: 0;}

    .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;}

    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top:0; border-bottom:1px solid #e8e8e8;}
    .menuUstBolum .CloseBtnMenu { float: right; fill: #fff; width: 50px; text-align: center; margin:0;cursor: pointer;}
    .menuUstBolum .CloseBtnMenu svg{width: 20px;margin-top: 15px;}
    .menuUstBolum .menuBack { float: left; line-height: 50px;fill: #fff; color: #fff;font-size: 15px; text-align: center; margin:0;cursor: pointer;padding-left: 20px;}
    .menuUstBolum .menuBack svg {margin-right: 10px;float: left;margin-top: 15px;width: 20px;}
    .mobilMenu {position: fixed;left:-110%;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;transition:left .3s ease-in-out;}
    .mobilMenu.acik {left:0;}
    .mobilMenu ul{list-style: none;padding: 0;margin: 0;}
    .mobilMenu .menuIcerikAlan {float: left;width: 100%;height:calc(100% - 51px);position:absolute;top: 51px;right: 0;left: 0;}
    .mobilMenu .navUl { float: left;width: 100%;height: 100%;}
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;padding: 0 0 0 5px;}
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a{color: #000; font-size: 14px;font-weight:normal;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 15px;z-index:2;position: relative;width: 100%;}
    .mobilMenu .navUl .ulVar > a{width: auto;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown{float: right;position:absolute;right: 0;top: 0;left: 0;z-index: 1;padding-right: 20px;cursor: pointer;height: 40px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg, .mobilMenu .navUl > li > ul li .ResimsizDown2 svg, .mobilMenu .navUl > li .ResimsizDown svg,
    .mobilMenu .navUl > li .ResimliDown svg{float: right;width: 12px;margin-top: 12px;}
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler{float: left;width: 100%;height: 100%;overflow-y:auto;overflow-x:hidden;position: absolute;top: 0;right: 0;left: 0;}
    .mobilMenu .altMenu .altMenuSag{display:none;}
    .mobilMenu .altMenu .altmenuSol{float: left;width: 100%;height: 100%;}
    /**/
    .mobilMenu .navUl > li ul.over{overflow-y:hidden;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu {position: fixed;left:-100%;top: 51px;bottom: 0;width: 360px;background: #fff;z-index: 3;transition:all 0.3s ease-in-out;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active {left: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span,.mobilMenu .navUl > li > ul li ul > span ,
    .mobilMenu .navUl > li > ul > span{color:rgba(40, 47, 54, 0.8);font-size: 18px;font-weight: 600;line-height: 55px;padding-left: 55px;border-bottom: 1px solid #e5e5e5;position: relative;float: left;width: 100%;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span{z-index: 0;position: relative;}
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack{z-index: 1;padding-left: 20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg, .mobilMenu .altMenu .altmenuSol > span .UpBtn svg,
    .mobilMenu .navUl > li > ul > span .NoiBack svg{float: left;width: 17px;margin-top: 19px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li{ float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a {color: #282f36; font-size: 14px;font-weight:500;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 13px;z-index:2;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul,.mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan{overflow-y:auto;overflow-x:hidden;}
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a{float: left;width: 50%;padding: 0 13px;min-height: 57px;text-align:center;margin-bottom: 15px;}
}
/* Mobil Ekran */
@media (max-width:767px) {
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width:100%;}
    body #top-bar{padding:0;min-height:25px;}
    body #top-bar .flex-col.flex-left,#top-bar .flex-col.flex-right{display:none;}
    body #top-bar .flex-col{width:100%;}
    .htop-slider ul li{font-size:9px;}
    .htop-slider .owl-carousel .owl-nav{top:-2px;}
    body #headerNew .header-main{padding:0;height:50px;}
    body #headerNew{background:#fff;position: fixed;left: 0;right: 0;top: 0;z-index: 9999;}
    body #mainHolder_divDesign .t-vw-8 .ticiContainer{width:100%!important;}
    body #mainHolder_divDesign .ticimaxTabHead{margin-bottom: 10px;}
    body .footerTemp{padding:40px 10px 0;}
    body .footerTemp section[data-id="89jatrz"].elementor-section .elementor-container{max-width:100%;}
    body .footerTemp .elementor-column[data-col="25"]:first-child{width:100%;padding:0;}
    
    .productIconEx{left:5px;top:5px;}
    .newIcon,.cargoIcon{font-size:10px;}
    .productIconEx2{top:5px;right:5px;}
    .ozelAlan1,.ozelAlan2,.ozelAlan3,.ozelAlan4{font-size:10px;}
    .productItem .productDetail{padding:5px;}
    .productItem .itemCategory{font-size:12px;}
    .productItem .productName a{font-size:12px;}
    .productOnYazi{font-size:12px;}
    .productStokKodu{font-size:12px;}
    .productSatisBirimi{font-size:12px;}
    .productItem .discountPrice span,.productItem .regularPrice span,.discountIcon{font-size:12px;}
    .ozelAlan5{font-size:10px;}

    .newHeaderNavigation.mobileStyle .newHeaderNavUl{margin:0;padding:0;}
    #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu{margin:0;padding:0;list-style:none;}

    .ProductName{width:100%;}
    .ProductName h1 span{font-size:20px;}
    .PriceList{float:left;width:100%;margin-top:10px;}
    .PiyasafiyatiContent .right_line *{font-size:20px;}
    .IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line *{font-size:20px;}
    .ProductIcon .boxIcon{width:19px;}
    .SmallImages{display: none!important;}
    body #divBenzerUrun .JKatAdi{display: block!important;float: left;}

    #UpdatePanel1{margin-top: 10px;}
    body .footerTemp .footerMenuTitle{padding-bottom:5px;margin-bottom:10px;}
    body .footerTemp .elementor-column[data-col="25"]{width:100%;}
    body .footerTemp .elementor-column[data-col="50"]:first-child{width:100%;}
    body .footerTemp .elementor-column[data-col="50"]{width:100%;}

    body .social-fixed .footerText{display: none;}

    .urunTabAlt{height:auto;max-height:200px;}

    .categoryContainer .middleTopBlock{margin-top:10px;}
    .categoryContainer .middleTopBlock .categorydesign{display: none;}
    .categoryContainer .categoryTitleText{float:left;width:100%;}

    body .kombinItem{width: calc(50% - 8px);}
    /*****************************/
    body.overflow{overflow: hidden;}
    #divIcerik.homepage{margin: 0 auto;}
    body.homeBody{padding-top: 75px;}
    body{padding-top: 50px;}
    #header {min-height: 50px;}
    body.sepetimBody { padding-top: 0; }
    #lang_flag_container{display: none;}
    .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;}
    .userContainer .userRightBox{margin-top: 20px;}
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;}
    .headerContent{margin: 0 auto;}
    #divIcerik{padding: 0 10px;margin: 0 auto;}
    .proCategoryTitle.categoryTitleText{padding: 0 0;}
    #footer .ticiContainer{padding: 0 10px;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 0;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    /*Logo*/
    #logo { float: none; position: static; display: block; border: none; width: auto;padding: 0; background: transparent; margin: 0; }
    #logo:after {display: none;}
    #logo .logo { margin: 0 auto; width:175px; float: none; padding:5px 0; text-align: center;display:block;background:transparent;}
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*header click button*/
    .mycart{top: 10px;right: 5px;width: 15px; height: 15px; z-index: 2;}
    .mycart .sepetUrunSayisi{width: 15px;height: 15px;line-height: 15px;background: #000;color: #fff;}
    .mobilMenuAcButton{display: block; position: absolute;top: 11px;left: 10px;}
    .searchClick{display: block; position: absolute;top: 11px;left: 50px;}
    .welcomeOpen{display: block; position: absolute;top: 11px;right: 50px;}
    .mycartClick{display: block; position: absolute;top: 11px;right: 10px;}
    .mobilMenuAcButton span{font-size:9px;display: block;line-height:9px;display:none;}
    .mobilMenuAcButton svg{width: 25px;}
    .searchClick svg{width: 25px;}
    .welcomeOpen svg{width: 22px;}
    .mycartClick svg{width: 25px;}
    /*mobilmenu*/
    .mobilMenu{width: 100%;bottom: 50px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu{width: 100%;bottom: 50px;}
    .menuUstBolum{margin-top: 0;}
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px;fill: #fff; position: absolute; left: 0; }
    .SepetUst .seClose svg {width: 20px;margin-top: 15px;}
    .CartProduct { background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; transform: none;-webkit-transform: none; box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct i{display:none;}
    .CartProduct.animated { right: 0; }
    .CartProduct.animated i{display: inline-block;}
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }
    .spanustSepetteUrunYok{font-size:16px;margin:20px 0 0 0;float:left;clear:both;text-align:center;width:100%;font-weight: 900;color: #d0112b;}
    .spanustSepetteUrunYok:before{content:'!';font-size:50px;vertical-align:top;border:1px solid;display: block;width: 100px;height: 100px;line-height: 98px;border-radius: 100%;margin: 0 auto;margin-bottom: 30px;}
    .mycart {background: none !important; padding: 0; margin: 0; border: none;position: absolute;left: auto;bottom: auto;}
    .mycart:before{display: none;}
    .mycart:after{display: none;}
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important;}
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi{ display: block !important; border-radius:100%;text-align:center;font-size: 12px;border: none;position: static;margin: 0;}
    .mycart .sepetUrunSayisi:before{display: none;}
    .mycart .sepetUrunSayisi:after{display: none;}
    .mycart > a {display: block;width: auto;height:auto;padding:0;border: none;margin: 0;background:transparent;}
    .mycart > a:before{display: none;}
    .mycart > a:after{display: none;}
    /*Sabit sayfalar icerik*/
    .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%; }
    /*Header Sabitler*/
    .resimliYanMenu { display: none; }
    .navigation { display: none }
    #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height:auto; position: fixed;left: 0;right: 0;top: 0;}
    #header:before{display: none;}
    #header.homeHeader { border: none;}
    .headerContent {text-align:left;}
    /*Arama*/
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0;right: 0; padding: 0;border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .searchContent.active { height: 40px; padding:0; overflow: visible; width: 100%;}
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
    #txtbxArama { height: 40px; padding-right: 40px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px;border-radius: 0; margin:0;border: 1px solid #f1f1f1;text-align: left;}
    .searchContent.active #txtbxArama { padding: 0 35px 0 10px; }
    #btnKelimeAra { width: 40px; height: 40px; right: 0; top:0; line-height: 40px; text-indent: 0;padding: 0; left: auto; border: none;border-radius: 0;text-align:center;}
    .ButtonMic{right:40px;height: 40px;}
    /*hosgeldin div*/
    .welcome {display:block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 40px;}
    .welcome>div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome>ul { margin: 0; }
    .welcome>div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%;list-style: none;padding: 0;margin: 0; }
    .welcome li { float: none; display: inline-block!important; width: auto;vertical-align:top;}
    .headerSocialConnect {margin-left: 0;}
    .headerSocialConnect .baglanButton{margin-left:10px;}
    .headerSocialConnect .baglanButton a{line-height:40px;font-size:13px;color: #fff;padding:0;}
    .headerSocialConnect .baglanButton a:before{line-height: 40px;}
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block!important; font-size: 13px; line-height: 40px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight:500;}
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }
    /*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: 1002;background: #fff;border-top: 1px solid #cecece;display: block;}
    .bottomHead ul{margin: 0;list-style: none;padding: 0;}
    .bottomHead ul li{float: left;width: 25%;}
    .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 5px 0;color: #000;position: relative;height: 49px;}
    .bottomHead ul li a svg{width: 18px;display: block;margin: 0 auto 5px;}
    .bottomHead ul li.welcC a svg{margin-bottom: 3px;}
    /*Footer*/
    .FooterTop,.FooterMiddle,.FooterBottom{}
    #footer .linkler{padding:0;}
    #footer .linkler .blink > ul{display: block;}
    #footer .linkler .blink > ul > li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul{display: none;float: left;width: 100%;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span{float:left;width: 100%;margin: 0;line-height: 60px;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span .ackapabtn{float: right;display: block;position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right;}
    #footer .linkler .blink > ul >li> span .ackapabtn .svgbtn{width: 13px;}
    #footer .linkler .blink > ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li>ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul >li >a{margin-bottom: 0;line-height: 40px;}
    .ebultenDiv{width: 100%;padding:0;margin: 0;}
    .ebultenGelecek{margin-top: 10px;}
    #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
    #back-to-top{bottom: 11%;right: 2%;}
    #back-to-top a{width: 30px;height: 30px;}
    #footer .socialdiv{margin: 0;text-align:center;}
    #footer .socialdiv ul{display: inline-block;vertical-align:top;}
    #footer .store{margin: 0;text-align:center;margin: 10px 0;}
    #footer .store ul{display: inline-block;vertical-align:top;}
    /*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;}
    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;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 12px!important;max-width: 25px;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 12px!important;content: '...';margin: 0 2px;}
    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: 100%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 12px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a span{font-size: 0!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;}
    .categoryTitleText{position: relative;z-index: 99;margin: 0;}
    .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);}
    .breadList.breadActive{display: block!important;}
    .breadList ul{list-style: none;}
    .breadList .mBread{float: left;width: 100%;}
    .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
    .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;}
    .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: 13px;}
    /*urundetay*/
    .leftImage{float: left;width: 100%;padding: 0;}
    .RightDetail{width: 100%;padding: 10px 0 0;}
    body a#linkOncekiSayfa{display: none;}
    body .leftImage a#linkOncekiSayfa {position: absolute;top: 0;left: 0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;display: block;}
    body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
    #divUrunKodu{clear: left;float: left;line-height: 14px;}
    #divUrunKodu span{line-height: 14px;}
    #divTaksitAciklama{clear: left;float: left;}
    .urunOzellik{display: none;}
    .urunOzellikTab{margin: 25px 0;display: block;float: left;width: 100%;}
    .urunOzellikTab .urunTab{float: left;width: 100%;}
    .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
    .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom: 1px solid #EBEBEB;}
    .urunOzellikTab .urunTab >ul >li > a{color: #5a5a5a;font-size: 14px;text-transform:uppercase;line-height: 44px;float: left;width: 100%;padding: 0 15px;font-weight: 500;position:relative;}
    .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;}
    .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;padding: 10px 0;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color: #fff;}
    .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%;}
    /*mobilicerik*/
    .detaySliderContainer{margin: 10px 0;}
    .sliderBannerContainer{margin: 10px 0;}
    .htop{display: none;}
}
@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){
}

/* ==========================================================================
   ELÖREN GİYİM · Ticimax tema katmanı · v1.0
   Tasarım kaynağı: yeni-tema/index.html (ana sayfa) ve urun.html (ürün detay)

   KURULUM
   - Panel > Tema CSS alanındaki Konsept-17 kodunu SİLMEYİN; bu dosyanın tamamını
     en alta yapıştırın. Grid, filtre, hesabım gibi yapısal kurallar Konsept-17'den,
     görünüm bu katmandan gelir.
   - Fontlar: assets/fonts içindeki iki woff2 dosyasını Dosya Yöneticisi ile
     /Uploads/EditorUploads/ altına aşağıdaki adlarla yükleyin.
   - Platform (Ticimax) kuralları #bodyGlobal ile kapsanır; stok temayı !important
     kullanmadan ezer. HTML bloklarında kullanılacak bileşenler el- önekiyle başlar.

   Sistem notları (prototipten)
   - Tek vurgu rengi: marka rengi (--el-brand → --el-accent). İndirim, CTA ve seçili durumlar bu renk.
   - Şekil: kutu, görsel ve kartlar 12px; buton, input, çip 10px; yalnızca ikon
     butonları ve renk seçicileri tam daire.
   - Hareket: yalnızca hover, sekme ve çekmece geçişleri.
   - z-index: fab 80, satın alma çubuğu 90, header 100, katman 210.
   ========================================================================== */

/* ---------- 1. Fontlar ----------
   Bu CSS static.ticimax.cloud/<mağaza no>/CustomCss/<kod>/style.css adresinden servis edilir.
   Göreli yol oradan /<mağaza no>/Uploads/EditorUploads/ klasörüne çıkar; kök yol (/Uploads/...) mağaza
   numarasını kaybeder ve 404 verir. */
@font-face { font-family: 'Cabinet Grotesk'; src: url('../../Uploads/EditorUploads/cabinetgrotesk-variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Switzer'; src: url('../../Uploads/EditorUploads/switzer-variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

/* ---------- 2. Tokenlar ----------
   RENK: Sitenin bütün renkleri tek bir marka renginden türetilir (şu an bordo: #521a19; 2026-10-22'ye kadar siyah #111111).
   Siyah görünen dolgu, çerçeve ve seçili durumlar da --el-accent kullanır; --el-ink yalnız yazı rengidir.
   Rengi değiştirmek için yalnızca aşağıdaki --el-brand satırını değiştirin; zeminler, yazı tonları,
   çizgiler, gölgeler ve perdeler bu renkten otomatik hesaplanır (en alttaki @supports bloğu).
   - Butonların içindeki yazı açık renktir (--el-accent-ink). Çok açık bir marka rengi seçilirse
     (ör. bej, sarı) buton yazısı okunmaz; o durumda --el-accent-ink'i koyu bir renk yapın.
   - Alttaki "sabit yedek" değerleri yalnızca color-mix bilmeyen eski tarayıcılar (iOS 15 ve öncesi)
     kullanır. Renk değişince güncellenmeleri şart değil; o tarayıcılarda eski ton görünmeye devam eder. */
:root {
  --el-brand: #521a19;

  --el-font-display: 'Cabinet Grotesk', 'Switzer', system-ui, sans-serif;
  --el-font-body: 'Switzer', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* sabit yedek (#521a19 için aşağıdaki color-mix formülleriyle hesaplandı) */
  --el-accent: #521a19;
  --el-accent-text: #4a1716;
  --el-accent-soft: #f5f0ef;
  --el-accent-ink: #fdfcfc;
  --el-accent-hover: #754541;
  --el-bg: #fdfcfc;
  --el-surface: #f8f5f5;
  --el-surface-2: #f3eded;
  --el-ink: #1a0f0e;
  --el-ink-2: #4a3f3e;
  --el-ink-3: #685f5e;
  --el-line: rgba(26, 15, 14, .12);
  --el-line-strong: rgba(26, 15, 14, .3);
  --el-shadow: 0 18px 44px -20px rgba(31, 6, 5, .3);
  --el-shadow-up: 0 -12px 32px -18px rgba(31, 6, 5, .35);
  --el-scrim: rgba(10, 5, 5, .5);
  --el-overlay: rgba(10, 5, 5, .62);

  --el-r: 12px; --el-r-sm: 10px;
  --el-max: 1480px;
  --el-gutter: clamp(16px, 3.2vw, 48px);
  --el-gap: clamp(12px, 1.4vw, 20px);
  --el-ease: cubic-bezier(.2, .7, .3, 1);
  --el-hdr-h: 159px; /* yapışkan header: üst şerit 36 + logo satırı + menü (şerit de yapışık kalır) */
  --el-shelf-mt: clamp(48px, 6vw, 88px);
}
@media (max-width: 1099px) { :root { --el-hdr-h: 60px; } }
/* Marka renginden türetilen palet. Açık zemin oranları koyu bir marka renginde bile zeminler açık kalacak şekilde seçildi. */
@supports (color: color-mix(in oklab, red, blue)) {
  :root {
    --el-accent: var(--el-brand);
    --el-accent-text: color-mix(in oklab, var(--el-brand) 93%, #000);            /* açık zeminde yazı/bağlantı */
    --el-accent-soft: color-mix(in oklab, var(--el-brand) 6%, #fff);             /* vurgu kutuları, bantlar */
    --el-accent-hover: color-mix(in oklab, var(--el-brand) 80%, #fff);           /* vurgu zeminli butonun üzerine gelince */
    --el-bg: color-mix(in oklab, var(--el-brand) 1%, #fff);                      /* sayfa zemini */
    --el-accent-ink: var(--el-bg);                                              /* vurgu zeminindeki yazı */
    --el-surface: color-mix(in oklab, var(--el-brand) 4%, #fff);
    --el-surface-2: color-mix(in oklab, var(--el-brand) 7%, #fff);
    --el-ink: color-mix(in oklab, var(--el-brand) 23%, #0a0a0a);                 /* metin */
    --el-ink-2: color-mix(in oklab, var(--el-ink) 76%, #fff);
    --el-ink-3: color-mix(in oklab, var(--el-ink) 62%, #fff);
    --el-line: color-mix(in srgb, var(--el-ink) 12%, transparent);
    --el-line-strong: color-mix(in srgb, var(--el-ink) 30%, transparent);
    --el-shade: color-mix(in oklab, var(--el-brand) 55%, #000);                  /* gölge rengi */
    --el-dark: color-mix(in oklab, var(--el-brand) 13%, #030303);                /* perde/karartma rengi */
    --el-shadow: 0 18px 44px -20px color-mix(in srgb, var(--el-shade) 30%, transparent);
    --el-shadow-up: 0 -12px 32px -18px color-mix(in srgb, var(--el-shade) 35%, transparent);
    --el-scrim: color-mix(in srgb, var(--el-dark) 50%, transparent);
    --el-overlay: color-mix(in srgb, var(--el-dark) 62%, transparent);
  }
}

/* ---------- 3. Temel ---------- */
/* Taban CSS html'i 1920px'e sınırlar: geniş ekranda şerit, header ve footer zeminleri yarım kalır.
   Zeminler tam genişlik, içerik --el-max (1480px) ile ortalı kalır. */
:root#htmlGlobal, html#htmlGlobal { max-width: none; margin: 0; }
/* Masaüstünde sayfa 8px yana kayıyordu (body dışına taşan bir taban öğesi); sticky header'ı bozmaz */
#htmlGlobal { overflow-x: clip; }
#bodyGlobal { background: var(--el-bg); color: var(--el-ink); font: 400 16px/1.5 var(--el-font-body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
/* Konsept-17 girdilere Archivo'yu !important ile verir; yalnızca burada !important gerekir */
#bodyGlobal input, #bodyGlobal select, #bodyGlobal textarea, #bodyGlobal button { font-family: var(--el-font-body) !important; }
#bodyGlobal :focus-visible { outline: 2px solid var(--el-accent); outline-offset: 2px; }
#bodyGlobal ::selection { background: var(--el-accent); color: var(--el-accent-ink); }

/* Ticimax genel butonu (giriş, bülten, filtre, popup...) */
#bodyGlobal .button { background: var(--el-accent); color: var(--el-accent-ink); border: 1px solid transparent; border-radius: var(--el-r-sm); font-family: var(--el-font-body); font-weight: 500; letter-spacing: 0; text-transform: none; transition: background-color .2s var(--el-ease), color .2s var(--el-ease), border-color .2s var(--el-ease); }
#bodyGlobal .button:hover { background: var(--el-accent-hover); color: var(--el-accent-ink); }

/* Sayfa kapsayıcıları: prototipteki .wrap ölçüsü */
#bodyGlobal .ticiContainer, #bodyGlobal #divIcerik { max-width: var(--el-max); margin-inline: auto; padding-inline: var(--el-gutter); }
#bodyGlobal #divIcerik .ticiContainer, #bodyGlobal #divIcerik.homepage { padding-inline: 0; }
#bodyGlobal #divIcerik.homepage { max-width: none; }
/* Sayfa Tasarım blok genişliği panelden gelir (t-vw-0…9, !important). Prototip ölçüsü için bloklarda
   "Tam genişlik" (t-vw-9) seçin: bu katman 1480px sınırını ve yan boşluğu kendisi uygular. */
#bodyGlobal #mainHolder_divDesign .hazirBlokContent { margin-inline: auto; padding-inline: var(--el-gutter) !important; } /* Konsept-17 mobilde !important ile sıfırlar */
#bodyGlobal #mainHolder_divDesign .t-vw-9 .hazirBlokContent { max-width: var(--el-max) !important; }
#bodyGlobal #mainHolder_divDesign .t-lr-0 .hazirBlokContent > .txrow { margin-inline: 0; }
/* HTML bloklarında: blok zaten kapsayıcı içinde, .el-wrap ikinci kez boşluk vermesin */
#bodyGlobal .hazirBlokContent .el-wrap { max-width: none; padding-inline: 0; }
/* Tam genişlik zeminli bölümler (fırsat, bülten): blok kapsayıcısından taşar, içerik hizada kalır */
#bodyGlobal .hazirBlokContent .el-bleed { margin-inline: calc(50% - 50vw); }
#bodyGlobal .hazirBlokContent .el-bleed .el-wrap { max-width: var(--el-max); padding-inline: var(--el-gutter); }

/* ==========================================================================
   4. Bileşenler (HTML bloklarında kullanılır, el- önekli)
   ========================================================================== */
.el-wrap { width: 100%; max-width: var(--el-max); margin-inline: auto; padding-inline: var(--el-gutter); box-sizing: border-box; }
.el-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.el-ico { width: 1.25em; height: 1.25em; fill: currentColor; flex: none; display: block; }
.el-scope, .el-scope *, .el-scope *::before, .el-scope *::after { box-sizing: border-box; }
/* Sıfırlama :where() ile tek sınıf ağırlığında: bileşen kuralları (.el-btn--primary, .el-chip--hot...) rengini ezmesin */
.el-scope :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) { margin: 0; padding: 0; }
.el-scope :where(ul, ol) { list-style: none; }
.el-scope :where(a) { color: inherit; text-decoration: none; }
.el-scope :where(img) { display: block; max-width: 100%; height: auto; }

.el-h2 { font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.55rem, 2.3vw, 2.15rem); letter-spacing: -.028em; line-height: 1.1; color: var(--el-ink); }
.el-h3 { font-family: var(--el-font-display); font-weight: 700; font-size: 1.35rem; letter-spacing: -.02em; color: var(--el-ink); }
.el-eyebrow { font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--el-accent-text); }

/* Butonlar */
.el-btn { display: inline-flex; align-items: center; justify-content: center; gap: .55em; height: 48px; padding: 0 24px; border-radius: var(--el-r-sm); border: 1px solid transparent; font-family: var(--el-font-body); font-weight: 500; font-size: .95rem; line-height: 1; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s var(--el-ease), color .2s var(--el-ease), border-color .2s var(--el-ease), transform .12s var(--el-ease); }
.el-btn:active { transform: scale(.98); }
.el-btn .el-ico { transition: transform .2s var(--el-ease); }
.el-btn:hover .el-ico { transform: translateX(3px); }
.el-btn--primary { background: var(--el-accent); color: var(--el-accent-ink); }
.el-btn--primary:hover { background: var(--el-accent-hover); color: var(--el-accent-ink); }
.el-btn--ghost { background: transparent; color: var(--el-ink); border-color: var(--el-line-strong); }
.el-btn--ghost:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
.el-btn--sm { height: 36px; padding: 0 18px; font-size: .88rem; border-radius: 8px; }
.el-btn--lg { height: 54px; font-size: 1rem; }
.el-btn--block { width: 100%; }
.el-btn:disabled { opacity: .6; cursor: default; }
.el-round { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--el-line-strong); background: transparent; color: var(--el-ink); cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .12s; }
.el-round:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
.el-round:active { transform: scale(.94); }

/* Kampanya şeridi (JS header'ın üstüne ekler) */
.el-topbar { background: var(--el-accent); color: var(--el-accent-ink); font-size: .8rem; }
.el-topbar__in { height: 36px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }
.el-topbar a, .el-topbar__msg { display: inline-flex; align-items: center; gap: .5em; color: inherit; text-decoration: none; margin: 0; }
.el-topbar__msg { font-weight: 600; letter-spacing: .01em; }
.el-topbar__tel span { opacity: .75; }
.el-topbar__links { justify-self: end; display: flex; align-items: center; gap: 20px; }
.el-topbar__links a:hover, .el-topbar__tel:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Ana slider (Sayfa Tasarım: "Anasayfa Tekli Slider"). Banner görselleri panelden yüklenir, "Resim Alt Etiketi" görselin
   alt metni olur. Tema yalnız köşeyi, okları (fare üzerindeyken görünür) ve noktaları (altta) düzenler. */
#bodyGlobal #mainHolder_divDesign section.landing-block[id^="sliderblok_"] { margin-top: var(--el-gap) !important; margin-bottom: 0 !important; padding: 0 !important; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-stage-outer { border-radius: var(--el-r); }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-item img { display: block; width: 100%; height: auto; }
/* Görsellerin boyutu HTML'de yazmıyor: görsel inmeden çizilirse (Owl'dan önce ya da sonra) slider 0 yükseklikte kalır, görsel
   gelince alttakileri iter (CLS). Görsel, yüklenen dosyaların oranıyla yer tutar (telefon 3:4, masaüstü 2000×710); inince kendi
   oranı geçerli olur (auto). Owl başlamadan yalnız ilk slayt görünür. */
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider:not(.owl-loaded) > .blokResimLink ~ .blokResimLink { display: none; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider:not(.owl-loaded) > .blokResimLink img { display: block; width: 100%; height: auto; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider img { aspect-ratio: auto 2000 / 710; }
#bodyGlobal #mainHolder_divDesign section.hide-desktop .anasayfa_tek_slider img { aspect-ratio: auto 3 / 4; }
/* ok kapsayıcısı görsel alanını kaplar (noktalar altta, kutunun dışında); taban CSS onu %40 hizasına koyar */
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav { top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev,
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext { top: 50%; width: 48px; height: 48px; margin-top: -24px; border: 0; pointer-events: auto; opacity: 0 !important; transition: opacity .2s ease, background-color .2s ease, color .2s ease; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider:hover .owl-nav .ProductListprev,
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider:hover .owl-nav .ProductListnext,
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev:focus-visible,
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext:focus-visible { opacity: 1 !important; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-dots { position: static !important; display: flex !important; justify-content: center; gap: 8px; width: 100% !important; margin: 12px 0 0 !important; transform: none; text-align: center; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-dots .owl-dot { padding: 6px 0; background: none; border: 0; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-dots .owl-dot span { display: block; width: 8px; height: 8px; margin: 0; border: 0 !important; border-radius: 999px; background: var(--el-line-strong) !important; box-shadow: none; transition: width .3s var(--el-ease), background-color .3s ease; }
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-dots .owl-dot.active span { width: 28px; background: var(--el-accent) !important; }
/* Tek slaytlı slider (sayfa ortasındaki banner): Owl noktaları "disabled" yapar, gösterme */
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-dots.disabled { display: none !important; }
/* Noktalar Owl çalışınca gelir ve slider'ı 24 px uzatır (telefonda CLS); birden çok slaytlı slider'da yer ilk çizimde ayrılır */
#bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider:not(.owl-loaded):has(> .blokResimLink ~ .blokResimLink) { padding-bottom: 24px; }
/* Sayfa ortasındaki slider blokları (üstteki ana slider değil): diğer bölümlerle aynı üst boşluk */
#bodyGlobal #mainHolder_divDesign > section:not([id^="sliderblok_"]) ~ section[id^="sliderblok_"] { margin-top: var(--el-shelf-mt) !important; }
@media (hover: none), (max-width: 767px) {
  #bodyGlobal #mainHolder_divDesign .anasayfa_tek_slider .owl-nav { display: none; }
}

/* Canlı ürün (JS): ürün listelenmiyorsa fiyat gizlenir; sınıfın display değeri hidden'ı ezmesin */
[data-el-product] [hidden], [data-el-category] [hidden], [data-el-tag] [hidden] { display: none !important; }
/* Yüklenirken: kaynağı henüz verilmemiş görselin alt yazısı görünmesin, yerinde hafifçe parlayan zemin dursun */
[data-el-product] img:not([src]), [data-el-category] img:not([src]), [data-el-tag] img:not([src]) { color: transparent; font-size: 0; background: var(--el-surface-2); }
.is-loading img:not([src]) { background: linear-gradient(100deg, var(--el-surface-2) 30%, var(--el-surface) 50%, var(--el-surface-2) 70%) 0 0 / 200% 100%; animation: el-shimmer 1.3s linear infinite; }
@keyframes el-shimmer { to { background-position: -200% 0; } }

/* Güven şeridi: ana sayfanın son bloğu (SEO metninin altı, footer'ın hemen üstü); üst boşluk SEO bölümüyle aynı */
.el-trust { margin-top: clamp(40px, 5vw, 72px); }
.el-trust__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--el-line); border-radius: var(--el-r); }
.el-trust__list li { display: flex; align-items: center; gap: 14px; padding: 16px clamp(14px, 1.6vw, 24px); font-size: .86rem; color: var(--el-ink-2); line-height: 1.35; }
.el-trust__list li + li { border-left: 1px solid var(--el-line); }
.el-trust__list b { display: block; color: var(--el-ink); font-weight: 600; font-size: .95rem; }
/* Kayan yazı bandı (ana sayfa, heronun altı; JS: marquee). JS yoksa ortalı sabit satır. */
.el-marquee { overflow: hidden; margin-top: var(--el-gap); border-radius: var(--el-r); background: var(--el-surface); color: var(--el-ink); } /* siyah zemin beğenilmedi: açık gri */
.el-marquee__list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.el-marquee__list li { display: inline-flex; align-items: center; padding: 12px 0; font-size: .78rem; font-weight: 600; letter-spacing: .14em; line-height: 1.2; white-space: nowrap; }
.el-marquee__list li::after { content: '·'; margin: 0 22px; font-size: 1.1em; opacity: .7; }
.el-marquee:not(.is-running) .el-marquee__list li:last-child::after { content: none; }
.el-marquee__track { display: flex; width: max-content; animation: el-marquee var(--el-marquee-dur, 30s) linear infinite; }
.el-marquee.is-running .el-marquee__list { flex: none; flex-wrap: nowrap; justify-content: flex-start; }
/* JS bandı tek satıra çevirir; ilk çizimde de tek satır dursun (telefonda iki satırdan teke inip alttakileri 39 px kaydırıyordu) */
@media (prefers-reduced-motion: no-preference) { .el-marquee:not(.is-running) .el-marquee__list { flex-wrap: nowrap; justify-content: flex-start; } }
@keyframes el-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .el-marquee__track { animation: none; } }
.el-trust__list .el-ico { width: 28px; height: 28px; color: var(--el-accent); }

/* Kategori kısayolları */
/* Kategori düğmeleri (bilesenler/03-kategoriler.html): ikonlu hap düğmeler; masaüstünde tek sıra eşit genişlikte,
   1200px altında yana kaydırılır. el-chip--hot (Fırsat Köşesi) siyah dolguyla ayrılır. */
.el-chips { margin-top: clamp(28px, 3vw, 44px); }
.el-chips__list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: clamp(10px, 1.2vw, 18px); }
.el-chip { display: flex; align-items: center; justify-content: center; gap: 10px; height: 56px; padding: 0 18px; border: 1px solid var(--el-line); border-radius: 999px; background: var(--el-surface); color: var(--el-ink); font-size: .9rem; font-weight: 600; white-space: nowrap; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .14s var(--el-ease); }
.el-chip .el-ico { width: 24px; height: 24px; color: var(--el-ink-2); transition: transform .2s var(--el-ease); }
.el-chip:hover { background: var(--el-surface-2); border-color: var(--el-line-strong); }
.el-chip:hover .el-ico { transform: translateY(-2px); }
.el-chip:active { transform: scale(.97); }
.el-chip--hot { background: var(--el-accent); border-color: var(--el-accent); color: var(--el-accent-ink); }
.el-chip--hot .el-ico { color: var(--el-accent-ink); }
.el-chip--hot:hover { background: var(--el-accent-hover); border-color: var(--el-accent-hover); }
@media (max-width: 1199px) {
  .el-chips__list { grid-auto-columns: max-content; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin-inline: calc(var(--el-gutter) * -1); padding: 2px var(--el-gutter); scroll-padding-inline: var(--el-gutter); }
  .el-chips__list li { scroll-snap-align: start; }
  .el-chip { height: 50px; }
}

/* Vitrin başlığı */
.el-shelf { margin-top: clamp(48px, 6vw, 88px); }
.el-shelf__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; margin-bottom: clamp(18px, 2vw, 28px); }
.el-shelf__sub { color: var(--el-ink-2); margin-top: 6px; max-width: 56ch; }

/* Fırsat bölümü zemini: ürün bloğunun "Css Class" alanına el-deals yazılır, zemin tam genişlik olur.
   Sayfa Tasarım CSS'i 1024px altında blokların boşluğunu !important ile sıfırladığı için burada da !important. */
.el-deals { margin-top: var(--el-shelf-mt); padding-block: clamp(40px, 5vw, 72px); background: var(--el-surface); }
#bodyGlobal #mainHolder_divDesign section.landing-block.el-deals { margin: var(--el-shelf-mt) 0 0 !important; padding: clamp(40px, 5vw, 72px) 0 !important; background-color: var(--el-surface) !important; }
#bodyGlobal .el-deals .productItem .productImage { background: var(--el-surface-2); }

/* Kampanya bandı (bilesenler/09-kampanya-bandi.html): bandın tamamı tek bağlantı. Rengi marka renginden gelir.
   Fırsat bölümünün hemen üstündeyse (arada yalnız başlık bloğu) ikisi birlikte okunsun diye aradaki boşluk daralır. */
.el-band-wrap { margin-top: var(--el-shelf-mt); }
.el-band { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: clamp(28px, 3.4vw, 52px) clamp(24px, 4.6vw, 72px); border-radius: var(--el-r); background: var(--el-accent); color: var(--el-accent-ink); font-family: var(--el-font-display); text-transform: uppercase; transition: background-color .2s ease; }
.el-band:hover { background: var(--el-accent-hover); }
.el-band__label, .el-band__offer { font-weight: 600; font-size: clamp(1.6rem, 3.1vw, 3.2rem); line-height: 1; letter-spacing: -.01em; white-space: nowrap; }
.el-band__offer { justify-self: center; }
.el-band__cta { justify-self: end; padding: 0 18px 10px; border-bottom: 1.5px solid currentColor; font-family: var(--el-font-body); font-size: 1rem; font-weight: 600; letter-spacing: .04em; transition: padding .2s var(--el-ease); }
.el-band:hover .el-band__cta { padding-inline: 26px; }
#bodyGlobal #mainHolder_divDesign section.landing-block:has(.el-band) + section.landing-block.el-deals,
#bodyGlobal #mainHolder_divDesign section.landing-block:has(.el-band) + section.landing-block + section.landing-block.el-deals { margin-top: var(--el-gap) !important; }

/* Resim blokları (Sayfa Tasarım: Tekli / 2'li / 3'lü / 4'lü Banner Blok). Panelden eklenen her resim bloğu bu düzeni alır:
   görseller yan yana, dar boşluklu, sabit oranlı (2'li 8:9, 3'lü/4'lü 4:5, tekli görselin kendi oranı).
   Yazıyı tema basar, panelden yalnız görsel yüklenir (JS: picLabels). "Resim Alt Etiketi": "Başlık | Alt yazı" → başlık + alt yazı +
   "Hemen Keşfet"; yalnız "Başlık" → başlık + "Hemen Keşfet". Görselin üstünde yazı zaten varsa etiketin sonuna "| -" ya da bloğun
   Css Class alanına el-no-label yazın. Arka arkaya gelen resim blokları birbirine yaklaşır. */
#bodyGlobal #mainHolder_divDesign section.landing-block[id^="resimblok_"] { margin-top: var(--el-shelf-mt) !important; margin-bottom: 0 !important; padding: 0 !important; }
#bodyGlobal #mainHolder_divDesign section.landing-block[id^="resimblok_"] + section.landing-block[id^="resimblok_"] { margin-top: var(--el-gap) !important; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .hazirBlokContent > .txrow { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--el-gap); margin: 0 !important; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .hazirBlokContent > .txrow > [class*="txcol"] { width: auto; max-width: none; flex: none; min-width: 0; margin: 0 !important; padding: 0 !important; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] a.blokResimLink { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 5; border-radius: var(--el-r); background: var(--el-surface-2); color: var(--el-bg); }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(2):last-child) a.blokResimLink { aspect-ratio: 8 / 9; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow > :only-child a.blokResimLink { aspect-ratio: auto; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] a.blokResimLink img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 20%; transition: transform .8s var(--el-ease); }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow > :only-child a.blokResimLink img { height: auto; max-height: min(80vh, 760px); }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] a.blokResimLink:hover img { transform: scale(1.03); }
/* Görsel üstü yazı (önceden görsellerin içine basılan düzenin aynısı): sol altta kalın başlık, alt yazı, altı çizili "Hemen Keşfet" */
.el-pic__cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 110px 9% clamp(18px, 6%, 36px); background: linear-gradient(to top, var(--el-overlay), transparent); color: var(--el-bg); pointer-events: none; }
.el-pic__title { font-family: var(--el-font-display); font-weight: 800; font-size: clamp(1.4rem, 2.2vw, 2.1rem); line-height: 1.05; letter-spacing: -.01em; text-wrap: balance; }
.el-pic__sub { font-size: clamp(.95rem, 1.3vw, 1.3rem); font-weight: 400; line-height: 1.3; letter-spacing: .01em; text-wrap: balance; }
.el-pic__cta { margin-top: 8px; font-size: clamp(.78rem, .9vw, .9rem); font-weight: 700; line-height: 1.2; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.txrow:has(> :nth-child(2):last-child) .el-pic__title, .txrow > :only-child .el-pic__title { font-size: clamp(1.7rem, 3vw, 2.8rem); }
.txrow:has(> :nth-child(2):last-child) .el-pic__sub, .txrow > :only-child .el-pic__sub { font-size: clamp(1.05rem, 1.6vw, 1.5rem); }
a.blokResimLink:hover .el-pic__cta { text-decoration-thickness: 2.5px; }
/* Alt yazılı ("Başlık | Alt yazı") ya da yazısı görselin içinde olan ("| -", EL_CONFIG.picBaked) banner'ın satırı 2:3 kırpılmadan görünür:
   bu görseller boydan model fotoğrafı, yazı alt boşluğa gelir. Aynı satırdaki bütün kutular aynı orana geçer. Seçici sunucudan gelen
   title'daki "|"yı da yakalar: JS çalışmadan önce de oran aynı, kayma yok. */
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(a.blokResimLink[title*="|"], a.el-pic--yazili, a.el-pic--full) a.blokResimLink { aspect-ratio: 2 / 3; }
#bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(a.blokResimLink[title*="|"], a.el-pic--yazili, a.el-pic--full) a.blokResimLink img { object-position: 50% 50%; }
@media (max-width: 1023px) {
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(4)) { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  /* 2'li alt alta; 3'lü ve 4'lü yana kaydırılır */
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(2):last-child) { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); }
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(2):last-child) a.blokResimLink { aspect-ratio: 4 / 5; }
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(3)) { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--el-gutter) * -1) !important; padding-inline: var(--el-gutter); scroll-padding-inline: var(--el-gutter); }
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow:has(> :nth-child(3)) > * { scroll-snap-align: start; }
  #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow > :only-child a.blokResimLink img { max-height: 70vh; }
}

/* Müşteri yorumları (Google, veriyi JS basar) */
.el-reviews { margin-top: clamp(48px, 6vw, 88px); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 3fr); gap: var(--el-gap); }
.el-reviews__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--el-gap); align-items: stretch; }
.el-reviews__list > :nth-child(n+4) { display: none; }
.el-score { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: clamp(22px, 2.2vw, 32px); border-radius: var(--el-r); background: var(--el-accent-soft); }
.el-score__num { margin-top: 14px; font-family: var(--el-font-display); font-weight: 800; font-size: clamp(3.4rem, 5vw, 4.6rem); line-height: .95; letter-spacing: -.04em; }
.el-score__num small { margin-left: 8px; font-size: 1.2rem; font-weight: 500; letter-spacing: 0; color: var(--el-ink-2); }
.el-stars { display: flex; gap: 3px; color: var(--el-accent); }
.el-stars .el-ico { width: 20px; height: 20px; }
.el-stars .el-ico.is-off { opacity: .22; }
.el-score__src { display: flex; align-items: center; gap: 8px; color: var(--el-ink-2); font-size: .95rem; }
.el-score__src .el-ico { width: 18px; height: 18px; }
.el-score__link { margin-top: auto; padding-top: 14px; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: .92rem; color: var(--el-accent-text); }
.el-score__link .el-ico { width: 18px; height: 18px; transition: transform .2s var(--el-ease); }
.el-score__link:hover .el-ico { transform: translateX(3px); }
.el-quote { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: clamp(20px, 2vw, 28px); border: 1px solid var(--el-line); border-radius: var(--el-r); background: var(--el-bg); transition: border-color .2s; }
/* Kartın tamamı Google'daki yorumlara gider (JS reviewLinks ekler); "Devamını oku" bağlantının üstünde kalır */
.el-quote__link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.el-quote__link:focus-visible { outline: 2px solid var(--el-accent); outline-offset: 2px; }
.el-quote:has(.el-quote__link):hover { border-color: var(--el-line-strong); }
.el-quote__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.el-quote__top .el-stars .el-ico { width: 16px; height: 16px; }
.el-quote__top > .el-ico { width: 20px; height: 20px; }
.el-quote blockquote { font-size: 1rem; line-height: 1.55; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.el-quote.is-open blockquote { display: block; }
.el-quote__more { position: relative; z-index: 2; align-self: flex-start; margin: -6px 0 0; padding: 0; border: 0; background: none; font: inherit; font-size: .88rem; font-weight: 600; color: var(--el-accent-text); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.el-quote__more[hidden] { display: none; }
.el-quote figcaption { margin-top: auto; padding-top: 8px; display: flex; align-items: center; gap: 12px; font-size: .88rem; }
.el-quote__av { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--el-accent-soft); color: var(--el-accent-text); font-weight: 700; font-size: .95rem; }
.el-quote__who { display: grid; gap: 2px; min-width: 0; }
.el-quote__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.el-quote__time { color: var(--el-ink-3); }

/* Bülten (form Ticimax bülten servisine bağlanır, bkz. JS) */
/* Zemin blok kabından taşıp tam genişlik bant olur (yatay kaydırma oluşturmaz) */
.el-news { margin-top: clamp(48px, 6vw, 88px); background: var(--el-accent-soft); padding-block: clamp(36px, 4.5vw, 64px); box-shadow: 0 0 0 100vmax var(--el-accent-soft); clip-path: inset(0 -100vmax); }
.el-news__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(24px, 4vw, 72px); align-items: center; }
.el-news__form { display: grid; gap: 8px; }
.el-news__form label { font-weight: 500; font-size: .9rem; }
.el-news__field { display: flex; gap: 10px; }
.el-news__field input { flex: 1; min-width: 0; height: 50px; padding: 0 16px; background: var(--el-bg); color: var(--el-ink); border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); font-size: 1rem; transition: border-color .2s, box-shadow .2s; }
.el-news__field input::placeholder { color: var(--el-ink-3); opacity: 1; }
.el-news__field input:focus-visible { outline: none; border-color: var(--el-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-accent) 24%, transparent); }
.el-news__field input[aria-invalid="true"] { border-color: var(--el-accent); box-shadow: inset 0 -2px 0 var(--el-accent); }
.el-news__field .el-btn { height: 50px; }
.el-news__error, .el-news__ok { display: flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 500; }
.el-news__ok { color: var(--el-accent-text); }
.el-news [hidden] { display: none !important; }
/* KVKK onayı (footer bültenindeki kutuyla aynı metin ve görünüm) */
.el-news__form .el-news__consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 4px; color: var(--el-ink-2); font-size: .85rem; font-weight: 400; line-height: 1.45; cursor: pointer; }
.el-news__consent input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--el-ink); cursor: pointer; }
.el-news__consent input[aria-invalid="true"] { outline: 2px solid var(--el-accent); outline-offset: 2px; }
.el-news__consent strong { color: var(--el-ink); font-weight: 600; }

/* Instagram reels bölümü (ana sayfa bloğu [data-el-insta]; JS: insta): mini Instagram profili.
   Sade beyaz zemin; Instagram marka gradyanı yalnız vurgu olarak: dış çerçeve, logodaki hikâye halkası, Takip Et düğmesi, Reels sekme çizgisi.
   Profil satırı → Reels sekmesi → 9:16 karolar (masaüstünde 6'lı ızgara, 1024 altında yana kayan şerit). */
.el-insta { --ig: linear-gradient(45deg, #feda75 0%, #fa7e1e 22%, #d62976 50%, #962fbf 76%, #4f5bd5 100%); margin-top: clamp(48px, 6vw, 88px); }
/* Dış çerçeve de gradyan: kenarlık şeffaf, gradyan border-box'ta, iç zemin padding-box'ta */
.el-insta__frame { --pad: clamp(16px, 2.4vw, 32px); padding: var(--pad); border: 2px solid transparent; border-radius: calc(var(--el-r) + 8px); background: linear-gradient(var(--el-bg), var(--el-bg)) padding-box, var(--ig) border-box; }
.el-insta__profile { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px clamp(14px, 2vw, 24px); }
/* Hikâye halkası: gradyan kenarlık (border-box) + beyaz iç (padding-box). Logo kapta, görselde değil
   (görsele border-radius + padding verilince tarayıcı içeriği iç daireye göre kırpıyor, logonun uçları kesiliyordu) */
.el-insta__avatar { display: grid; place-items: center; width: clamp(66px, 6.2vw, 88px); aspect-ratio: 1; padding: 16%; border: 3px solid transparent; border-radius: 50%; background: linear-gradient(#fff, #fff) padding-box, var(--ig) border-box; transition: transform .25s var(--el-ease); }
.el-insta__avatar:hover { transform: scale(1.04); }
.el-insta__avatar img { display: block; width: 100%; height: auto; }
.el-insta__user { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--el-ink); font-family: var(--el-font-body); font-size: 1.2rem; font-weight: 600; letter-spacing: 0; line-height: 1.2; }
.el-insta__user .el-ico { flex: none; width: 21px; height: 21px; }
.el-insta__bio { max-width: 60ch; margin: 6px 0 0; color: var(--el-ink-2); font-size: .92rem; line-height: 1.45; }
.el-insta .el-insta__follow { min-width: 140px; border: 0; border-radius: 999px; background: linear-gradient(90deg, #fa7e1e 0%, #d62976 40%, #962fbf 75%, #4f5bd5 100%); color: #fff; font-weight: 600; transition: filter .2s var(--el-ease), transform .12s var(--el-ease); }
.el-insta .el-insta__follow:hover { background: linear-gradient(90deg, #fa7e1e 0%, #d62976 40%, #962fbf 75%, #4f5bd5 100%); color: #fff; filter: brightness(1.08) saturate(1.1); }
.el-insta__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: clamp(18px, 2vw, 24px) 0 14px; border-top: 1px solid var(--el-line); }
.el-insta__tab { display: inline-flex; align-items: center; gap: 6px; margin-top: -1px; padding-top: 12px; border-top: 2px solid transparent; border-image: var(--ig) 1; color: var(--el-ink); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.el-insta__tab .el-ico { width: 15px; height: 15px; }
.el-insta__more { display: inline-flex; align-items: center; gap: 6px; padding-top: 12px; color: var(--el-ink); font-size: .85rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.el-insta__more .el-ico { width: 15px; height: 15px; transition: transform .2s var(--el-ease); }
.el-insta__more:hover .el-ico { transform: translateX(3px); }
.el-insta__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.el-insta__item { min-width: 0; }
.el-insta__item:nth-child(n+7) { display: none; }
.el-insta__media { position: relative; display: block; overflow: hidden; aspect-ratio: 9 / 16; border-radius: var(--el-r-sm); background: var(--el-surface-2); color: #fff; }
.el-insta__media img, .el-insta__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.el-insta__media img { transition: transform .5s var(--el-ease); }
.el-insta__media:hover img { transform: scale(1.03); }
.el-insta__media video { opacity: 0; transition: opacity .35s ease; }
.el-insta__media.is-playing video { opacity: 1; }
.el-insta__media::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(to top, rgba(0, 0, 0, .55), transparent); pointer-events: none; }
.el-insta__reel { position: absolute; top: 10px; right: 10px; z-index: 1; width: 20px; height: 20px; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45)); }
.el-insta__likes { position: absolute; left: 10px; bottom: 9px; z-index: 1; display: inline-flex; align-items: center; gap: 5px; font-size: .8rem; font-weight: 600; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.el-insta__likes .el-ico { width: 15px; height: 15px; }
.el-insta__prod { display: grid; gap: 2px; margin-top: 8px; color: var(--el-ink); font-size: .8rem; line-height: 1.3; text-decoration: none; }
.el-insta__prod span { overflow: hidden; color: var(--el-ink-2); text-overflow: ellipsis; white-space: nowrap; }
.el-insta__prod b { font-weight: 600; }
.el-insta__prod:hover span { color: var(--el-ink); text-decoration: underline; text-underline-offset: 3px; }
.el-insta__item.is-skel .el-insta__media { background: linear-gradient(100deg, var(--el-surface-2) 30%, var(--el-surface) 50%, var(--el-surface-2) 70%) 0 0 / 200% 100%; animation: el-shimmer 1.3s linear infinite; }
.el-insta__item.is-skel .el-insta__media::after { content: none; }
.el-insta__item.is-skel .el-insta__prod { height: 34px; border-radius: 6px; background: var(--el-surface); }
.el-insta.is-empty .el-insta__bar, .el-insta.is-empty .el-insta__grid { display: none; }
@media (max-width: 1023px) {
  .el-insta__grid { display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--pad); margin-inline: calc(var(--pad) * -1); padding-inline: var(--pad); scrollbar-width: none; }
  .el-insta__grid::-webkit-scrollbar { display: none; }
  .el-insta__item { flex: none; width: clamp(140px, 38vw, 210px); scroll-snap-align: start; }
  .el-insta__item:nth-child(n+7) { display: block; }
}
@media (max-width: 767px) {
  .el-insta__profile { grid-template-columns: auto minmax(0, 1fr); }
  .el-insta__follow { grid-column: 1 / -1; width: 100%; }
  .el-insta__bio { font-size: .86rem; }
}
@media (prefers-reduced-motion: reduce) { .el-insta__item.is-skel .el-insta__media { animation: none; } .el-insta__avatar { transition: none; } }

/* SEO metni */
.el-seo { margin-top: clamp(40px, 5vw, 72px); display: grid; gap: 14px; }
.el-seo__body { max-width: 86ch; color: var(--el-ink-2); font-size: .93rem; display: grid; gap: 12px; }
.el-seo__body strong { color: var(--el-ink); font-weight: 600; }
.el-seo__body h3 { color: var(--el-ink); font-size: 1rem; font-weight: 600; margin-top: 10px; }
.el-seo__body h4 { color: var(--el-ink); font-size: .93rem; font-weight: 600; }
.el-seo__body a { color: var(--el-accent-text); text-decoration: underline; text-underline-offset: 3px; }
.el-seo__body a strong { color: inherit; }
.el-seo__more { display: grid; gap: 10px; }
.el-seo__more > p, .el-seo__more > h3, .el-seo__more > h4 { margin-top: 10px; }
.el-seo__more summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 500; color: var(--el-accent-text); width: max-content; }
.el-seo__more summary::-webkit-details-marker { display: none; }
.el-seo__more summary .el-ico { width: 14px; height: 14px; transition: transform .2s; }
.el-seo__more[open] summary .el-ico { transform: rotate(180deg); }
.el-seo__close { display: none; }
.el-seo__more[open] .el-seo__open { display: none; }
.el-seo__more[open] .el-seo__close { display: inline; }

/* Sağ alt düğmeler (JS ekler: fab): "yukarı çık", WhatsApp ve canlı mağazada Jivo canlı destek (entegrasyon, testte yok).
   Hepsi aynı dikey eksende, aralarında --el-fab-gap boşlukla dizilir; ürün detayında alt çubuk açılınca (body.el-has-buybar)
   birlikte yukarı kalkar. Jivo dairesi 65px, kabının içinde sağdan ve alttan 20px; bizim düğmeler onunla aynı eksene gelsin
   diye Jivo varken sağdan 20 + (65 − boyut) / 2 durur (müşteri Windows'ta kayık ve sıkışık gördü, 2026-10-26).
   Sıra: masaüstünde alttan Jivo, WhatsApp, yukarı çık; telefon/tablette Jivo'nun telefon düğmesi WhatsApp'ın üstünde.
   --el-fab-b: WhatsApp'ın alt boşluğu (Jivo'suz), --el-jivo-b: masaüstü Jivo dairesinin alt boşluğu. */
:root { --el-fab-s: 54px; --el-fab-r: 20px; --el-fab-gap: 14px; --el-jivo: 65px; --el-fab-b: 20px; --el-jivo-b: 20px; }
body.el-has-buybar { --el-fab-b: 92px; --el-jivo-b: 97px; }
body { --el-fab-y: var(--el-fab-b); --el-fab-top: calc(var(--el-fab-y) + var(--el-fab-s) + var(--el-fab-gap)); }
body:has(.__jivoDesktopButton) { --el-fab-r: calc(20px + (var(--el-jivo) - var(--el-fab-s)) / 2); --el-fab-y: calc(var(--el-jivo-b) + var(--el-jivo) + var(--el-fab-gap)); }
body:has(.__jivoMobileButton) { --el-fab-r: calc(20px + (var(--el-jivo) - var(--el-fab-s)) / 2); --el-jivo-y: calc(var(--el-fab-y) + var(--el-fab-s) + var(--el-fab-gap)); --el-fab-top: calc(var(--el-jivo-y) + var(--el-jivo) + var(--el-fab-gap)); }
jdiv .__jivoDesktopButton[class*="__jivoDesktopButton"] { bottom: calc(var(--el-jivo-b) - 20px + env(safe-area-inset-bottom)) !important; }
jdiv .__jivoMobileButton[class*="__jivoMobileButton"] { bottom: calc(var(--el-jivo-y) - 20px + env(safe-area-inset-bottom)) !important; }
/* Sepet çekmecesi açıkken Jivo gizli: Jivo z-index'i tarayıcının en yüksek değeri (2147483647), çekmecenin üstüne biniyordu.
   Çekmece (#globalLiteCart) kapanınca DOM'dan kalkar; kural yalnız açıkken geçerli, Jivo kendiliğinden geri gelir. */
#bodyGlobal:has(#globalLiteCart) jdiv { visibility: hidden !important; }
.el-fab { position: fixed; right: var(--el-fab-r); bottom: calc(var(--el-fab-y) + env(safe-area-inset-bottom)); z-index: 80; width: var(--el-fab-s); height: var(--el-fab-s); border-radius: 50%; display: grid; place-items: center; background: var(--el-accent); color: var(--el-bg); box-shadow: var(--el-shadow); transition: background-color .2s, color .2s, border-color .2s, transform .15s, bottom .25s var(--el-ease), opacity .2s, visibility .2s; }
.el-fab .el-ico { width: 27px; height: 27px; }
.el-fab:hover { background: var(--el-accent); color: var(--el-accent-ink); }
.el-fab:active { transform: scale(.95); }
/* Yukarı çık: sayfa bir ekran boyu kaydırılınca belirir (JS: .el-top-sentinel görünmez olunca .is-on); ok, sağ okun döndürülmüşü */
.el-fab--top { bottom: calc(var(--el-fab-top) + env(safe-area-inset-bottom)); background: var(--el-bg); color: var(--el-ink); border: 1px solid var(--el-line-strong); opacity: 0; visibility: hidden; transform: translateY(8px); }
.el-fab--top.is-on { opacity: 1; visibility: visible; transform: none; }
.el-fab--top:hover { background: var(--el-accent); color: var(--el-accent-ink); border-color: var(--el-accent); }
.el-fab--top .el-ico { width: 24px; height: 24px; transform: rotate(-90deg); }
.el-top-sentinel { position: absolute; top: 0; left: 0; width: 1px; height: 100vh; pointer-events: none; visibility: hidden; }
/* Eski reels widget'ı (canlıda Script Yönetimi'nden gelir; sol altta "Yeni Sezon" balonu) kendine z-index 99997 veriyor,
   menü/filtre/sepet çekmecesinin ve aramanın üstüne çıkıyordu. Balon sağ alt düğmelerle aynı katmana iner; konumuna
   dokunulmaz, tıklanınca açılan reels paneli (#erwPanel, 99999) yine her şeyin üstünde. */
#bodyGlobal #erwFab { z-index: 80; }

/* Görsel büyütme (ürün detay) */
.el-lightbox { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--el-bg); color: var(--el-ink); }
.el-lightbox::backdrop { background: var(--el-bg); }
.el-lightbox[open] { display: grid; place-items: center; }
.el-lightbox img { max-width: 100vw; max-height: 100dvh; width: auto; height: 100dvh; object-fit: contain; }
.el-lightbox .el-round { position: fixed; background: var(--el-bg); }
.el-lightbox__close { top: 18px; right: 18px; }
.el-lightbox__prev { left: 18px; top: 50%; margin-top: -22px; }
.el-lightbox__next { right: 18px; top: 50%; margin-top: -22px; }
.el-lightbox__count { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); padding: 6px 12px; border-radius: 8px; background: var(--el-bg); font-size: .88rem; font-variant-numeric: tabular-nums; margin: 0; }

/* ==========================================================================
   5. Header (Ticimax Header Tasarımı: #headerNew)
   ========================================================================== */
#bodyGlobal #headerNew { position: sticky; top: 0; z-index: 100; background: var(--el-bg); font-family: var(--el-font-body); }
/* Üst şerit: Header Tasarım > Html1 bloğunda temanın .el-topbar işaretlemesi; sunucudan ilk çizimde gelir
   (JS'le sonradan eklenince sayfa 36px kayıyordu). Html1 orta sütunu tam genişliğe yayılır, yan sütunlar gizli.
   Header yapışkan; "kargo bedava" mesajı kaydırırken de görünsün diye şerit de header'la birlikte yapışık kalır. */
#bodyGlobal #headerNew #top-bar { display: none; }
#bodyGlobal #headerNew #top-bar:has(.el-topbar) { display: block !important; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; background: var(--el-accent); }
#bodyGlobal #headerNew #top-bar > .headerContainer { display: block; width: auto; max-width: none; height: auto; min-height: 0; margin: 0; padding: 0; }
#bodyGlobal #headerNew #top-bar .flex-left, #bodyGlobal #headerNew #top-bar .flex-right { display: none !important; }
#bodyGlobal #headerNew #top-bar .flex-center, #bodyGlobal #headerNew #top-bar .nav-center, #bodyGlobal #headerNew #top-bar .html_1 { display: block !important; float: none; width: 100%; max-width: none; height: auto; margin: 0; padding: 0; } /* çekirdek Html1'i sola yüzdürüyor: şerit 0 yükseklikte kalıp ana satırın altında kalıyordu */
#bodyGlobal #headerNew .el-topbar__in { height: 36px; }
#bodyGlobal #headerNew .el-topbar .el-ico { width: 16px; height: 16px; flex: none; }
#bodyGlobal #headerNew .header-main { height: auto; padding: 0; background: var(--el-bg); border-bottom: 1px solid var(--el-line); }
#bodyGlobal #headerNew .header-main .headerContainer { max-width: var(--el-max); padding-inline: var(--el-gutter); flex-wrap: wrap; align-items: center; column-gap: clamp(16px, 3vw, 48px); }
#bodyGlobal #headerNew #hb-logo { order: 1; width: auto; height: 76px; margin: 0; justify-content: flex-start; }
#bodyGlobal #headerNew #hb-logo a { height: 100%; display: flex; align-items: center; }
#bodyGlobal #headerNew #hb-logo img { height: 50px; max-height: 50px; width: auto; padding: 0; mix-blend-mode: multiply; }
#bodyGlobal #headerNew .header-main .flex-right { order: 2; flex: 1 1 auto; margin: 0; }
#bodyGlobal #headerNew .header-main .header-nav.nav-right { width: 100%; justify-content: flex-end; gap: 4px; }

/* Masaüstü: menü ikinci satıra (menü üst satırda kurulmuşsa da) */
#bodyGlobal #headerNew .header-main .flex-left { order: 3; flex: 0 0 100%; position: relative; height: 46px; margin: 0; }
#bodyGlobal #headerNew .header-main .flex-left::before { content: ''; position: absolute; top: 0; left: 50%; width: 100vw; transform: translateX(-50%); border-top: 1px solid var(--el-line); pointer-events: none; }
#bodyGlobal #headerNew .header-main .header-nav.nav-left { height: 100%; gap: 0; }
#bodyGlobal #headerNew .header-bottom { height: 46px; background: var(--el-bg); border-bottom: 1px solid var(--el-line); }
#bodyGlobal #headerNew .header-bottom .headerContainer { max-width: var(--el-max); padding-inline: var(--el-gutter); }

/* Arama kutusu: masaüstünde hep açık */
#bodyGlobal #headerNew #divTopProductSearch { order: -1; flex: 1 1 auto; max-width: 640px; margin-inline: auto; }
#bodyGlobal #headerNew #divTopProductSearch .newSearcBtnClick { display: none; }
#bodyGlobal #headerNew #divTopProductSearch .header-search-form-wrapper { display: block; position: static; width: 100%; }
#bodyGlobal #headerNew #divTopProductSearch .searchform-wrapper, #bodyGlobal #headerNew #divTopProductSearch .searchform { border: 0; border-radius: 0; padding: 0; background: none; box-shadow: none; }
#bodyGlobal #headerNew #divArama { height: 48px; display: flex; align-items: center; gap: 10px; padding: 0 6px 0 16px; background: var(--el-surface); border: 1px solid var(--el-line); border-radius: var(--el-r-sm); transition: border-color .2s, box-shadow .2s, background-color .2s; }
/* Odak: tek çizgi (dış halka + kenarlık çift çerçeve gibi görünüyordu) */
#bodyGlobal #headerNew #divArama:focus-within { border-color: var(--el-accent); background: var(--el-bg); box-shadow: inset 0 0 0 1px var(--el-accent); }
#bodyGlobal #headerNew #txtbxArama:focus, #bodyGlobal #headerNew #txtbxArama:focus-visible { outline: none; box-shadow: none; }
#bodyGlobal #headerNew #divArama .flex-col { display: flex; align-items: center; }
#bodyGlobal #headerNew #divArama .flex-grow { flex: 1; min-width: 0; }
#bodyGlobal #headerNew #txtbxArama { width: 100%; height: 46px; border: 0; background: none; box-shadow: none; outline: none; padding: 0; font-size: .95rem; letter-spacing: 0; text-transform: none; color: var(--el-ink); }
#bodyGlobal #headerNew #txtbxArama::placeholder { color: var(--el-ink-3); opacity: 1; text-transform: none; letter-spacing: 0; }
#bodyGlobal #headerNew #btnKelimeAra { position: static; left: auto; right: auto; top: auto; width: auto; height: 36px; min-width: 0; padding: 0 18px; border: 0; border-radius: 8px; background: var(--el-accent); color: var(--el-accent-ink); font-size: .88rem; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; transition: background-color .2s; }
#bodyGlobal #headerNew #btnKelimeAra:hover { background: var(--el-accent-hover); color: var(--el-accent-ink); }
#bodyGlobal #headerNew #btnKelimeAra i { font-size: 15px; color: inherit; }
#bodyGlobal #headerNew #btnKelimeAra::after { content: 'Ara'; }

/* Arama önerileri (#divAramaAlani, body'ye eklenir; konumu çekirdek satır içi top/left ile verir).
   Masaüstü: arama kutusunun altında panel. Telefon: çekirdek tam ekran katman açar (.isMobilInputContent içerir). */
#divAramaAlani.ticimax-search-content { margin-top: 8px; padding: 0; border: 1px solid var(--el-line); border-radius: var(--el-r); background: var(--el-bg); box-shadow: 0 24px 60px rgba(0, 0, 0, .14); color: var(--el-ink); font-family: var(--el-font-body); overflow: hidden; }
#divAramaAlani .quickSearchContent { display: grid; grid-template-columns: 220px minmax(0, 1fr); width: min(820px, calc(100vw - 32px)); max-height: min(640px, 72vh); margin: 0; padding: 0; background: none; }
#divAramaAlani .ticimax-search-sidebar { width: auto; height: auto; margin: 0; padding: 22px 16px; background: var(--el-surface); border: 0; overflow-y: auto; }
#divAramaAlani .ticimax-sidebar-item { margin: 0 0 18px; padding: 0; }
#divAramaAlani .ticimax-sidebar-item h3, #divAramaAlani .ticimax-search-products-title h3 { margin: 0 0 10px; padding: 0 10px; color: var(--el-ink-3); font-family: var(--el-font-body); font-size: .72rem; font-weight: 600; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
#divAramaAlani .ticimax-sidebar-item ul { margin: 0; padding: 0; list-style: none; }
#divAramaAlani .ticimax-sidebar-item li { margin: 0; padding: 0; border: 0; }
#divAramaAlani .ticimax-sidebar-item a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--el-ink); font-size: .9rem; line-height: 1.35; text-decoration: none; transition: background-color .15s; }
#divAramaAlani .ticimax-sidebar-item a:hover { background: var(--el-surface-2); }
#divAramaAlani .ticimax-search-products { display: flex; flex-direction: column; width: auto; height: auto; min-height: 0; margin: 0; padding: 22px 16px 0; overflow-y: auto; overscroll-behavior: contain; background: none; }
#divAramaAlani .ticimax-search-products-title { width: auto; margin: 0; padding: 0; border: 0; }
#divAramaAlani ul.products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; width: auto; margin: 0; padding: 0; list-style: none; }
#divAramaAlani ul.products > li { float: none; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; }
#divAramaAlani ul.products > li > a { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 12px; height: auto; padding: 8px; border: 0; border-radius: 10px; background: none; box-shadow: none; color: var(--el-ink); text-decoration: none; transition: background-color .15s; }
#divAramaAlani ul.products > li > a:hover { background: var(--el-surface); }
#divAramaAlani .ticimax-search-product-image { position: static; width: 56px; height: auto; margin: 0; padding: 0; border: 0; }
/* çekirdek görseli absolute + eksi kenar boşluğuyla ortalıyor: sarmalayıcı 0 yükseklikte kalınca görsel kayboluyordu */
#divAramaAlani .ticimax-search-product-image img { position: static; top: auto; left: auto; display: block; width: 56px; max-width: none; margin: 0; transform: none; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 6px; background: var(--el-surface-2); }
#divAramaAlani .ticimax-search-product-info { width: auto; min-width: 0; margin: 0; padding: 0; }
#divAramaAlani .ticimax-search-product-info-category { display: none; } /* bölüm başlığıyla aynı, her satırda tekrar ediyordu */
#divAramaAlani .ticimax-search-product-info-name { display: -webkit-box; overflow: hidden; margin: 0 0 4px; color: var(--el-ink); font-size: .88rem; font-weight: 500; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#divAramaAlani .ticimax-search-product-info-price { margin: 0 6px 0 0; color: var(--el-ink); font-size: .86rem; font-weight: 600; font-variant-numeric: tabular-nums; }
#divAramaAlani .ticimax-search-product-info-oldPrice { color: var(--el-ink-3); font-size: .78rem; text-decoration: line-through; }
/* JS: "tüm sonuçları gör" (kutunun altına yapışık) */
#divAramaAlani .el-search-all { position: sticky; bottom: 0; display: flex; align-items: center; gap: 12px; margin: 12px -16px 0; padding: 14px 26px; border-top: 1px solid var(--el-line); background: var(--el-bg); color: var(--el-ink); font-size: .9rem; font-weight: 500; text-decoration: none; }
#divAramaAlani .el-search-all span { display: inline-flex; align-items: center; gap: 8px; }
#divAramaAlani .el-search-all .el-ico { width: 18px; height: 18px; transition: transform .2s var(--el-ease); }
#divAramaAlani .el-search-all:hover .el-ico { transform: translateX(3px); }

/* Telefon katmanı */
#divAramaAlani:has(.isMobilInputContent) { margin: 0; border: 0; border-radius: 0; box-shadow: none; overflow-y: auto; }
#divAramaAlani .isMobilInputContent { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 12px; width: auto; margin: 0 !important; padding: 12px 16px; border-bottom: 1px solid var(--el-line); background: var(--el-bg); }
#divAramaAlani .isMobilInputContent input, #divAramaAlani .isMobilInputContent input.ticimaxSearchInput { flex: 1; min-width: 0; height: 46px; margin: 0; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background: var(--el-surface); color: var(--el-ink); font-size: 16px; outline: none; }
#divAramaAlani .isMobilInputContent input:focus { border-color: var(--el-accent); background: var(--el-bg); }
#divAramaAlani .ticimax-search-mobil-close-btn { flex: none; padding: 8px 2px; color: var(--el-ink); font-size: .92rem; font-weight: 500; text-decoration: none; }
#divAramaAlani .noRecordsFound { margin: 0; padding: 56px 24px; color: var(--el-ink-2); font-size: .95rem; text-align: center; }
#divAramaAlani:has(.isMobilInputContent) .quickSearchContent { display: block; width: auto; max-height: none; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-search-sidebar { padding: 18px 16px 6px; background: none; overflow: visible; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-sidebar-item { margin: 0 0 8px; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-sidebar-item h3, #divAramaAlani:has(.isMobilInputContent) .ticimax-search-products-title h3 { padding: 0; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-sidebar-item ul { display: flex; flex-wrap: wrap; gap: 8px; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-sidebar-item a { display: flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: 999px; font-size: .86rem; }
#divAramaAlani:has(.isMobilInputContent) .ticimax-search-products { padding: 14px 16px 0; overflow: visible; }
#divAramaAlani:has(.isMobilInputContent) ul.products { grid-template-columns: minmax(0, 1fr); gap: 2px; margin: 0 -8px; }
#divAramaAlani:has(.isMobilInputContent) ul.products > li > a { grid-template-columns: 60px minmax(0, 1fr); }
#divAramaAlani:has(.isMobilInputContent) .ticimax-search-product-image, #divAramaAlani:has(.isMobilInputContent) .ticimax-search-product-image img { width: 60px; }
#divAramaAlani:has(.isMobilInputContent) .el-search-all { justify-content: center; margin: 14px -16px 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--el-line); }
#divAramaAlani:has(.isMobilInputContent) .el-search-all span { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); }

/* Sonuç yok (JS): arama çerçevesinin altında açılır; telefon katmanında çekirdeğin "Sonuç bulunamadı" yazısının yerine */
.el-search-empty { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 30; padding: 22px 24px 24px; border: 1px solid var(--el-line); border-radius: var(--el-r); background: var(--el-bg); box-shadow: 0 24px 60px rgba(0, 0, 0, .14); color: var(--el-ink); font-family: var(--el-font-body); text-align: left; }
.el-search-empty[hidden] { display: none; }
.el-search-empty--inline { position: static; padding: 28px 16px; border: 0; border-radius: 0; box-shadow: none; }
#divAramaAlani .noRecordsFound:has(.el-search-empty) { padding: 0; text-align: left; }
.el-search-empty__title { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: var(--el-ink); font-size: 1rem; font-weight: 600; line-height: 1.35; }
.el-search-empty__title .el-ico { flex: none; width: 20px; height: 20px; margin-top: 1px; }
.el-search-empty__title span { min-width: 0; overflow-wrap: anywhere; }
.el-search-empty__text { margin: 6px 0 0 30px; color: var(--el-ink-2); font-size: .9rem; line-height: 1.5; }
.el-search-empty .el-empty__label { margin: 20px 0 10px; text-align: left; }
.el-search-empty .el-empty__chips { justify-content: flex-start; }

/* Ürün listesi boş (#divUrunYok; JS içine .el-empty ekler, çekirdeğin "ÜRÜN BULUNMAMAKTADIR" görseli gizli) */
#bodyGlobal #divUrunYok { grid-column: 1 / -1; float: none; width: 100%; min-height: 360px; margin: 0; padding: 0; border: 0; background: none; }
#bodyGlobal #divUrunYok > img { display: none !important; }
.el-empty { display: flex; flex-direction: column; align-items: center; max-width: 620px; margin: 0 auto; padding: clamp(24px, 3vw, 40px) 0 clamp(40px, 6vw, 72px); text-align: center; }
.el-empty__icon { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 18px; border-radius: 50%; background: var(--el-surface); color: var(--el-ink); }
.el-empty__icon .el-ico { width: 30px; height: 30px; }
#bodyGlobal .el-empty__title { margin: 0; padding: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: clamp(1.35rem, 2vw, 1.7rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; text-transform: none; }
.el-empty__text { max-width: 46ch; margin: 10px 0 0; color: var(--el-ink-2); font-size: .98rem; line-height: 1.55; overflow-wrap: anywhere; }
.el-empty .el-btn { margin-top: 22px; }
.el-empty__label { margin: 30px 0 12px; color: var(--el-ink-3); font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.el-empty__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.el-empty__chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--el-line-strong); border-radius: 999px; background: var(--el-bg); color: var(--el-ink); font-size: .88rem; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: border-color .15s, background-color .15s; }
.el-empty__chip:hover { border-color: var(--el-accent); background: var(--el-surface); color: var(--el-ink); }

/* Üye, favori, sepet düğmeleri */
#bodyGlobal #headerNew .account-item a.account-link.headerButon,
#bodyGlobal #headerNew .header-favori-item a,
#bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon { display: grid; justify-items: center; gap: 3px; min-width: 68px; padding: 8px 6px; border-radius: var(--el-r-sm); font-size: .72rem; color: var(--el-ink-2); text-decoration: none; transition: background-color .2s, color .2s; }
#bodyGlobal #headerNew .account-item a.account-link.headerButon:hover,
#bodyGlobal #headerNew .header-favori-item a:hover,
#bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon:hover { background: var(--el-surface); color: var(--el-ink); }
#bodyGlobal #headerNew .headerButon i, #bodyGlobal #headerNew .headerButon .svgIcon { font-size: 22px; line-height: 1; color: var(--el-ink); }
#bodyGlobal #headerNew .headerButon .svgIcon { display: grid; place-items: center; height: 24px; margin: 0; }
#bodyGlobal #headerNew .headerButon .svgIcon svg { width: 22px; height: 22px; }
/* Panelin dolgulu SVG'leri (favoride yer imi) yerine kartlardaki kalple aynı ince Phosphor ikonları */
#bodyGlobal #headerNew .svgIcon.fav-svg svg, #bodyGlobal #headerNew .svgIcon.mem-svg svg, #bodyGlobal #headerNew .svgIcon.cart-svg svg { display: none; }
#bodyGlobal #headerNew .svgIcon.fav-svg::before, #bodyGlobal #headerNew .svgIcon.mem-svg::before, #bodyGlobal #headerNew .svgIcon.cart-svg::before { content: ''; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--el-heart) center / contain no-repeat; mask: var(--el-heart) center / contain no-repeat; }
#bodyGlobal #headerNew .svgIcon.mem-svg::before { -webkit-mask-image: var(--el-user); mask-image: var(--el-user); }
#bodyGlobal #headerNew .svgIcon.cart-svg::before { -webkit-mask-image: var(--el-bag); mask-image: var(--el-bag); }
/* Düğme yazıları (Favorilerim, Üye Girişi, Sepetim): panelde kapalıysa JS ekler */
#bodyGlobal #headerNew .el-tool-label, #bodyGlobal #headerNew .headerButon .account-title { display: block; font-size: .72rem; line-height: 1.2; color: var(--el-ink-2); white-space: nowrap; }
/* Düğme yazıları CSS ile ilk çizimde gelir (JS'le eklenince bir an yazısız görünüyordu).
   Üye alanını çekirdek giriş kontrolünden sonra yeniden çizer: üye adı gelince "Hesabım". */
#bodyGlobal #headerNew .header-main .header-favori-item a::after,
#bodyGlobal #headerNew .header-main .account-item a.account-link::after,
#bodyGlobal #headerNew .header-main .cart-item a.header-cart-link::after { display: block; color: var(--el-ink-2); font-size: .72rem; line-height: 1.2; white-space: nowrap; }
#bodyGlobal #headerNew .header-main .header-favori-item a::after { content: 'Favorilerim'; }
#bodyGlobal #headerNew .header-main .account-item a.account-link::after { content: 'Üye Girişi'; }
#bodyGlobal #headerNew .header-main .account-item:has(.header-member-name) a.account-link::after { content: 'Hesabım'; }
#bodyGlobal #headerNew .header-main .cart-item a.header-cart-link::after { content: 'Sepetim'; }
#bodyGlobal #headerNew .header-main .account-item a.account-link:has(.account-title)::after { content: none; } /* panelde yazı açıksa çekirdeğinki */
/* Sepet ve favori sayaçları: aynı rozet, 0 iken gizli */
#bodyGlobal #headerNew .sepetUrunSayisi, #bodyGlobal #headerNew .header-favori-count { position: absolute; top: 2px; left: 50%; margin-left: 5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: grid; place-items: center; background: var(--el-accent); color: var(--el-accent-ink); font-size: .68rem; font-weight: 600; line-height: 1; }
#bodyGlobal #headerNew .header-favori-count span { font: inherit; color: inherit; }
#bodyGlobal #headerNew .sepetUrunSayisi:empty, #bodyGlobal #headerNew .sepetUrunSayisi[data-count="0"],
#bodyGlobal #headerNew .header-favori-count:empty, #bodyGlobal #headerNew .header-favori-count[data-count="0"] { display: none; }

/* Üye menüsü ve sepet açılır paneli */
#bodyGlobal #headerNew .account-item .nav-dropdown { width: 240px; padding: 6px; border-radius: var(--el-r); background: var(--el-bg); border: 1px solid var(--el-line); box-shadow: var(--el-shadow); }
#bodyGlobal #headerNew .account-item .nav-dropdown ul li a { padding: 10px 12px; border-radius: 8px; font-size: .92rem; line-height: 1.3; color: var(--el-ink); text-align: left; }
#bodyGlobal #headerNew .account-item .nav-dropdown ul li a:hover { background: var(--el-surface); color: var(--el-accent-text); }
/* Giriş yapmış üyenin adı: çekirdeğin siyah şeridi yerine selamlama + ad */
#bodyGlobal #headerNew .account-item .nav-dropdown .header-member-name { display: grid; gap: 2px; margin: 0 0 6px; padding: 10px 12px 12px; border-bottom: 1px solid var(--el-line); border-radius: 0; background: none; color: var(--el-ink); font-size: 1rem; font-weight: 600; line-height: 1.25; text-align: left; }
#bodyGlobal #headerNew .account-item .nav-dropdown .header-member-name::before { content: 'Hoş geldin'; font-size: .76rem; font-weight: 400; color: var(--el-ink-3); }
#bodyGlobal #headerNew .account-item .nav-dropdown .header-member-name span { overflow: hidden; color: inherit; font: inherit; text-overflow: ellipsis; white-space: nowrap; }
#bodyGlobal #headerNew .account-item .nav-dropdown .header-member-exit { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--el-line); }
#bodyGlobal #headerNew .account-item .nav-dropdown .header-member-exit a { color: var(--el-ink-3); }
#bodyGlobal #headerNew .header-cart-hover { width: 380px; padding: 18px; border-radius: var(--el-r); background: var(--el-bg); border: 1px solid var(--el-line); box-shadow: var(--el-shadow); right: 0; left: auto; }
#bodyGlobal .SProduct { margin: 0; padding: 0; list-style: none; max-height: 360px; overflow-y: auto; }
#bodyGlobal .SProduct li { display: flex; align-items: flex-start; gap: 12px; padding-block: 12px; border-bottom: 1px solid var(--el-line); }
#bodyGlobal .SProduct li > a:first-child { display: flex; gap: 12px; flex: 1; min-width: 0; color: var(--el-ink); text-decoration: none; }
#bodyGlobal .SProduct li img { width: 56px !important; height: 84px !important; object-fit: cover; border-radius: 8px; background: var(--el-surface-2); flex: none; }
#bodyGlobal .SProduct .SepettopAd { display: grid; gap: 2px; font-size: .9rem; line-height: 1.3; min-width: 0; }
#bodyGlobal .SProduct .SepettopAd span:first-child { font-weight: 500; }
#bodyGlobal .SProduct .SepettopAd span + span, #bodyGlobal .SProduct .SepetTopAdet { color: var(--el-ink-3); font-size: .84rem; }
#bodyGlobal .SProduct li > a:last-child { color: var(--el-ink-3); padding: 4px; }
#bodyGlobal .SPrice { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 4px; }
#bodyGlobal .SPrice li { display: flex; justify-content: space-between; font-size: .95rem; }
#bodyGlobal .SPrice .sepetToplamTutar { font-weight: 600; font-variant-numeric: tabular-nums; }
#bodyGlobal .headerCartBtn, #bodyGlobal .headerOrderBtn { width: 100%; height: 48px; display: inline-flex !important; align-items: center; justify-content: center; margin-top: 8px; }
#bodyGlobal .headerCartBtn { background: transparent; color: var(--el-ink); border: 1px solid var(--el-line-strong); }
#bodyGlobal .divustSepetteUrunYok { list-style: none; margin: 0; padding: 24px 0; text-align: center; color: var(--el-ink-2); }

/* Sepet çekmecesi (çekirdeğin Lite Cart'ı: #globalLiteCart). Çekirdek toplamları ve butonları
   hem listenin üstüne hem altına basar; üstteki kopya gizlenir, alttaki sabit alt bölüm olur, liste kayar. */
#globalLiteCart.ticimaxModal { background: var(--el-scrim); }
#globalLiteCart .modal-close { font-size: 0; color: transparent; cursor: pointer; }
#globalLiteCart .miniCartRigth, #globalLiteCart .miniCartGiftCodeContent { display: flex; flex-direction: column; width: min(440px, 100vw); height: 100%; background: var(--el-bg); box-shadow: -24px 0 60px rgba(0, 0, 0, .12); color: var(--el-ink); font-family: var(--el-font-body); }
#globalLiteCart svg { fill: currentColor; }
#globalLiteCart .miniCartRigthHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; height: auto; min-height: 72px; margin: 0; padding: 0 14px 0 24px; border: 0; border-bottom: 1px solid var(--el-line); background: none; }
#globalLiteCart .spnCartTxt { margin: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: 1.3rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
#globalLiteCart .miniCartRigthHeader-operation { display: flex; align-items: center; gap: 4px; }
#globalLiteCart .miniCartRigthHeader-operation a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 8px; color: var(--el-ink-2); font-size: .85rem; text-decoration: none; }
#globalLiteCart .miniCartRigthHeader-operation a:hover { background: var(--el-surface); color: var(--el-ink); }
#globalLiteCart .header-close-btn { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; border-radius: 50%; color: var(--el-ink); cursor: pointer; transition: background-color .2s; }
#globalLiteCart .header-close-btn:hover { background: var(--el-surface); }
#globalLiteCart .header-close-btn svg { width: 14px; height: 14px; }
#globalLiteCart .miniCartRigth .miniCartRigthScroll { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: auto; margin: 0; padding: 0; overflow: hidden; }
/* Üstteki toplam/buton kopyası ve KDV hariç ara toplam (iki satır da "Genel Toplam" yazıyor): yalnız ödenecek toplam kalır */
#globalLiteCart .miniCartSubTotalVatTop, #globalLiteCart .miniCartTotalAmountTop, #globalLiteCart .miniCartTotalAmountTop + .miniCartSatir2,
#globalLiteCart .miniCartSubTotalVatBottom, #globalLiteCart .miniCartHr { display: none; }
#globalLiteCart .miniCartContent { order: 1; flex: 1 1 auto; min-height: 0; margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; }
#globalLiteCart .hediyeCekiBtnContent { order: 2; flex: none; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--el-line); background: none; }
#globalLiteCart .miniCartTotalAmountBottom { order: 3; }
#globalLiteCart .miniCartTotalAmountBottom + .miniCartSatir2 { order: 4; }

/* Ürün satırı: solda görsel, sağda marka/ad, fiyat, en altta adet ve Sil */
#globalLiteCart .miniCartItem { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 16px; margin: 0; padding: 18px 24px; border: 0; border-bottom: 1px solid var(--el-line); }
#globalLiteCart .miniCartItem > div { float: none; width: auto; margin: 0; padding: 0; }
#globalLiteCart .miniCartItem .miniCartRight { order: 0; }
#globalLiteCart .miniCartItem .miniCartLeft { order: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#globalLiteCart .miniCartRight a { display: block; }
#globalLiteCart .miniCartRight img { display: block; width: 84px; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 8px; background: var(--el-surface-2); }
#globalLiteCart .miniCartDetail { order: 1; display: grid; gap: 3px; margin: 0; padding: 0; }
#globalLiteCart .minimarka, #globalLiteCart .miniurunAdi { display: block; height: auto; margin: 0; padding: 0; }
#globalLiteCart .minimarka a { color: var(--el-ink-3); font-size: .7rem; font-weight: 500; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
#globalLiteCart .miniurunAdi a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--el-ink); font-size: .95rem; font-weight: 500; line-height: 1.3; text-decoration: none; }
#globalLiteCart .miniCartItemprice { order: 2; display: flex; flex-flow: row wrap; align-items: baseline; gap: 2px 8px; margin: 0; padding: 0; }
#globalLiteCart .miniCartItemprice .CartPrice { order: 1; color: var(--el-ink); font-size: .95rem; font-weight: 600; font-variant-numeric: tabular-nums; }
#globalLiteCart .miniCartItemprice .DiscountPrice { order: 2; color: var(--el-ink-3); font-size: .82rem; text-decoration: line-through; }
/* İndirimsiz üründe çekirdek fiyatı yalnız .DiscountPrice içinde verir (canlı mağaza): tek başınaysa güncel fiyattır, üstü çizilmez */
#globalLiteCart .miniCartItemprice .DiscountPrice:only-child { order: 1; color: var(--el-ink); font-size: .95rem; font-weight: 600; font-variant-numeric: tabular-nums; text-decoration: none; }
#globalLiteCart .miniCartDetay { order: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: auto 0 0; padding: 6px 0 0; }
#globalLiteCart .miniCartDetay .adettanim { order: 1; height: auto; margin: 0; padding: 0; }
#globalLiteCart .adettanim1:empty, #globalLiteCart .adettanim2:empty { display: none; }
#globalLiteCart .adettanim3 { display: inline-flex; align-items: center; width: 104px; height: 36px; margin: 0; padding: 0; border: 1px solid var(--el-line-strong); border-radius: 999px; overflow: hidden; }
#globalLiteCart .adettanim3 label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#globalLiteCart .adettanim3 a { display: grid; place-items: center; width: 34px; height: 100%; margin: 0; padding: 0; border: 0; background: none; color: var(--el-ink); font-size: 11px; text-decoration: none; transition: background-color .2s; }
#globalLiteCart .adettanim3 a:hover { background: var(--el-surface); }
#globalLiteCart .adettanim3 input { flex: 1 1 auto; width: auto; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--el-ink); font-size: .9rem; font-weight: 500; text-align: center; -moz-appearance: textfield; appearance: textfield; }
#globalLiteCart .adettanim3 input::-webkit-inner-spin-button, #globalLiteCart .adettanim3 input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
#globalLiteCart .miniCartButtonSil { order: 2; margin: 0; padding: 0; }
#globalLiteCart .miniCartButtonSil a { color: var(--el-ink-3); font-size: .82rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#globalLiteCart .miniCartButtonSil a:hover { color: var(--el-ink); }
#globalLiteCart .miniCartButtonSil svg { display: none; }
/* Varyantlı üründe çekirdek Renk/Beden satırlarını (.eksecenek) adet kutusuyla aynı satıra koyar, dar alanda kutu ezilirdi
   (canlıda görüldü; testteki ürünün varyantı yok). Seçenekler kendi satırında küçük yazı olur, adet ve Sil alt satırda kalır. */
#globalLiteCart .miniCartDetay:has(.eksecenek) { flex-wrap: wrap; justify-content: flex-start; row-gap: 10px; }
#globalLiteCart .miniCartDetay:has(.eksecenek)::after { content: ''; order: 0; flex-basis: 100%; height: 0; }
#globalLiteCart .miniCartDetay .eksecenek { display: inline-flex; gap: 4px; margin: 0; padding: 0; color: var(--el-ink-3); font-size: .8rem; line-height: 1.35; white-space: nowrap; }
#globalLiteCart .miniCartDetay .eksecenek span:last-child { color: var(--el-ink-2); font-weight: 500; }
#globalLiteCart .miniCartDetay:has(.eksecenek) .miniCartButtonSil { margin-left: auto; }

/* Alt bölüm: hediye çeki, ödenecek toplam, butonlar */
#globalLiteCart .hediyeCekiBtnContent a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 24px; background: none; color: var(--el-ink-2); font-size: .9rem; text-decoration: none; transition: background-color .2s, color .2s; }
#globalLiteCart .hediyeCekiBtnContent a:hover { background: var(--el-surface); color: var(--el-ink); }
#globalLiteCart .hediyeCekiBtnContent .offers-tab { display: inline-flex; align-items: center; gap: 10px; }
#globalLiteCart .hediyeCekiBtnContent .offers-tab span { color: inherit; font: inherit; }
#globalLiteCart .hediyeCekiBtnContent .offers-tab svg { width: 15px; height: 15px; }
#globalLiteCart .hediyeCekiBtnContent .offers-content svg { width: 6px; height: 10px; }
#globalLiteCart .miniCartTotalAmountBottom { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 18px 24px 14px; border: 0; border-top: 1px solid var(--el-line); background: none; }
#globalLiteCart .miniCartTotalAmountBottom .miniCartCol1 { color: var(--el-ink); font-size: .95rem; font-weight: 500; }
#globalLiteCart .miniCartTotalAmountBottom .miniCartCol2 { color: var(--el-ink); font-size: 1.25rem; font-weight: 700; font-variant-numeric: tabular-nums; }
/* Kargo bedava: listenin üstünde not, toplamın üstünde "Kargo · Ücretsiz" satırı. Çekirdek çekmeceyi her
   adet/sil işleminde yeniden çizdiği için JS yerine sözde öğelerle (::before/::after) basılır. */
#globalLiteCart .miniCartRigth .miniCartRigthScroll::before { content: 'Siparişiniz ücretsiz kargoyla gelir'; order: 0; flex: none; padding: 12px 24px 12px 54px; border-bottom: 1px solid var(--el-line); background: var(--el-truck-ink) 24px 50% / 20px no-repeat var(--el-surface); color: var(--el-ink); font-size: .9rem; font-weight: 600; line-height: 1.35; }
#globalLiteCart .miniCartRigth:has(.miniCartBos) .miniCartRigthScroll::before { content: none; }
#globalLiteCart .miniCartTotalAmountBottom { flex-wrap: wrap; row-gap: 10px; }
#globalLiteCart .miniCartTotalAmountBottom::before { content: 'Kargo'; order: 0; flex: 1 1 50%; color: var(--el-ink-2); font-size: .95rem; }
#globalLiteCart .miniCartTotalAmountBottom::after { content: 'Ücretsiz'; order: 1; flex: 1 1 40%; color: var(--el-ink); font-size: .95rem; font-weight: 700; text-align: right; }
#globalLiteCart .miniCartTotalAmountBottom .miniCartCol1 { order: 2; flex: 1 1 50%; }
#globalLiteCart .miniCartTotalAmountBottom .miniCartCol2 { order: 3; flex: 1 1 40%; text-align: right; }
#globalLiteCart .miniCartSatir2 { display: grid; gap: 8px; margin: 0; padding: 0 24px calc(24px + env(safe-area-inset-bottom)); border: 0; background: none; }
#globalLiteCart .miniCartSatir2 a, #globalLiteCart .miniCartSatir2 button { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin: 0; padding: 0 20px; border: 1px solid transparent; border-radius: var(--el-r-sm); font-family: var(--el-font-body); font-size: .95rem; font-weight: 500; text-decoration: none; cursor: pointer; transition: background-color .2s, border-color .2s; }
#globalLiteCart .miniCartSatir2 a span { color: inherit; font: inherit; }
#globalLiteCart .miniCartSatir2 .checkoutAsGuestButton { order: -1; background: var(--el-accent); color: var(--el-accent-ink); }
#globalLiteCart .miniCartSatir2 .checkoutAsGuestButton:hover { background: var(--el-accent-hover); }
#globalLiteCart .miniCartSatir2 .signInButton { height: 46px; background: transparent; color: var(--el-ink); border-color: var(--el-line-strong); }
#globalLiteCart .miniCartSatir2 .signInButton:hover { border-color: var(--el-accent); }

/* Hediye çeki paneli */
#globalLiteCart .miniCartGiftCodeContent .miniCartRigthScroll { flex: 1 1 auto; height: auto; padding: 24px; overflow-x: hidden; overflow-y: auto; }
#globalLiteCart .miniCartGiftCode { display: grid; gap: 12px; width: auto; margin: 0; padding: 0; }
#globalLiteCart .miniCartGiftCodeContent .miniCartSatir2 { width: auto; padding: 0; }
#globalLiteCart .miniCartGiftInput, #globalLiteCart #divRigthCartGiftCodeContent .miniCartGiftInput { width: auto; margin: 0; padding: 0; }
#globalLiteCart .miniCartGiftInput input, #globalLiteCart #txtRigthCartGiftCode { width: 100%; margin: 0; height: 48px; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background: var(--el-bg); color: var(--el-ink); font-size: .95rem; }
#globalLiteCart .miniCartGiftInput input:focus { border-color: var(--el-accent); outline: none; }
#globalLiteCart .miniCartPreviousPaymentText { margin: 0 0 16px; color: var(--el-ink-2); font-size: .9rem; line-height: 1.5; }

/* Boş sepet */
#globalLiteCart .miniCartBos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; flex: 1 1 auto; height: auto; margin: 0; padding: 48px 32px; text-align: center; }
#globalLiteCart .miniCartBos > i { display: grid; place-items: center; width: 88px; height: 88px; margin: 0 0 8px; border-radius: 50%; background: var(--el-surface); font-size: 0; }
#globalLiteCart .miniCartBos > i::before { content: ''; width: 36px; height: 36px; background: var(--el-accent); -webkit-mask: var(--el-bag) center / contain no-repeat; mask: var(--el-bag) center / contain no-repeat; }
#globalLiteCart .miniCartBosDescriptionTitle { color: var(--el-ink); font-family: var(--el-font-display); font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; }
#globalLiteCart .miniCartBosDescription { max-width: 300px; margin: 0 0 14px; color: var(--el-ink-2); font-size: .92rem; line-height: 1.5; }
#globalLiteCart .miniCartBos .minicartbos-explore-button { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; height: 50px; margin: 0; padding: 0 20px; border: 1px solid transparent; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); font-size: .95rem; font-weight: 500; text-decoration: none; transition: background-color .2s, border-color .2s; }
#globalLiteCart .miniCartBos .minicartbos-explore-button:hover { background: var(--el-accent-hover); }
#globalLiteCart .miniCartBos .minicartbos-explore-button span { color: inherit; font: inherit; }
#globalLiteCart .miniCartBos .minicart-login-btn { height: 46px; background: transparent; color: var(--el-ink); border-color: var(--el-line-strong); }
#globalLiteCart .miniCartBos .minicart-login-btn:hover { background: transparent; border-color: var(--el-accent); }

/* Ana menü (masaüstü) */
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl { gap: clamp(16px, 2vw, 34px); height: 46px; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { height: 46px; padding: 0; color: var(--el-ink); font-size: .78rem; font-weight: 500; letter-spacing: .07em; white-space: nowrap; background: none; box-shadow: inset 0 -2px 0 transparent; transition: color .2s, box-shadow .2s; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a,
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.is-open > a,
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.el-open > a { color: var(--el-accent-text); background: none; box-shadow: inset 0 -2px 0 var(--el-accent); }
/* Panel açma-kapama JS'te (el-intent, bkz. megaIntent): çekirdeğin anında kapanan :hover kuralı yerine .el-open */
#bodyGlobal #headerNew .newHeaderNavigation.el-intent:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap { display: none; }
#bodyGlobal #headerNew .newHeaderNavigation.el-intent:not(.mobileStyle) .newHeaderNavUl > li.el-open .menu-wrap { display: block; }
/* Öne çıkan menü bağlantısı Fırsat Köşesi (EL_CONFIG.navHot): menüde nerede olursa olsun en sağa geçer, bordo dolgulu düğme.
   1 Alana 1 Bedava normal öğe (önceden son öğe olarak açık zeminli düğmeydi; müşteri Fırsat Köşesi'nin daha çok öne çıkmasını istedi). */
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:has(> a[href*="firsat-kosesi"]) { order: 99; margin-left: auto; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:has(> a[href*="firsat-kosesi"]) > a { height: 32px; padding: 0 14px; border-radius: 8px; background: var(--el-accent); color: var(--el-accent-ink); font-weight: 600; letter-spacing: .06em; box-shadow: none; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:has(> a[href*="firsat-kosesi"]):hover > a { background: var(--el-accent-hover); color: var(--el-accent-ink); box-shadow: none; }
/* Mega menü paneli: kenardan kenara bant (zemin ve alt çizgi gölgeyle yanlara taşar, üstü kırpılır);
   içerik header ile aynı hizada. Açılınca içerik kısa bir kayma ile belirir, sayfa hafifçe kararır (.el-mega-scrim). */
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap { border: 0; background: var(--el-bg); box-shadow: 0 0 0 100vmax var(--el-bg), 0 1px 0 100vmax var(--el-line); clip-path: inset(0 -100vmax -1px); }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row { display: grid; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); align-items: start; gap: 48px; max-width: none !important; margin: 0; padding: 32px 0 36px; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.el-open .menu-list-row { animation: el-mega-in .22s var(--el-ease) both; }
@keyframes el-mega-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 0; width: auto; padding: 0 !important; } /* Header Tasarım sütun aralığı (115px) tek sütunda bağlantıyı aşağı itiyordu */
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon > .kolon { flex: none; width: 100%; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon { gap: 0; }
/* Sütun başlığı (ana kategori) küçük etiket; alt kategoriler okunaklı liste; altta "Tüm …" (JS) */
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a { padding: 0 0 12px; color: var(--el-ink-3); font-size: .72rem; font-weight: 600; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; transition: color .2s; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover { color: var(--el-ink); }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .nav-submenu > li > a { padding: 6px 0; color: var(--el-ink); font-size: 1rem; font-weight: 400; line-height: 1.35; text-decoration: none; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .nav-submenu > li > a:hover { color: var(--el-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .el-mega__all { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 0 0 3px; border-bottom: 1px solid var(--el-accent); color: var(--el-ink); font-size: .9rem; font-weight: 600; line-height: 1.3; text-decoration: none; }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .el-mega__all .el-ico { width: 16px; height: 16px; transition: transform .2s var(--el-ease); }
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .el-mega__all:hover .el-ico { transform: translateX(3px); }
/* Görsel kartlar (JS, EL_CONFIG.megaMenu): ikinci sütunun sağında eşit genişlikte; görsel yüklenince belirir */
#bodyGlobal #headerNew .el-mega { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); justify-self: end; gap: 20px; width: min(100%, calc(var(--n, 3) * 280px + (var(--n, 3) - 1) * 20px)); }
#bodyGlobal #headerNew .menu-wrap .el-mega__card { display: block; width: auto; height: auto; padding: 0; color: var(--el-ink); text-decoration: none; }
/* Sabit yükseklik: menüler arasında geçerken panel boyu zıplamaz; genişlik kart sayısına göre */
#bodyGlobal #headerNew .el-mega__img { display: block; overflow: hidden; height: clamp(240px, 22vw, 320px); border-radius: var(--el-r-sm); background: var(--el-surface-2); }
#bodyGlobal #headerNew .el-mega__img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0; opacity: 0; transition: opacity .35s ease, transform .6s var(--el-ease); }
#bodyGlobal #headerNew .el-mega__img img.is-loaded { opacity: 1; }
#bodyGlobal #headerNew .el-mega__card:hover .el-mega__img img { transform: scale(1.04); }
#bodyGlobal #headerNew .el-mega__title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; color: var(--el-ink); font-size: .78rem; font-weight: 600; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
#bodyGlobal #headerNew .el-mega__title .el-ico { flex: none; width: 16px; height: 16px; transition: transform .2s var(--el-ease); }
#bodyGlobal #headerNew .el-mega__card:hover .el-mega__title .el-ico { transform: translateX(3px); }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle :is(.el-mega, .el-mega__all) { display: none; }
@media (max-width: 1199px) {
  #bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row { grid-template-columns: minmax(170px, 210px) minmax(0, 1fr); gap: 32px; }
  #bodyGlobal #headerNew .el-mega { gap: 14px; }
}
.el-mega-scrim { position: fixed; inset: 0; z-index: 99; background: rgba(17, 17, 17, .22); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility 0s linear .2s; }
body.el-mega-open .el-mega-scrim { opacity: 1; visibility: visible; transition: opacity .2s ease; }
@media (prefers-reduced-motion: reduce) {
  #bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.el-open .menu-list-row { animation: none; }
  .el-mega-scrim, #bodyGlobal #headerNew .el-mega__img img { transition: none; }
}
#bodyGlobal #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-image img { border-radius: var(--el-r); aspect-ratio: 3 / 4; object-fit: cover; object-position: top; background: var(--el-surface-2); }

/* Mobil menü çekmecesi */
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .menu-wrap { width: min(440px, 100vw); top: 0; height: 100%; background: var(--el-bg); box-shadow: var(--el-shadow); transition: left .3s var(--el-ease); }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newMenuTop { height: 64px; padding: 0 10px; border-bottom: 1px solid var(--el-line); }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newMenuTop .menuCloseBtn,
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newMenuTop .menuBackBtn { font-size: 20px; color: var(--el-ink); }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl { height: calc(100% - 64px); padding: 8px 22px; }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl li a { min-height: 52px; padding: 0 36px 0 0; border-bottom: 1px solid var(--el-line); color: var(--el-ink); font-weight: 600; font-size: 1.08rem; }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .menu-wrap li a { font-weight: 500; font-size: 1rem; color: var(--el-ink-2); }
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .nextKolonBtn,
#bodyGlobal #headerNew .newHeaderNavigation.mobileStyle .nextSubBtn { color: var(--el-ink-2); font-size: 18px; padding-right: 0; }
#bodyGlobal .el-menu-scrim { position: fixed; inset: 0; z-index: 9; background: var(--el-scrim); opacity: 0; pointer-events: none; transition: opacity .25s linear; }
#bodyGlobal.el-menu-open .el-menu-scrim { opacity: 1; pointer-events: auto; }

/* Telefon menüsü: temanın çekmecesi (JS: drawer). Hazırsa çekirdeğin menüsü hiç gösterilmez. Bölümleri çizgi
   değil boşluk ve yumuşak zemin ayırır. */
html.el-drawer-ready #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav, html.el-drawer-ready #headerNew .newHeaderNavigation.mobileactive .newHeaderNav { display: none !important; }
html.el-drawer-lock, html.el-drawer-lock body { overflow: hidden; }
.el-drawer { position: fixed; inset: 0; z-index: 1000; font-family: var(--el-font-body); }
.el-drawer[hidden] { display: none; }
.el-drawer__backdrop { position: absolute; inset: 0; background: var(--el-scrim); opacity: 0; transition: opacity .3s ease; }
.el-drawer__panel { position: absolute; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width: min(400px, 88vw); background: var(--el-bg); box-shadow: 0 0 48px rgba(0, 0, 0, .18); transform: translateX(-100%); transition: transform .32s var(--el-ease); }
.el-drawer.is-open .el-drawer__backdrop { opacity: 1; }
.el-drawer.is-open .el-drawer__panel { transform: none; }
.el-drawer__head { display: flex; flex: none; align-items: center; justify-content: space-between; height: 64px; padding: 0 8px 0 20px; }
.el-drawer__logo img { display: block; width: auto; height: 34px; }
.el-drawer__close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--el-ink); cursor: pointer; }
.el-drawer__close .el-ico { width: 22px; height: 22px; }
.el-drawer__close:active { background: var(--el-surface); }
.el-drawer__views { position: relative; flex: 1; overflow: hidden; }
.el-drawer__view { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 4px 20px calc(28px + env(safe-area-inset-bottom)); background: var(--el-bg); transition: transform .3s var(--el-ease); }
.el-drawer__view--sub { transform: translateX(100%); }
.el-drawer__views.is-sub > [data-view="root"] { transform: translateX(-24%); }
.el-drawer__views.is-sub > .el-drawer__view--sub { transform: none; }
/* Arama kutusu: header aramasının görünümü. Yazı 16px: iOS daha küçük yazılı kutuya odaklanınca sayfayı yakınlaştırıyor. */
.el-drawer__search { display: flex; align-items: center; gap: 8px; height: 48px; margin: 4px 0 12px; padding: 0 5px 0 14px; border: 1px solid var(--el-line); border-radius: var(--el-r-sm); background: var(--el-surface); transition: border-color .2s, box-shadow .2s, background-color .2s; }
.el-drawer__search:focus-within { border-color: var(--el-accent); background: var(--el-bg); box-shadow: inset 0 0 0 1px var(--el-accent); }
#bodyGlobal .el-drawer__search input { flex: 1; min-width: 0; width: auto; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none; color: var(--el-ink); font: 400 16px/1.2 var(--el-font-body); -webkit-appearance: none; appearance: none; }
#bodyGlobal .el-drawer__search input::placeholder { color: var(--el-ink-3); opacity: 1; }
#bodyGlobal .el-drawer__search input::-webkit-search-cancel-button { display: none; }
#bodyGlobal .el-drawer__search button { display: inline-flex; flex: none; align-items: center; gap: 6px; height: 36px; margin: 0; padding: 0 14px; border: 0; border-radius: 8px; background: var(--el-accent); color: var(--el-accent-ink); font: 500 .88rem/1 var(--el-font-body); cursor: pointer; }
.el-drawer__search .el-ico { width: 16px; height: 16px; }
.el-drawer__promo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 14px; padding: 14px 16px; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); font-size: .82rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.el-drawer__promo .el-ico { width: 18px; height: 18px; }
.el-drawer__list { margin: 0; padding: 0; list-style: none; }
.el-drawer__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 0; border: 0; background: none; color: var(--el-ink); font: 500 1.1rem/1.25 var(--el-font-body); letter-spacing: -.005em; text-align: left; text-decoration: none; cursor: pointer; }
.el-drawer__row:active { opacity: .55; }
.el-drawer__chev { flex: none; width: 18px; height: 18px; color: var(--el-ink-3); transform: rotate(-90deg); }
.el-drawer__back { display: inline-flex; align-items: center; gap: 6px; height: 40px; margin: 0 0 6px -6px; padding: 0 12px 0 4px; border: 0; border-radius: 999px; background: none; color: var(--el-ink-2); font: 500 .92rem/1 var(--el-font-body); cursor: pointer; }
.el-drawer__back:active { background: var(--el-surface); }
.el-drawer__backico { width: 18px; height: 18px; transform: rotate(90deg); }
.el-drawer__title { margin: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: 1.8rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.1; }
.el-drawer__all { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 14px; padding-bottom: 2px; border-bottom: 1px solid var(--el-accent); color: var(--el-ink); font-size: .9rem; font-weight: 600; text-decoration: none; }
.el-drawer__all .el-ico { width: 16px; height: 16px; }
.el-drawer__list--sub .el-drawer__row { min-height: 48px; font-size: 1.02rem; font-weight: 400; }
.el-drawer__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; margin-top: 22px; }
.el-drawer__card { display: block; color: var(--el-ink); font-size: .74rem; font-weight: 600; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; text-decoration: none; }
.el-drawer__img { display: block; overflow: hidden; aspect-ratio: 3 / 4; margin-bottom: 8px; border-radius: var(--el-r-sm); background: var(--el-surface-2); }
.el-drawer__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.el-drawer__foot { margin-top: 28px; padding: 16px; border-radius: var(--el-r); background: var(--el-surface); }
.el-drawer__util { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin: 0; padding: 0; list-style: none; }
.el-drawer__util a { display: flex; align-items: center; min-height: 40px; color: var(--el-ink-2); font-size: .92rem; text-decoration: none; }
.el-drawer__contact { display: grid; gap: 8px; margin-top: 12px; }
.el-drawer__contact a { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: var(--el-r-sm); background: var(--el-bg); color: var(--el-ink); font-size: .9rem; font-weight: 500; text-decoration: none; }
.el-drawer__contact .el-ico { width: 18px; height: 18px; }
@media (prefers-reduced-motion: reduce) { .el-drawer__panel, .el-drawer__backdrop, .el-drawer__view { transition: none; } }

/* Mobil header: [menü] [logo] ............ [üye] [sepet] / alt satır: arama */
@media (max-width: 1099px) {
  #bodyGlobal #headerNew .header-main { height: auto; padding: 0; }
  #bodyGlobal #headerNew .header-main .headerContainer { padding-inline: var(--el-gutter); column-gap: 8px; padding-bottom: 10px; }
  #bodyGlobal #headerNew .header-main .flex-left { order: 1; flex: 0 0 auto; height: 60px; }
  #bodyGlobal #headerNew .header-main .flex-left::before { display: none; }
  #bodyGlobal #headerNew #hb-logo { order: 2; flex: 1 1 auto; width: auto; height: 60px; margin: 0; justify-content: flex-start; }
  #bodyGlobal #headerNew #hb-logo img { height: 42px; max-height: 42px; }
  #bodyGlobal #headerNew .header-main .flex-right, #bodyGlobal #headerNew .header-main .header-nav.nav-right { display: contents; }
  #bodyGlobal #headerNew .mobile-search-item { display: none; }
  #bodyGlobal #headerNew .mobile-user-item { order: 3; }
  #bodyGlobal #headerNew .mobile-cart-item { order: 4; position: relative; }
  /* Telefon düğmelerinin ikon kutusu: sepet bağlantısında .headerButon yok, kutu 0×0 kalıyor ve çanta hiç çizilmiyordu
     (rozet boş yerin köşesinde, çantadan kopuk duruyordu). Üye düğmesinin ikonuna da Ticimax cart-svg sınıfı veriyor: üye ikonu çizilsin. */
  #bodyGlobal #headerNew .mobile-item-button .svgIcon { display: grid; place-items: center; height: 24px; margin: 0; }
  #bodyGlobal #headerNew .mobile-user-item .svgIcon.cart-svg::before { -webkit-mask-image: var(--el-user); mask-image: var(--el-user); }
  #bodyGlobal #headerNew .mobile-item-button .header-button a,
  #bodyGlobal #headerNew .newMenuBtnClick a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--el-r-sm); font-size: 23px; color: var(--el-ink); }
  #bodyGlobal #headerNew .cart-item { order: 4; position: absolute; top: 12px; right: calc(var(--el-gutter) - 2px); width: auto; height: auto; pointer-events: none; }
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon { min-width: 0; padding: 0; background: none; }
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon::after,
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon .el-tool-label,
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon .svgIcon,
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon .cart-icon { display: none; } /* mobilde ikon .mobile-cart-item'dan gelir, burada yalnız rozet kalır */
  #bodyGlobal #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi { position: static; margin: 0; width: auto; height: 18px; min-width: 18px; border-radius: 9px; background: var(--el-accent); color: var(--el-accent-ink); font-size: .68rem; }
  #bodyGlobal #headerNew #divTopProductSearch { display: block; order: 5; flex: 0 0 100%; max-width: none; margin: 0; }
  #bodyGlobal #headerNew #divTopProductSearch .header-search-form-wrapper { display: block; position: static; }
  #bodyGlobal #headerNew #divArama { height: 44px; }
  #bodyGlobal #headerNew #txtbxArama { height: 42px; }
}

/* ==========================================================================
   6. Sayfa Tasarım blokları (ana sayfa)
   ========================================================================== */
#bodyGlobal #mainHolder_divDesign .landing-block { margin-block: 0; }
/* Blokların varsayılan zemini (design-bg-1) !important ile #fff: sayfa zemini görünsün. Diğer zemin seçenekleri korunur. */
#bodyGlobal #mainHolder_divDesign .landing-block.design-bg-1 { background-color: transparent !important; }
#bodyGlobal #mainHolder_divDesign .html-context { padding: 0; }
#bodyGlobal .blokBaslik,
#bodyGlobal .JKatAdi.categoryTitle,
#bodyGlobal .JKatAdi { position: static; font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.55rem, 2.3vw, 2.15rem); letter-spacing: -.028em; line-height: 1.1; color: var(--el-ink); text-align: left; text-transform: none; border: 0; padding: 0; margin: var(--el-shelf-mt) 0 clamp(18px, 2vw, 28px); background: none; }
#bodyGlobal .JKatAdi span, #bodyGlobal .JKatAdi .bold { display: inline !important; font: inherit; color: inherit; letter-spacing: inherit; text-align: left !important; }
#bodyGlobal .JKatAdi span::before, #bodyGlobal .JKatAdi span::after, #bodyGlobal .blokBaslik::before, #bodyGlobal .blokBaslik::after { content: none; }

/* Ürün slider blokları: ok tuşları için bırakılan yan boşluk kalkar, oklar kartların üstünde */
#bodyGlobal .sliderBannerContainer { position: relative; }
#bodyGlobal .sliderBannerContainer .ProductList { padding-inline: 0; }
#bodyGlobal .sliderBannerContainer .owl-nav .ProductListprev, #bodyGlobal .sliderBannerContainer .owl-nav .ProductListnext { position: absolute; top: 33%; z-index: 4; margin: 0; }
#bodyGlobal .sliderBannerContainer .owl-nav .ProductListprev { left: 10px; }
#bodyGlobal .sliderBannerContainer .owl-nav .ProductListnext { right: 10px; }
/* "Kategoriye Git": başlık satırının sağında */
#bodyGlobal .sliderBannerContainer .Block_Link { position: absolute; right: 0; top: var(--el-shelf-mt); margin: 0; }
#bodyGlobal .sliderBannerContainer .Block_Link a { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 18px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); background: none; color: var(--el-ink); font-size: .92rem; font-weight: 500; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
#bodyGlobal .sliderBannerContainer .Block_Link a::after { content: '→'; border: 0; position: static; width: auto; height: auto; background: none; }
#bodyGlobal .sliderBannerContainer .Block_Link a:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal .el-deals .JKatAdi, #bodyGlobal .el-deals .blokBaslik, #bodyGlobal .el-deals .el-shelf__head, #bodyGlobal .el-deals .ticimaxTabHead { margin-top: 0 !important; }

/* Başlık bloğu: Boş Html bloğundaki .el-shelf__head[data-el-head], JS ile hemen altındaki ürün bloğunun
   içine taşınır (sekmeli blokta sekmelerle aynı satıra). Boşalan Html bloğu gizlenir. */
#bodyGlobal #mainHolder_divDesign .landing-block.el-head-src { display: none; }
#bodyGlobal #mainHolder_divDesign .el-has-head > .hazirBlokContent > .el-shelf__head { margin-top: var(--el-shelf-mt); }
#bodyGlobal #mainHolder_divDesign .el-shelf__head .el-h2, #bodyGlobal #mainHolder_divDesign .el-shelf__head .el-shelf__sub { margin-bottom: 0; }

/* Sekmeli ürün bloğu (Yeni Gelenler vitrini). Taban CSS bu sekmeleri !important ile verir. */
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead { float: none; width: auto; text-align: left; margin: var(--el-shelf-mt) 0 clamp(18px, 2vw, 28px) !important; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead.el-has-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead.el-has-head > .el-shelf__head { margin: 0; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead ul { display: flex !important; justify-content: flex-start; gap: 8px; float: none; width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; border: 0; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead ul::-webkit-scrollbar { display: none; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li { flex: none; margin: 0 !important; padding: 0; border: 0; background: none; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li::after { content: none; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li a { display: inline-flex; align-items: center; height: 40px; padding: 0 18px !important; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); background: none !important; color: var(--el-ink) !important; font-weight: 500 !important; font-size: .92rem !important; line-height: 1; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li a:hover { border-color: var(--el-accent); }
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a { background: var(--el-accent) !important; color: var(--el-bg) !important; border-color: var(--el-accent); }
/* "Tab ve Banner 6'lı / 8'li" blokları: prototipin 5 sütunlu ritmi. Dış ızgara ile ürün ızgarası aynı
   aralığı kullanır, sütunlar hizalanır. 6'lı: görsel 2 sütun + 3x2 ürün. 8'li: görsel 1 sütun + 4x2 ürün.
   t-lr-* sütun boşluğunu !important ile verir; burada aralığı ızgara verdiği için sıfırlanır. */
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(22px, 2.4vw, 36px) var(--el-gap); margin: 0 !important; }
#bodyGlobal #mainHolder_divDesign .landing-block .ticimaxAnasayfaTab > .txrow > [class*="txcol"] { width: auto; max-width: none; flex: none; min-width: 0; padding: 0 !important; }
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 { grid-column: span 2; }
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 + [class*="txcol"] { grid-column: span 3; }
/* Telefonda Ticimax görsel sütununu (hide-mobile) sayfaya hiç göndermez: ürün sütunu tek kalırsa tüm satırı kaplar */
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > [class*="txcol"]:only-child,
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab > .txrow > [class*="txcol"]:only-child { grid-column: 1 / -1; }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 { grid-column: span 1; }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 + [class*="txcol"] { grid-column: span 4; }
#bodyGlobal .ticimaxAnasayfaTab .txcol-sm-3 .blokResimLink { position: relative; display: block; height: 100%; min-height: 280px; border-radius: var(--el-r); overflow: hidden; background: var(--el-surface); color: var(--el-ink); text-decoration: none; }
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .txcol-sm-3 img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 12%; border-radius: 0; transition: transform .5s var(--el-ease); }
#bodyGlobal .ticimaxAnasayfaTab .txcol-sm-3 .blokResimLink:hover img { transform: scale(1.03); }
/* Görselin "Resim Title" alanı doluysa JS metni ekler (Başlık | Açıklama): prototipteki öne çıkan kutu */
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
#bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature img { left: auto; width: 51.2%; }
.el-feature__copy { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; padding: clamp(20px, 2vw, 32px); }
.el-feature__title { font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.6rem, 2.3vw, 2.3rem); line-height: 1.05; letter-spacing: -.03em; }
.el-feature__text { color: var(--el-ink-2); font-size: .95rem; }
.el-feature__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-weight: 600; font-size: .92rem; white-space: nowrap; color: var(--el-ink); }
.el-feature__go .el-ico { width: 18px; height: 18px; transition: transform .2s var(--el-ease); }
.el-feature:hover .el-feature__go .el-ico { transform: translateX(3px); }
/* 8'li blokta görsel tek sütun: metin görselin üstünde, altta */
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature { display: flex; align-items: flex-end; }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature img { width: 100%; left: 0; }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(to top, var(--el-overlay), transparent); }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__copy { position: relative; z-index: 1; color: #fff; }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__title { font-size: clamp(1.3rem, 1.7vw, 1.7rem); }
#bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__text, #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__go { color: inherit; }

/* "Banner ve Ürün Slider": soldaki görsel ürün satırı boyunca uzasın */
#bodyGlobal #mainHolder_divDesign [id^="bannerurunslider_"] .txcol-sm-3 .blokResimLink { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--el-r); }
#bodyGlobal #mainHolder_divDesign [id^="bannerurunslider_"] .txcol-sm-3 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Lookbook (görsel + işaretli ürünler) */
#bodyGlobal .hotspotDotItem { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--el-bg); box-shadow: var(--el-shadow); cursor: pointer; transition: transform .2s var(--el-ease), background-color .2s; }
#bodyGlobal .hotspotDotItem svg { width: 16px; height: 16px; }
#bodyGlobal .hotspotDotItem:hover, #bodyGlobal .hotspotDotItem.active { transform: scale(1.12); background: var(--el-accent); }
#bodyGlobal .hotspotDotItem:hover path, #bodyGlobal .hotspotDotItem.active path { stroke: #fff; }
/* Vitrin tipi: noktaya tıklanınca tek kart açılır (konumu çekirdek JS verir) */
#bodyGlobal #mainHolder_divDesign .lookbookTypeShowcase #ProductPageProductList { display: block !important; }
#bodyGlobal #mainHolder_divDesign .lookbookTypeShowcase #ProductPageProductList > .ItemOrj { width: 240px; max-width: 70vw; padding: 10px; border-radius: var(--el-r); background: var(--el-bg); box-shadow: var(--el-shadow); }
/* Hızlı bakış tipi: görselin yanında en çok 3 ürün */
#bodyGlobal #mainHolder_divDesign .lookbookQuickViewItems .lookbookProducts { background: var(--el-surface); }
#bodyGlobal #mainHolder_divDesign .landing-block.lookbookTypeQuickView .ProductList#ProductPageProductList { --el-cols: 3; }

/* Görsel bloklar ve owl kontrolleri */
#bodyGlobal #mainHolder_divDesign .blokResimLink img { border-radius: var(--el-r); }
#bodyGlobal .owl-carousel .owl-nav button.owl-prev, #bodyGlobal .owl-carousel .owl-nav button.owl-next,
#bodyGlobal .owl-carousel .owl-nav .ProductListprev, #bodyGlobal .owl-carousel .owl-nav .ProductListnext { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--el-line); background: var(--el-bg); color: var(--el-ink); box-shadow: var(--el-shadow); display: grid; place-items: center; transition: background-color .2s, color .2s; }
#bodyGlobal .owl-carousel .owl-nav button:hover, #bodyGlobal .owl-carousel .owl-nav .ProductListprev:hover, #bodyGlobal .owl-carousel .owl-nav .ProductListnext:hover { background: var(--el-accent); color: var(--el-bg); }
/* Oklar kenara yapışık durmasın (taban CSS left:0 / right:0 verir), dikeyde ortada */
#bodyGlobal .owl-carousel .owl-nav .ProductListprev, #bodyGlobal .owl-carousel .owl-nav button.owl-prev { left: 16px; right: auto; }
#bodyGlobal .owl-carousel .owl-nav .ProductListnext, #bodyGlobal .owl-carousel .owl-nav button.owl-next { right: 16px; left: auto; }
#bodyGlobal .owl-carousel .owl-nav .ProductListprev::before, #bodyGlobal .owl-carousel .owl-nav .ProductListnext::before { color: inherit; line-height: 1; display: block; }
/* Owl butonun içine boş bir <span>›</span> da koyar; grid'de ikonun altında ikinci satır açıp oku yukarı itiyordu */
#bodyGlobal .owl-carousel .owl-nav .ProductListprev > span, #bodyGlobal .owl-carousel .owl-nav .ProductListnext > span { display: none; }
/* Taban CSS hover'da ikonu #212121 yapar: koyu zeminde kaybolur */
#bodyGlobal .owl-carousel .owl-nav .ProductListprev:hover::before, #bodyGlobal .owl-carousel .owl-nav .ProductListnext:hover::before,
#bodyGlobal #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover::before, #bodyGlobal #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover::before { color: inherit; }
/* Son kartın kenarı sahne sınırında 1px kırpılmasın */
#bodyGlobal .sliderBannerContainer .owl-stage-outer, #bodyGlobal .detaySliderContainer .owl-stage-outer { padding: 1px; margin: -1px; }
#bodyGlobal .owl-carousel .owl-dots .owl-dot span { background: var(--el-line-strong); }
#bodyGlobal .owl-carousel .owl-dots .owl-dot.active span { background: var(--el-accent); }

/* ==========================================================================
   7. Ürün kartı (.productItem: bloklar, kategori, arama, benzer ürünler)
   ========================================================================== */
#bodyGlobal .productItem { position: relative; display: flex; flex-direction: column; gap: 12px; height: 100%; min-width: 0; margin: 0; padding: 0 0 56px; border: 0; background: none; box-shadow: none; text-align: left; }
#bodyGlobal .productItem:hover { box-shadow: none; }
/* Prototipte kartta yalnızca indirim etiketi var; "Yeni Ürün" görünsün isterseniz .newIcon'u bu listeden çıkarın */
#bodyGlobal .productItem .itemCategory, #bodyGlobal .productItem .productSatisBirimi, #bodyGlobal .productItem .examineIcon,
#bodyGlobal .productItem .cargoIcon, #bodyGlobal .productItem .newIcon, #bodyGlobal .productItem .discountKdv, #bodyGlobal .productItem .regularKdv, #bodyGlobal .productItem .discountIconDetail { display: none; }
#bodyGlobal .productItem .productImage { position: relative; order: 0; width: 100%; height: auto; aspect-ratio: 2 / 3; margin: 0; padding: 0; overflow: hidden; border-radius: var(--el-r); background: var(--el-surface-2); }
#bodyGlobal .productItem .productImage a { display: block; width: 100%; height: 100%; }
#bodyGlobal .productItem .productImage img { width: 100%; height: 100%; max-height: none; object-fit: cover; transition: transform .5s var(--el-ease); }
@media (hover: hover) { #bodyGlobal .productItem:hover .productImage img { transform: scale(1.03); } }
#bodyGlobal .productItem .productDetail { order: 1; display: grid; gap: 5px; height: auto; max-height: none; margin: 0; padding: 0; text-align: left; background: none; }
#bodyGlobal .productItem .productMarka { display: block !important; margin: 0; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; color: var(--el-ink-3); }
#bodyGlobal .productItem .productName { margin: 0; padding: 0; height: auto; }
#bodyGlobal .productItem .productName a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; min-height: 2.7em; margin: 0; padding: 0; color: var(--el-ink); font-size: .95rem; font-weight: 500; line-height: 1.35; white-space: normal; text-decoration: none; }
#bodyGlobal .productItem .productName a:hover { color: var(--el-accent-text); }
#bodyGlobal .productItem .productPrice { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; gap: 2px 8px; margin: 0; padding: 0; height: auto; font-variant-numeric: tabular-nums; }
#bodyGlobal .productItem .productPrice .discountPrice, #bodyGlobal .productItem .productPrice .regularPrice { display: inline; order: 0; margin: 0; padding: 0; float: none; width: auto; }
#bodyGlobal .productItem .productPrice .regularPrice { order: 1; }
#bodyGlobal .productItem .productPrice .discountPrice span:first-child { color: var(--el-ink); font-size: 1.08rem; font-weight: 600; }
#bodyGlobal .productItem .productPrice.el-sale .discountPrice span:first-child { color: var(--el-accent-text); }
#bodyGlobal .productItem .productPrice .regularPrice span:first-child { color: var(--el-ink-3); font-size: .88rem; font-weight: 400; text-decoration: line-through; }

/* Kartın ikon alanı: favori görselin üstünde, indirim etiketi sol üstte, sepete ekle en altta */
#bodyGlobal .productItem .productIcon { display: contents; }
#bodyGlobal .productItem .favori { position: absolute; z-index: 3; top: 10px; right: 10px; width: 38px; height: 38px; margin: 0; padding: 0; border-radius: 50%; background: var(--el-bg); display: grid; place-items: center; transition: transform .15s var(--el-ease); }
#bodyGlobal .productItem .favori:hover { transform: scale(1.08); }
/* bağlantının içinde gizli "Favorilere ekle" yazısı var: ızgarada ikinci satır açıp kalbi yukarı itmesin diye kalp mutlak ortalanır */
#bodyGlobal .productItem .favori a { position: relative; display: block; width: 100%; height: 100%; font-size: 0; color: var(--el-ink); background: none; border: 0; }
#bodyGlobal .productItem .favori a::before { content: ''; position: absolute; inset: 0; width: 19px; height: 19px; margin: auto; background: currentColor; -webkit-mask: var(--el-heart) center / contain no-repeat; mask: var(--el-heart) center / contain no-repeat; }
#bodyGlobal .productItem .favori a.listfavoriAktif, #bodyGlobal .productItem .favori a[data-action="0"] { color: var(--el-accent); }
#bodyGlobal .productItem .favori a.listfavoriAktif::before, #bodyGlobal .productItem .favori a[data-action="0"]::before { -webkit-mask-image: var(--el-heart-fill); mask-image: var(--el-heart-fill); }
#bodyGlobal .productItem .discountIcon,
#bodyGlobal .productItem .newIcon,
#bodyGlobal .productItem .firsatIcon { position: absolute; z-index: 2; left: 10px; top: 10px; width: auto; height: auto; margin: 0; padding: 5px 9px; border-radius: 8px; background: var(--el-accent); color: var(--el-accent-ink); font-size: .76rem; font-weight: 600; line-height: 1.2; pointer-events: none; gap: .3em; text-transform: none; }
#bodyGlobal .productItem .discountIcon, #bodyGlobal .productItem .firsatIcon { display: inline-flex; }
#bodyGlobal .productItem .discountIcon span { position: static; display: inline; float: none; width: auto; height: auto; margin: 0; padding: 0; border-radius: 0; background: none; font: inherit; line-height: inherit; color: inherit; }
#bodyGlobal .productItem .discountIcon .discountIcon_s2 { text-transform: lowercase; }
#bodyGlobal .productItem .newIcon, #bodyGlobal .productItem .firsatIcon { background: var(--el-bg); color: var(--el-ink); }
/* .newIcon yukarıda hep gizli; sıralama yalnız indirim etiketine bakar. Gizli .newIcon kardeş seçicide sayılınca fırsat
   etiketi üçüncü sıraya (74px) düşüp indirimden kopuk duruyordu. "Yeni Ürün" açılırsa bu sıralama yeniden kurulmalı. */
#bodyGlobal .productItem .discountIcon ~ .firsatIcon { top: 42px; }
#bodyGlobal .productItem .mycartIcon { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; float: none; margin: 0; width: auto; height: 44px; display: block; background: none; transition: none; }
#bodyGlobal .productItem .mycartIcon a span { opacity: 1; width: auto; padding: 0; border-radius: 0; background: none; text-transform: none; font-size: inherit; font-weight: inherit; line-height: 1; color: inherit; }
#bodyGlobal .productItem .mycartIcon a span::before { content: none; }
#bodyGlobal .productItem .mycartIcon a { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); background: none; color: var(--el-ink); font-size: .9rem; font-weight: 500; text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .12s; }
#bodyGlobal .productItem .mycartIcon a::before { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--el-bag) center / contain no-repeat; mask: var(--el-bag) center / contain no-repeat; }
#bodyGlobal .productItem .mycartIcon a span { font: inherit; color: inherit; display: inline; }
#bodyGlobal .productItem .mycartIcon a:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal .productItem .mycartIcon a:active { transform: scale(.98); }
#bodyGlobal .productItem.StokYok .mycartIcon, #bodyGlobal .productItem:has(.TukendiIco) .mycartIcon { display: none; }
#bodyGlobal .productItem .TukendiIco { position: absolute; z-index: 2; left: 10px; bottom: 66px; padding: 5px 9px; border-radius: 8px; background: var(--el-accent); color: var(--el-bg); font-size: .76rem; font-weight: 600; }
/* Kargo bedava etiketi: görselin sol altında. Saf CSS: kart yeniden çizilse ya da Owl kopyalasa da kalır.
   Tükenen üründe ve küçük renk karolarında (ürün detay İlgili Ürünler) yok. */
#bodyGlobal .productItem .productImage::after { content: 'Kargo Bedava'; position: absolute; z-index: 2; left: 10px; bottom: 10px; padding: 5px 9px 5px 28px; border-radius: 8px; background: var(--el-truck-ink) 9px 50% / 14px no-repeat rgba(255, 255, 255, .94); color: var(--el-ink); font-size: .74rem; font-weight: 600; line-height: 1.2; letter-spacing: .01em; pointer-events: none; }
#bodyGlobal .productItem.StokYok .productImage::after, #bodyGlobal .productItem:has(.TukendiIco) .productImage::after, #bodyGlobal #IlgiliUrunDiv .productImage::after { content: none; }
@media (max-width: 767px) { #bodyGlobal .productItem .productImage::after { left: 8px; bottom: 8px; padding: 4px 7px 4px 24px; background-position: 7px 50%; background-size: 13px; font-size: .68rem; } }

/* Phosphor ikonları (maske) */
:root {
  --el-truck-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23111111' d='M253.57,117.78l-14-35a13.93,13.93,0,0,0-13-8.8H190V64a6,6,0,0,0-6-6H32A14,14,0,0,0,18,72V184a14,14,0,0,0,14,14H50.6a30,30,0,0,0,58.8,0h53.2a30,30,0,0,0,58.8,0H240a14,14,0,0,0,14-14V120A6,6,0,0,0,253.57,117.78ZM190,86h36.58a2,2,0,0,1,1.86,1.26L239.14,114H190ZM30,72a2,2,0,0,1,2-2H178v68H30ZM80,210a18,18,0,1,1,18-18A18,18,0,0,1,80,210Zm82.6-24H109.4a30,30,0,0,0-58.8,0H32a2,2,0,0,1-2-2V150H178v15.48A30.1,30.1,0,0,0,162.6,186ZM192,210a18,18,0,1,1,18-18A18,18,0,0,1,192,210Zm50-26a2,2,0,0,1-2,2H221.4A30.05,30.05,0,0,0,192,162c-.67,0-1.34,0-2,.07V126h52Z'/%3E%3C/svg%3E"); /* siyah dolgulu: zemin görseli olarak (kart etiketi, sepet notu) */
  --el-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M178,42c-21,0-39.26,9.47-50,25.34C117.26,51.47,99,42,78,42a60.07,60.07,0,0,0-60,60c0,29.2,18.2,59.59,54.1,90.31a334.68,334.68,0,0,0,53.06,37,6,6,0,0,0,5.68,0,334.68,334.68,0,0,0,53.06-37C219.8,161.59,238,131.2,238,102A60.07,60.07,0,0,0,178,42ZM128,217.11C111.59,207.64,30,157.72,30,102A48.05,48.05,0,0,1,78,54c20.28,0,37.31,10.83,44.45,28.27a6,6,0,0,0,11.1,0C140.69,64.83,157.72,54,178,54a48.05,48.05,0,0,1,48,48C226,157.72,144.41,207.64,128,217.11Z'/%3E%3C/svg%3E");
  --el-heart-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M240,102c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,228.66,16,172,16,102A62.07,62.07,0,0,1,78,40c20.65,0,38.73,8.88,50,23.89C139.27,48.88,157.35,40,178,40A62.07,62.07,0,0,1,240,102Z'/%3E%3C/svg%3E");
  --el-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M237.9,198.36l-14.25-120a14.06,14.06,0,0,0-14-12.36H174V64a46,46,0,0,0-92,0v2H46.33a14.06,14.06,0,0,0-14,12.36l-14.25,120a14,14,0,0,0,14,15.64H223.92a14,14,0,0,0,14-15.64ZM94,64a34,34,0,0,1,68,0v2H94ZM225.5,201.3a2.07,2.07,0,0,1-1.58.7H32.08a2.07,2.07,0,0,1-1.58-.7,1.92,1.92,0,0,1-.49-1.53l14.26-120A2,2,0,0,1,46.33,78H82v26a6,6,0,0,0,12,0V78h68v26a6,6,0,0,0,12,0V78h35.67a2,2,0,0,1,2.06,1.77l14.26,120A1.92,1.92,0,0,1,225.5,201.3Z'/%3E%3C/svg%3E");
  --el-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z'/%3E%3C/svg%3E");
  --el-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z'/%3E%3C/svg%3E");
  --el-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   8. Ürün ızgaraları ve raylar
   ========================================================================== */
#bodyGlobal #ProductPageProductList { --el-cols: 4; display: grid !important; grid-template-columns: repeat(var(--el-cols), minmax(0, 1fr)); gap: clamp(22px, 2.4vw, 36px) var(--el-gap); margin: 0; padding: 0; float: none; width: 100%; }
#bodyGlobal #ProductPageProductList::before, #bodyGlobal #ProductPageProductList::after { content: none; display: none; }
#bodyGlobal #ProductPageProductList > .ItemOrj { width: auto; max-width: none; flex: none; float: none; margin: 0; padding: 0; min-width: 0; }
#bodyGlobal #ProductPageProductList > #divUrunYok, #bodyGlobal #ProductPageProductList > .NextProduct, #bodyGlobal #ProductPageProductList > .clear { grid-column: 1 / -1; }
/* Izgaralı ürün bloklarında sütun sayısı panelin "satırdaki ürün" ayarından (product_N) gelir */
#bodyGlobal .noSliderProduct.product_3 #ProductPageProductList { --el-cols: 3; }
#bodyGlobal .noSliderProduct.product_4 #ProductPageProductList { --el-cols: 4; }
#bodyGlobal .noSliderProduct.product_5 #ProductPageProductList { --el-cols: 5; }
#bodyGlobal .noSliderProduct.product_6 #ProductPageProductList { --el-cols: 6; }
/* Sekmeli + görselli blok: 6'lı 3 sütun, 8'li 4 sütun (görselle birlikte 5 sütun) */
#bodyGlobal .noSliderProduct .ticimaxAnasayfaTab #ProductPageProductList, #bodyGlobal .ticimaxAnasayfaTab #ProductPageProductList { --el-cols: 3; }
#bodyGlobal .noSliderProduct.product_8 .ticimaxAnasayfaTab #ProductPageProductList { --el-cols: 4; }
/* Ürün Slider bloğunda "Liste Görünümü": paneldeki satır başı ürün sayısı (t-list-*) kullanılır.
   Kırılımlar Sayfa Tasarım CSS'iyle aynı: tablet 768-1040, büyük mobil 480-767, mobil 0-479 */
#bodyGlobal #mainHolder_divDesign .landing-block.t-list-1 .ProductList#ProductPageProductList { --el-cols: 1; }
#bodyGlobal #mainHolder_divDesign .landing-block.t-list-2 .ProductList#ProductPageProductList { --el-cols: 2; }
#bodyGlobal #mainHolder_divDesign .landing-block.t-list-3 .ProductList#ProductPageProductList { --el-cols: 3; }
#bodyGlobal #mainHolder_divDesign .landing-block.t-list-4 .ProductList#ProductPageProductList { --el-cols: 4; }
#bodyGlobal #mainHolder_divDesign .landing-block.t-list-5 .ProductList#ProductPageProductList { --el-cols: 5; }
@media (min-width: 1041px) and (max-width: 1279px) {
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-5 .ProductList#ProductPageProductList { --el-cols: 4; }
}
@media (min-width: 768px) and (max-width: 1040px) {
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-tablet-1 .ProductList#ProductPageProductList { --el-cols: 1; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-tablet-2 .ProductList#ProductPageProductList { --el-cols: 2; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-tablet-3 .ProductList#ProductPageProductList { --el-cols: 3; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-tablet-4 .ProductList#ProductPageProductList { --el-cols: 4; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-tablet-5 .ProductList#ProductPageProductList { --el-cols: 5; }
}
@media (min-width: 480px) and (max-width: 767px) {
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-largeMobile-1 .ProductList#ProductPageProductList { --el-cols: 1; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-largeMobile-2 .ProductList#ProductPageProductList { --el-cols: 2; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-largeMobile-3 .ProductList#ProductPageProductList { --el-cols: 3; }
}
@media (max-width: 479px) {
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-mobile-1 .ProductList#ProductPageProductList { --el-cols: 1; }
  #bodyGlobal #mainHolder_divDesign .landing-block.t-list-mobile-2 .ProductList#ProductPageProductList { --el-cols: 2; }
}
/* Yarım kalan son satır gizlenir (JS sütun sayısına göre işaretler; prototipteki davranış) */
#bodyGlobal #mainHolder_divDesign #ProductPageProductList > .ItemOrj.el-row-cut,
#bodyGlobal #mainHolder_divDesign #ProductPageProductList > .ItemOrj.el-dupe { display: none; }

/* Owl kurulmamış ürün listeleri: yatay kaydırmalı ray */
#bodyGlobal .jCarouselLite > ul:not(.owl-loaded) { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * var(--el-gap)) / 5); gap: var(--el-gap); margin: 0; padding: 0 0 4px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
#bodyGlobal .jCarouselLite > ul:not(.owl-loaded)::-webkit-scrollbar { display: none; }
#bodyGlobal .jCarouselLite > ul:not(.owl-loaded) > li { scroll-snap-align: start; width: auto; float: none; margin: 0; }

/* ==========================================================================
   9. Kategori ve arama sayfası
   ========================================================================== */
#bodyGlobal ul.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 16px 0 4px; height: auto; background: none; font-size: .84rem; color: var(--el-ink-3); list-style: none; }
#bodyGlobal ul.breadcrumb li { display: inline-flex; align-items: center; font-size: 0; color: transparent; }
#bodyGlobal ul.breadcrumb li a, #bodyGlobal ul.breadcrumb li span { font-size: .84rem !important; line-height: 1.4; color: var(--el-ink-3); text-decoration: none; } /* Konsept-17 mobilde 0 yapar */
#bodyGlobal .ProductDetail ul.breadcrumb, #bodyGlobal .categoryContainer ul.breadcrumb { height: auto !important; }
#bodyGlobal ul.breadcrumb li:last-child span { color: var(--el-ink-2); }
#bodyGlobal ul.breadcrumb li + li::before { content: '/'; margin-inline: 9px; font-size: .84rem; color: var(--el-line-strong); }
#bodyGlobal ul.breadcrumb li a:hover span { color: var(--el-accent-text); }
#bodyGlobal ul.breadcrumb::before, #bodyGlobal ul.breadcrumb li::after, #bodyGlobal ul.breadcrumb li a::before, #bodyGlobal ul.breadcrumb li a span::after { content: none; display: none; }
#bodyGlobal #linkOncekiSayfa { display: none; }

#bodyGlobal .categoryContainer .categoryTitle { border: 0; margin: 0; padding: 0; }
#bodyGlobal .el-cat-title { margin: 10px 0 clamp(18px, 2vw, 28px); font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.8rem, 2.8vw, 2.6rem); letter-spacing: -.03em; line-height: 1.05; color: var(--el-ink); }
#bodyGlobal .el-cat-title small { margin-left: 10px; font-family: var(--el-font-body); font-size: .9rem; font-weight: 500; letter-spacing: 0; color: var(--el-ink-3); }

/* Sol filtre */
#bodyGlobal .categoryContainer #mainHolder_divBlocks { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); align-items: start; }
#bodyGlobal .categoryContainer #mainHolder_divBlocks > * { width: auto; max-width: none; float: none; padding: 0; flex: none; }
/* Kenar çubuğu sayfayla akar: yapışkan + iç kaydırma fareyi filtrelerin üstünde kilitliyordu */
#bodyGlobal .categoryContainer #mainHolder_divBlocks > #divLeftBlock { position: static; max-height: none; overflow: visible; }
#bodyGlobal #divLeftBlock .bannerImgs:not(:has(li)) { display: none; } /* boş "En Çok Satan Ürün" alanı */
#bodyGlobal .categoryContainer #mainHolder_divBlocks:not(:has(#divLeftBlock)) { grid-template-columns: minmax(0, 1fr); }
#bodyGlobal .categoryContainer #mainHolder_divBlocks > .clear { display: none; }
#bodyGlobal .filterBlock .Block_Title, #bodyGlobal .leftBlock .mobilFilterOpenBtn { display: none !important; }
#bodyGlobal .leftBlock .filterBlock { display: block; float: none; width: auto; margin: 0; padding: 0; border: 0; background: none; }
/* Konsept-17 filtreyi masaüstünde de ekran dışı çekmece yapar (stok JS ile açılır); sol sütuna geri al */
#bodyGlobal #divLeftBlock .category-vertical-filters { position: static; left: auto; top: auto; z-index: auto; width: auto; height: auto; max-height: none; margin: 0; padding: 0; transform: none; overflow: visible; border: 0; background: none; box-shadow: none; }
@media (min-width: 1024px) { #bodyGlobal .categoryContainer #divLeftBlock { display: block !important; } } /* hidden-md sınıfını aş */
/* Filtre sütunu ürün kartlarının üst hizasından başlar (kullanıcı isteği). Gerçek mesafeyi JS ölçer (filterTop: kırıntı + başlık +
   sıralama + seçili filtreler); 184px açılır sıralamalı sayfada geniş masaüstü değeri, ilk çizimde sütun zıplamasın diye.
   16px: filtre başlığının (.panel-title) üst iç boşluğu; ilk başlığın yazısı kartın üst kenarıyla aynı hizaya gelir. */
@media (min-width: 1024px) { #bodyGlobal .categoryContainer #mainHolder_divBlocks > #divLeftBlock { margin-top: calc(var(--el-list-top, 184px) - 16px); } }
#bodyGlobal .category-vertical-filters .panel { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--el-line); border-radius: 0; background: none; box-shadow: none; }
/* çekirdek başlığa !important ile beyaz zemin veriyor */
#bodyGlobal .category-vertical-filters .panel-heading { padding: 0; margin: 0; border: 0; background: none !important; }
#bodyGlobal .category-vertical-filters .panel-heading .panel-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 2px; color: var(--el-ink); font-size: .95rem; font-weight: 600; text-decoration: none; }
#bodyGlobal .category-vertical-filters .list-group { margin: 0 0 14px; padding: 0; max-height: none; overflow: visible; }
#bodyGlobal .category-vertical-filters .list-group li, #bodyGlobal .category-vertical-filters .list-group-item { margin: 0; padding: 0; border: 0; background: none; }
#bodyGlobal .category-vertical-filters .list-group a { display: flex; align-items: center; gap: 10px; padding: 7px 2px; color: var(--el-ink-2); font-size: .92rem; text-decoration: none; float: none; width: auto; white-space: normal; }
#bodyGlobal .category-vertical-filters .list-group a:hover { color: var(--el-accent-text); }
#bodyGlobal .category-vertical-filters .liFiltreElement::before { display: none !important; }
#bodyGlobal .category-vertical-filters .liFiltreElement > a::before { content: ''; flex: none; width: 18px; height: 18px; border: 1px solid var(--el-line-strong); border-radius: 5px; background: var(--el-bg) center / 12px no-repeat; transition: background-color .15s, border-color .15s; }
#bodyGlobal .category-vertical-filters .liFiltreElement.selected > a { color: var(--el-ink); font-weight: 500; }
#bodyGlobal .category-vertical-filters .liFiltreElement.selected > a::before { border-color: var(--el-accent); background-color: var(--el-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fcfbfd'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E"); }
#bodyGlobal .category-vertical-filters .filterProductCount { margin-left: auto; color: var(--el-ink-3); font-size: .82rem; }
#bodyGlobal .category-vertical-filters .kategori ul { padding-left: 12px; margin: 0; list-style: none; }
#bodyGlobal .category-vertical-filters .panel-search-textbox, #bodyGlobal .FiyatTextBox input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background: var(--el-bg); }
#bodyGlobal .FiyatSlider .ui-slider { height: 4px; border: 0; border-radius: 2px; background: var(--el-surface-2); }
#bodyGlobal .FiyatSlider .ui-slider-range { background: var(--el-accent); }
#bodyGlobal .FiyatSlider .ui-slider-handle { width: 18px; height: 18px; top: -7px; margin-left: -9px; border-radius: 50%; border: 2px solid var(--el-accent); background: var(--el-bg); cursor: grab; }
#bodyGlobal .FiyatSlider { margin: 0; padding: 8px 9px 18px; }
#bodyGlobal .FiyatSlider .amount { margin: 16px -9px 0; color: var(--el-ink-2); font-size: .88rem; font-variant-numeric: tabular-nums; }

/* Grup başlığı aç/kapa (JS: .el-closed), uzun liste "+N daha" (JS: .el-filter--long), beden çipleri (JS: .el-filter--chips) */
#bodyGlobal .category-vertical-filters .panel-heading .panel-title { cursor: pointer; user-select: none; }
#bodyGlobal .category-vertical-filters .panel-heading .panel-title::after { content: ''; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--el-caret) center / contain no-repeat; mask: var(--el-caret) center / contain no-repeat; transform: rotate(180deg); transition: transform .2s var(--el-ease); }
#bodyGlobal .category-vertical-filters .panel.el-closed .panel-title::after { transform: none; }
#bodyGlobal .category-vertical-filters .panel.el-closed > :not(.panel-heading) { display: none !important; }
#bodyGlobal .category-vertical-filters .el-filter--long:not(.el-filter--all) .list-group > li:nth-child(n+7):not(.selected) { display: none; }
#bodyGlobal .category-vertical-filters .el-filter-more { display: inline-flex; align-items: center; margin: -6px 0 16px; padding: 4px 2px; border: 0; background: none; color: var(--el-ink); font-size: .86rem; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#bodyGlobal .category-vertical-filters .el-filter-more:hover { color: var(--el-ink-2); }
#bodyGlobal .category-vertical-filters .el-filter--chips .list-group { display: flex; flex-wrap: wrap; gap: 6px; }
#bodyGlobal .category-vertical-filters .el-filter--chips .list-group > li { float: none; width: auto; }
#bodyGlobal .category-vertical-filters .el-filter--chips .liFiltreElement > a { justify-content: center; min-width: 48px; height: 38px; padding: 0 12px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); color: var(--el-ink); font-size: .86rem; transition: border-color .15s, background-color .15s, color .15s; }
#bodyGlobal .category-vertical-filters .el-filter--chips .liFiltreElement > a::before, #bodyGlobal .category-vertical-filters .el-filter--chips .filterProductCount { display: none; }
#bodyGlobal .category-vertical-filters .el-filter--chips .liFiltreElement > a:hover { border-color: var(--el-accent); color: var(--el-ink); }
#bodyGlobal .category-vertical-filters .el-filter--chips .liFiltreElement.selected > a { border-color: var(--el-accent); background: var(--el-accent); color: var(--el-accent-ink); }

/* Üst bar: sıralama, ürün sayısı, uygulanan filtreler */
#bodyGlobal #divSayfalamaUst { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 clamp(18px, 2vw, 24px); padding: 0; border: 0; background: none; }
#bodyGlobal #divSayfalamaUst .sortingContent select, #bodyGlobal #divSayfalamaUst select { height: 40px; padding: 0 36px 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background-color: var(--el-bg); color: var(--el-ink); font-size: .9rem; }
#bodyGlobal #divSayfalamaUst .blockSelect, #bodyGlobal #divSayfalamaUst .pageNumber { display: none; }
#bodyGlobal #divSayfalamaUst .brandlistselection { display: flex; flex-direction: column; gap: 14px; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent { position: static; order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 0; list-style: none; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent:not(:has(li)) { display: none; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li { position: static; display: inline-flex; align-items: center; float: none; width: auto; height: 34px; margin: 0; padding: 0; border: 0; background: none; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li:not(.FiltrelemeKaldir) { gap: 2px; padding: 0 3px 0 12px; border: 1px solid var(--el-line-strong); border-radius: 999px; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent .filter-content { display: inline-flex; align-items: center; gap: 5px; height: auto; padding: 0; background: none; color: var(--el-ink-3); font-size: .85rem; font-weight: 400; line-height: 1; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent .filter-content span { position: static; display: inline; height: auto; margin: 0; padding: 0; color: var(--el-ink); font: inherit; font-weight: 500; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li:not(.FiltrelemeKaldir) a { order: 2; display: grid; place-items: center; width: 26px; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--el-ink-3); font-size: 0; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li:not(.FiltrelemeKaldir) a:hover { background: var(--el-surface); color: var(--el-ink); }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li:not(.FiltrelemeKaldir) a i { display: none; }
#bodyGlobal #divSayfalamaUst .filterDeleteContent li:not(.FiltrelemeKaldir) a::before { content: ''; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--el-x) center / contain no-repeat; mask: var(--el-x) center / contain no-repeat; }
#bodyGlobal #divSayfalamaUst .FiltrelemeKaldir a { display: inline-flex; height: auto; padding: 0 4px; border: 0; background: none; color: var(--el-ink-2); font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; }
#bodyGlobal #divSayfalamaUst .FiltrelemeKaldir .filter-content { color: inherit; font-weight: 400; }

/* Mobil filtre düğmesi ve çekmecesi */
#bodyGlobal .el-filter-btn, #bodyGlobal .el-filter-foot { display: none; }
#bodyGlobal .mobilFilterOpenBtn .button { background: none; color: var(--el-ink); border: 1px solid var(--el-line-strong); height: 40px; display: inline-flex; align-items: center; padding: 0 16px; }

/* Sayfalama ve "daha fazla" */
#bodyGlobal .pageBorder { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: clamp(28px, 3vw, 44px) 0 0; padding: 0; border: 0; }
#bodyGlobal .pageBorder a { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line); background: none; color: var(--el-ink); font-size: .92rem; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
#bodyGlobal .pageBorder a:hover { border-color: var(--el-accent); }
#bodyGlobal .pageBorder a.SelectedSayfa { background: var(--el-accent) !important; color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal .divMoreProducts { display: grid; justify-items: center; gap: 12px; margin: clamp(28px, 3vw, 44px) 0 0; color: var(--el-ink-2); font-size: .9rem; }
#bodyGlobal .divMoreProducts .productCountBar { width: min(320px, 100%); height: 3px; border-radius: 2px; background: var(--el-surface-2); overflow: hidden; }
#bodyGlobal .divMoreProducts .productCountProgress { height: 100%; background: var(--el-accent); }
#bodyGlobal .divMoreProducts .getMoreProducts { height: 48px; padding: 0 28px; display: inline-flex; align-items: center; background: transparent; color: var(--el-ink); border: 1px solid var(--el-line-strong); }
#bodyGlobal .divMoreProducts .getMoreProducts:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }

/* Kategori açıklaması (panelde kategoriye yazılan SEO metni, listenin altında; canlıda dolu, testte boş). Çekirdek kutuyu
   float + 630px sayfa kenarına yapıştırır, metin panel editöründen satır içi Arial/11pt/iki yana yaslı gelir: kutu içerik
   hizasına alınır, yazı ana sayfadaki SEO metniyle aynı tona çekilir. Üstteki kategori bağlantıları çip satırı olur. */
#bodyGlobal .ticiBottomBlockContent { max-width: var(--el-max); margin: clamp(40px, 5vw, 72px) auto 0; padding-inline: var(--el-gutter); box-sizing: border-box; }
#bodyGlobal .ticiBottomBlockContent::after { content: ''; display: block; clear: both; }
#bodyGlobal .categorydesign { float: none; width: auto; max-width: 86ch; color: var(--el-ink-2); font-family: var(--el-font-body); font-size: .93rem; line-height: 1.65; }
#bodyGlobal .categorydesign :is(p, span, b, strong, em, a, li, h1, h2, h3, h4) { font-family: inherit !important; font-size: inherit !important; white-space: normal !important; letter-spacing: normal !important; }
#bodyGlobal .categorydesign p { margin: 0 0 12px !important; text-align: left !important; line-height: inherit !important; color: inherit !important; }
#bodyGlobal .categorydesign :is(b, strong) { color: var(--el-ink); font-weight: 600; }
#bodyGlobal .categorydesign :is(h1, h2, h3, h4) { margin: 22px 0 10px; color: var(--el-ink); font-size: 1rem !important; font-weight: 600; text-transform: none; }
#bodyGlobal .categorydesign a { color: var(--el-accent-text); text-decoration: underline; text-underline-offset: 3px; }
#bodyGlobal .categorydesign .categoryhtmlmenu ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
#bodyGlobal .categorydesign .categoryhtmlmenu li { margin: 0; padding: 0; }
#bodyGlobal .categorydesign .categoryhtmlmenu a { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); color: var(--el-ink); font-size: .86rem !important; font-weight: 500; text-decoration: none; transition: border-color .2s; }
#bodyGlobal .categorydesign .categoryhtmlmenu a:hover { border-color: var(--el-accent); }

/* ==========================================================================
   10. Ürün detay
   ========================================================================== */
#bodyGlobal .productDetailContainer { max-width: var(--el-max); padding-inline: var(--el-gutter); }
#bodyGlobal .productDetailContainer #divCenterBlock { width: 100%; padding: 0; float: none; }
#bodyGlobal .ProductDetail .categoryTitle { display: block; height: auto; margin: 0; padding: 0; border: 0; }
#bodyGlobal .ProductDetail ul.breadcrumb, #bodyGlobal .categoryContainer ul.breadcrumb { display: flex !important; }
#bodyGlobal .ProductDetailMainRow { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(24px, 3.6vw, 64px); row-gap: 0; align-items: start; margin-top: 12px; padding: 0; }
#bodyGlobal .ProductDetailMainRow > .leftImage { grid-column: 1; grid-row: 1 / span 8; width: auto; max-width: none; float: none; padding: 0; margin: 0; position: sticky; top: calc(var(--el-hdr-h) + 16px); }
#bodyGlobal .ProductDetailMainRow > :not(.leftImage) { grid-column: 2; width: auto; max-width: none; float: none; margin: 0; }
#bodyGlobal .ProductDetailMainRow > .clear, #bodyGlobal .ProductDetailMainRow > script { display: none; }

/* Galeri: JS çekirdek galerinin yerine .el-gallery kurar */
#bodyGlobal .leftImage.el-has-gallery > :not(.el-media):not(#linkOncekiSayfa) { display: none !important; }
/* Yerleşim kayması (CLS): tema JS'i DOMContentLoaded'da çalışır, tarayıcı sayfayı ondan önce çekirdek galeriyle çizer
   (telefonda kare slider, masaüstünde alt alta kareler) ve galeri değişince altındaki her şey zıplardı. JS gelene kadar
   çekirdek galeri hiç görünmez; yerine son galeriyle aynı boyda boş kutu durur. Yükseklik padding-top ile verilir
   (yüzde = .leftImage genişliği). Masaüstü: 68px küçük resim + 14px boşluk, yan yana iki 2:3 görsel (arada 12px).
   JS galeri kurmazsa (görsel yok) .el-core-gallery ekler, çekirdek galeri geri gelir. */
#bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery) > :not(#linkOncekiSayfa) { display: none !important; }
#bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery)::before { content: ''; display: block; margin-left: 82px; padding-top: calc((100% - 94px) * .75); border-radius: var(--el-r); background: linear-gradient(to right, var(--el-surface-2) calc(50% - 6px), transparent 0 calc(50% + 6px), var(--el-surface-2) 0); }
#bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery):has(#divMobileImageList > :only-child, #divThumbList > :only-child)::before { padding-top: calc((100% - 82px) * 1.5); background: var(--el-surface-2); }
.el-media { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 14px; align-items: start; }
.el-media__thumbs { display: grid; gap: 10px; align-content: start; }
.el-thumb { display: block; padding: 0; border: 0; border-radius: var(--el-r-sm); overflow: hidden; aspect-ratio: 2 / 3; background: var(--el-surface-2); outline: 2px solid transparent; outline-offset: 2px; opacity: .72; cursor: pointer; transition: opacity .2s, outline-color .2s; }
.el-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.el-thumb:hover { opacity: 1; }
.el-thumb[aria-current="true"] { opacity: 1; outline-color: var(--el-accent); }
.el-media__stage { position: relative; min-width: 0; }
.el-gallery { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none !important; border-radius: var(--el-r); }
.el-gallery::-webkit-scrollbar { display: none; }
.el-slide { flex: 0 0 calc(50% - 6px); scroll-snap-align: start; aspect-ratio: 2 / 3; margin: 0; border-radius: var(--el-r); overflow: hidden; background: var(--el-surface-2); }
.el-slide:only-child { flex-basis: 100%; }
.el-zoom { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.el-zoom img { width: 100%; height: 100%; object-fit: cover; display: block; }
.el-media__nav { position: absolute; top: 50%; margin-top: -22px; background: var(--el-bg); border-color: var(--el-line); box-shadow: var(--el-shadow); }
.el-media__nav--prev { left: 12px; } .el-media__nav--next { right: 12px; }
.el-media__nav:disabled { opacity: 0; pointer-events: none; }
.el-media__count { display: none; }

/* Satın alma kutusu */
#bodyGlobal .RightDetail { display: grid; gap: 18px; min-width: 0; padding: 0; background: none; border: 0; }
#bodyGlobal .RightDetail > .clear, #bodyGlobal .RightDetail > .ResetClear { display: none; }
#bodyGlobal .el-pdp-meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; min-height: 21px; margin: 0; font-size: .84rem; color: var(--el-ink-3); }
/* CLS: marka / stok kodu satırı (JS: pdpLayout) gelene kadar onun yerinde aynı boyda boş bir ızgara satırı dursun, ürün adı aşağı itilmesin */
#bodyGlobal .productDetailContainer .RightDetail:has(> .ProductName):not(:has(> .el-pdp-meta))::before { content: ''; min-height: 21px; }
#bodyGlobal .el-pdp-meta b { color: var(--el-accent-text); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
#bodyGlobal .RightDetail .ProductName { margin: -8px 0 0; padding: 0; border: 0; }
#bodyGlobal .RightDetail .ProductName h1, #bodyGlobal .RightDetail .ProductName h1 span { margin: 0; font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.5rem, 2.1vw, 2rem); line-height: 1.15; letter-spacing: -.025em; color: var(--el-ink); text-wrap: balance; text-transform: none; }

/* Fiyat */
#bodyGlobal .RightDetail .PriceList { display: block; margin: 0; padding: 0; border: 0; }
#bodyGlobal .RightDetail .PriceList::before, #bodyGlobal .RightDetail .PriceList::after { content: none; }
#bodyGlobal .RightDetail .PriceList .Formline { margin: 0; padding: 0; border: 0; float: none; width: auto; }
#bodyGlobal .RightDetail .puanVer, #bodyGlobal #divUrunKampanyaliFiyat:empty { display: none; }
#bodyGlobal .RightDetail .left_line, #bodyGlobal .RightDetail .center_line, #bodyGlobal .RightDetail .spanKdv { display: none; }
#bodyGlobal #pnlFiyatlar, #bodyGlobal #divFiyatAlanlari, #bodyGlobal .urunDetayFiyatContainer { display: block; float: none; width: auto; margin: 0; padding: 0; border: 0; }
#bodyGlobal #divIndirimliFiyat { display: flex; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; justify-content: flex-start !important; gap: 6px 12px; text-align: left; font-variant-numeric: tabular-nums; } /* Konsept-17 mobilde ortalı kolon yapar */
#bodyGlobal #divIndirimliFiyat .Formline { display: contents; }
#bodyGlobal #divIndirimliFiyat .IndirimliFiyatContent .right_line, #bodyGlobal #divIndirimsizFiyat .right_line, #bodyGlobal #fiyat2 { order: 1; }
#bodyGlobal #divIndirimliFiyat .PiyasafiyatiContent .right_line { order: 2; }
#bodyGlobal .RightDetail .spanFiyat { font-weight: 600; font-size: clamp(1.6rem, 2.2vw, 2rem); letter-spacing: -.01em; line-height: 1.1; color: var(--el-ink); }
#bodyGlobal #divIndirimliFiyat:has(.IndirimliFiyatContent) .IndirimliFiyatContent .spanFiyat { color: var(--el-accent-text); }
#bodyGlobal #divIndirimliFiyat .PiyasafiyatiContent .spanFiyat { color: var(--el-ink-3); font-size: 1.05rem; font-weight: 400; text-decoration: line-through; }
#bodyGlobal #divIndirimOrani { order: 3; display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
/* Rozet de .Formline: fiyat satırındaki display: contents onu çözüp order'ı boşa çıkarıyordu, rozet fiyatların önüne düşüp onları sağa itiyordu */
#bodyGlobal #divIndirimliFiyat > #divIndirimOrani { display: block; }
#bodyGlobal #divIndirimOrani .right_line, #bodyGlobal .el-off { display: inline-block; padding: 5px 10px; border-radius: 8px; background: var(--el-accent); color: var(--el-accent-ink); font-size: .82rem; font-weight: 600; line-height: 1.2; text-transform: lowercase; }
#bodyGlobal #divIndirimOrani .right_line span { font: inherit; color: inherit; }
#bodyGlobal .el-inst { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; color: var(--el-ink-2); font-size: .92rem; }
#bodyGlobal .el-inst .el-ico { color: var(--el-accent); }
/* Kargo bedava: fiyatın hemen altında, kalın (JS: pdp) */
#bodyGlobal .el-ship { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; color: var(--el-ink); font-size: 1rem; font-weight: 700; line-height: 1.3; }
#bodyGlobal .el-ship .el-ico { flex: none; width: 22px; height: 22px; color: var(--el-ink); }
#bodyGlobal .el-ship + .el-inst { margin-top: 6px; }
/* Sosyal kanıt (JS: pdpProof), kargo/taksit satırlarının altında. Alt çizgi yok: altındaki renk/beden satırının üst çizgisi ayırır.
   Yüksekliği sabit: 16px boşluk + üst çizgi + 2 × 40px satır = 97px (ara çizgi satırın içinde) */
#bodyGlobal .el-proof { display: block; margin: 16px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--el-line); }
#bodyGlobal .el-proof li { display: flex; align-items: center; gap: 9px; height: 40px; margin: 0; padding: 0 2px; overflow: hidden; color: var(--el-ink-2); font-size: .86rem; line-height: 1.3; white-space: nowrap; }
#bodyGlobal .el-proof li + li { border-top: 1px solid var(--el-line); }
#bodyGlobal .el-proof b { color: var(--el-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
#bodyGlobal .el-proof .el-ico { flex: none; width: 18px; height: 18px; color: var(--el-ink); }
#bodyGlobal .el-proof__dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--el-accent); animation: el-pulse 1.6s ease-out infinite; }
@keyframes el-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--el-accent) 40%, transparent); } 70%, 100% { box-shadow: 0 0 0 7px transparent; } }
@media (prefers-reduced-motion: reduce) { #bodyGlobal .el-proof__dot { animation: none; } }
/* CLS: kargo, taksit ve sosyal kanıt satırları (JS: pdpLayout, pdpProof) gelene kadar yerleri boş dursun: kargo 12px + 22px,
   taksit 6px + bir satır (.92rem × 1.5), sosyal kanıt 97px. Taksit satırı maxInstallment > 1 iken gelir; mağazada her üründe
   9 taksit var (2026-10). Taksit kalkarsa bu yükseklikten 6px + satırı çıkar.
   Yer, satırların ekleneceği noktada ayrılır: #pnlFiyatlar'ın sonu. .PriceList::after olursa varyant alanının (PriceList içinde)
   altında kalır, satırlar gelince varyant alanı aşağı itilir. */
#bodyGlobal .productDetailContainer .RightDetail .PriceList:not(:has(.el-ship)) > #pnlFiyatlar::after,
#bodyGlobal .productDetailContainer .RightDetail .PriceList:not(:has(.el-ship)):not(:has(> #pnlFiyatlar))::after { content: ''; display: block; height: calc(137px + .92rem * 1.5); }
/* İndirim oranı JS ile fiyat satırının sonuna taşınır; taşınana kadar fiyatın üstünde ayrı satır açmasın */
#bodyGlobal .productDetailContainer .RightDetail .PriceList > #divIndirimOrani { display: none; }

/* Varyantlar (beden kutuları, renk görselleri, açılır liste) */
#bodyGlobal #divUrunEkSecenek { display: grid; gap: 18px; clear: both; float: none; width: auto; margin: 18px 0 0; padding: 0; border: 0; text-align: left; }
#bodyGlobal #divUrunEkSecenek:empty { display: none; }
/* CLS: varyant alanı sunucudan boş gelir; çekirdek JS sayfa yüklenirken Renk + Beden satırlarını doldurur (testte DCL'den önce,
   ayrı adımda), tema Renk satırını görselli seçiciye çevirir (colorPicker). Elören ürünlerinin çoğu tek renk + beden: ilk çizimde
   bu yükseklik ayrılır (renk seçici 155 + aralık 18 + beden satırı 92 = 265px; az stok uyarısı çıkarsa ~36px uzar). Yer, tema
   alanı bitirince bırakılır (.el-ek-ready: seçici kuruldu ya da alan Renk satırı olmadan doldu; en geç sayfa yüklenince). */
#bodyGlobal .productDetailContainer #divUrunEkSecenek:not(.el-ek-ready) { display: grid; align-content: start; min-height: 265px; }
#bodyGlobal #divUrunEkSecenek .eksecenekLine { display: grid; gap: 10px; margin: 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--el-line); float: none; width: auto; }
#bodyGlobal #divUrunEkSecenek .eksecenekLine .left_line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; float: none; width: auto; margin: 0; padding: 0; font-size: .92rem; font-weight: 400; color: var(--el-ink-2); text-transform: none; letter-spacing: 0; }
#bodyGlobal #divUrunEkSecenek .eksecenekLine .center_line { display: none; }
#bodyGlobal #divUrunEkSecenek .eksecenekLine .right_line { display: flex; flex-wrap: wrap; gap: 8px; float: none; width: auto; margin: 0; padding: 0; }
#bodyGlobal #divUrunEkSecenek .size_box { position: relative; display: inline-grid; place-items: center; float: none; min-width: 58px; height: 46px; margin: 0; padding: 0 14px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); background: var(--el-bg); color: var(--el-ink); font-size: .95rem; font-weight: 500; line-height: 1; font-variant-numeric: tabular-nums; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .12s; }
#bodyGlobal #divUrunEkSecenek .size_box:hover { border-color: var(--el-accent); background: var(--el-bg); color: var(--el-ink); }
#bodyGlobal #divUrunEkSecenek .size_box:active { transform: scale(.97); }
#bodyGlobal #divUrunEkSecenek .size_box.selected, #bodyGlobal #divUrunEkSecenek .size_box.selected:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
/* Tükenen beden: köşeden köşeye çapraz çizgi. Taban CSS kutuya !important ile düz gri zemin verdiği için çizgi zemine çizilince
   görünmüyordu; kutuyu kaplayan ::after katmanına çizilir (taban CSS'in aynı öğedeki kısa, döndürülmüş çizgisinin ölçüleri
   sıfırlanır). Katman dokunuşu geçirir: "Gelince haberin olsun" çalışmaya devam eder. Görselli varyantta çizgi yok. */
#bodyGlobal #divUrunEkSecenek .size_box.nostok { opacity: 1; color: var(--el-ink-3); border-color: var(--el-line); }
#bodyGlobal #divUrunEkSecenek .size_box.nostok::after { content: ''; position: absolute; inset: 0; width: auto; height: auto; max-width: none; margin: 0; border-radius: inherit; background: linear-gradient(to top right, transparent calc(50% - .75px), var(--el-ink-3) 50%, transparent calc(50% + .75px)); transform: none; pointer-events: none; }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box.nostok::after { display: none; }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box { width: 64px; min-width: 0; height: auto; padding: 0; border: 0; background: none; display: grid; gap: 5px; font-size: .74rem; color: var(--el-ink-2); text-align: center; }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box img { width: 100%; aspect-ratio: 2 / 3; height: auto; object-fit: cover; border-radius: var(--el-r-sm); background: var(--el-surface-2); outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .2s; }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box:hover img { outline-color: var(--el-line-strong); }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box.selected { background: none; color: var(--el-ink); font-weight: 600; }
#bodyGlobal #divUrunEkSecenek .resimlivaryasyon .size_box.selected img { outline-color: var(--el-accent); }
#bodyGlobal #divUrunEkSecenek .selectvaryasyon select { height: 46px; width: 100%; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background-color: var(--el-bg); color: var(--el-ink); }
#bodyGlobal .el-chartlink { font-size: .88rem; font-weight: 500; color: var(--el-accent-text); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; background: none; border: 0; padding: 0; }
#bodyGlobal .el-hint { display: flex; align-items: center; gap: 6px; margin: 0; font-size: .9rem; font-weight: 500; color: var(--el-accent-text); }
#bodyGlobal .el-size-error { display: flex; align-items: center; gap: 6px; margin: 0; font-size: .9rem; font-weight: 600; color: var(--el-ink); }
#bodyGlobal .el-invalid .size_box:not(.nostok) { border-color: var(--el-accent); }

/* Renk seçici (JS: colorPicker): çekirdeğin tek kutulu "Renk" satırı yerine görselli renkler; mevcut renk siyah çerçeveli.
   Liste 4px iç boşluklu: çerçeve (2px + 2px aralık) kırpılmasın */
#bodyGlobal .el-colors { display: grid; gap: 10px; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--el-line); }
#bodyGlobal .el-colors__head { margin: 0; color: var(--el-ink-2); font-size: .92rem; line-height: 1.5; }
#bodyGlobal .el-colors__head b { color: var(--el-ink); font-weight: 600; }
#bodyGlobal .el-colors__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 -4px; padding: 4px; list-style: none; }
#bodyGlobal .el-colors__item { display: block; width: 64px; aspect-ratio: 2 / 3; overflow: hidden; border-radius: var(--el-r-sm); background: var(--el-surface-2); outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .2s; }
#bodyGlobal a.el-colors__item:hover, #bodyGlobal a.el-colors__item:focus-visible { outline-color: var(--el-line-strong); }
#bodyGlobal .el-colors__item[aria-current] { outline-color: var(--el-accent); }
#bodyGlobal .el-colors__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Renkler seçicide gösterildiği için İlgili Ürünler gizlenir; Renk satırı olmayan üründe aşağıdaki görünümle kalır */
#bodyGlobal:has(.el-colors) #IlgiliUrunDiv { display: none; }

/* İlgili Ürünler (Renk satırı olmayan ürünlerde) */
#bodyGlobal #IlgiliUrunDiv { clear: both; float: none; width: auto; margin: 18px 0 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--el-line); }
#bodyGlobal #IlgiliUrunDiv .detaySliderContainer, #bodyGlobal #IlgiliUrunDiv .ProductList, #bodyGlobal #IlgiliUrunDiv .jCarouselLite { margin: 0; padding: 0; float: none; width: auto; }
#bodyGlobal #IlgiliUrunDiv .JKatAdi b { font-weight: 600; color: var(--el-ink); }
#bodyGlobal #IlgiliUrunDiv:empty, #bodyGlobal #IlgiliUrunDiv:not(:has(.productItem)) { display: none; }
#bodyGlobal .RightDetail .ProductName h1 .productcode { display: none; } /* stok kodu üstteki satırda */
#bodyGlobal #IlgiliUrunDiv .JKatAdi { display: block; margin: 0 0 12px; font-family: var(--el-font-body); font-size: .92rem; font-weight: 400; letter-spacing: 0; color: var(--el-ink-2); }
#bodyGlobal #IlgiliUrunDiv ul, #bodyGlobal #IlgiliUrunDiv .ProductList { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; transform: none !important; width: auto !important; }
#bodyGlobal #IlgiliUrunDiv li, #bodyGlobal #IlgiliUrunDiv .ItemOrj { width: 64px !important; margin: 0 !important; padding: 0; float: none; }
#bodyGlobal #IlgiliUrunDiv .productItem { padding: 0; gap: 0; }
#bodyGlobal #IlgiliUrunDiv .productItem > :not(.productImage) { display: none !important; }
#bodyGlobal #IlgiliUrunDiv .productImage { border-radius: var(--el-r-sm); outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .2s; }
#bodyGlobal #IlgiliUrunDiv .productImage:hover { outline-color: var(--el-line-strong); }
#bodyGlobal #IlgiliUrunDiv .owl-nav, #bodyGlobal #IlgiliUrunDiv .owl-dots { display: none; }

/* Satın alma düğmeleri */
#bodyGlobal #divSatinAl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 54px; gap: 10px; margin: 0; padding: 0; float: none; width: auto; }
#bodyGlobal #divSatinAl > .clear, #bodyGlobal #divSatinAl .Basketinp { display: none; }
#bodyGlobal .RightDetail #divAdetCombo { display: none !important; } /* adet sepette değişir (prototip) */
#bodyGlobal #divSatinAl .BasketBtn { grid-column: 1 / span 2; grid-row: 1; display: contents; }
#bodyGlobal #divSatinAl .basketBtn { grid-column: 1 / span 2; grid-row: 1; width: auto; margin: 0; float: none; }
#bodyGlobal #divSatinAl .buyfast { grid-column: 1; grid-row: 2; width: auto; margin: 0; float: none; display: block; }
#bodyGlobal #divSatinAl .el-wa-order { grid-column: 2 / -1; grid-row: 2; }
#bodyGlobal #divSatinAl .UFavorilerimeEkle { grid-column: 3; grid-row: 1; margin: 0; padding: 0; float: none; width: auto; height: auto; border: 0; border-radius: 0; background: none; }
#bodyGlobal #divSatinAl .basketBtn input, #bodyGlobal #divSatinAl .buyfast input { box-sizing: border-box; width: 100%; height: 54px !important; /* Konsept-17: 60px !important */ margin: 0; padding: 0 12px; border-radius: var(--el-r-sm); font-family: var(--el-font-body); font-size: 1rem; font-weight: 500; letter-spacing: 0; text-transform: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .12s; }
#bodyGlobal #divSatinAl .basketBtn input { background: var(--el-accent); color: var(--el-accent-ink); border: 1px solid var(--el-accent); }
#bodyGlobal #divSatinAl .basketBtn input:hover { background: var(--el-accent-hover); color: var(--el-accent-ink); border-color: var(--el-accent-hover); }
#bodyGlobal #divSatinAl .basketBtn input:active, #bodyGlobal #divSatinAl .buyfast input:active { transform: scale(.98); }
#bodyGlobal #divSatinAl .buyfast input { background: transparent; color: var(--el-ink); border: 1px solid var(--el-line-strong); }
#bodyGlobal #divSatinAl .buyfast input:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a { position: relative; display: block; width: 54px; height: 54px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); color: var(--el-ink); font-size: 0; text-decoration: none; transition: border-color .2s, transform .12s; }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a:hover { border-color: var(--el-accent); }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a .box1 { font-size: 0; display: block; padding: 0; background: none; border: 0; }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a .box1 i, #bodyGlobal #divSatinAl .UFavorilerimeEkle .boxIcon { display: none; }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a::before { content: ''; position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--el-heart) center / contain no-repeat; mask: var(--el-heart) center / contain no-repeat; }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a[data-action="0"], #bodyGlobal #divSatinAl .UFavorilerimeEkle a.el-on { color: var(--el-accent); }
#bodyGlobal #divSatinAl .UFavorilerimeEkle a[data-action="0"]::before, #bodyGlobal #divSatinAl .UFavorilerimeEkle a.el-on::before { -webkit-mask-image: var(--el-heart-fill); mask-image: var(--el-heart-fill); }
#bodyGlobal .el-wa-order { display: inline-flex; align-items: center; justify-content: center; gap: .55em; height: 54px; padding: 0 12px; border-radius: var(--el-r-sm); border: 1px solid var(--el-line-strong); color: var(--el-ink); font-size: 1rem; font-weight: 500; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
#bodyGlobal .el-wa-order:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal #divStokYok { grid-column: 1 / -1; padding: 12px 14px; border-radius: var(--el-r-sm); background: var(--el-surface); color: var(--el-ink); font-weight: 500; }

/* Ürün ikon bağlantıları: yalnızca işe yarayanlar */
#bodyGlobal .RightDetail .ProductIcon { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; float: none; width: auto; }
#bodyGlobal .RightDetail .ProductIcon > div { display: none; float: none; width: auto; margin: 0; }
#bodyGlobal .RightDetail .ProductIcon > .FiyatHaberVer, #bodyGlobal .RightDetail .ProductIcon > .UGelinceHaberVer { display: block; }
/* Çekirdek bunlara satır içi display:block verir */
#bodyGlobal .RightDetail #divTelefonSiparis, #bodyGlobal .RightDetail #divKritikStok, #bodyGlobal .RightDetail #divKargoBedava { display: none !important; }
#bodyGlobal .RightDetail .ProductIcon .box1 { display: inline-flex; align-items: center; gap: 6px; padding: 0; background: none; border: 0; color: var(--el-ink-2); font-size: .88rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#bodyGlobal .RightDetail .ProductIcon .box1 i, #bodyGlobal .RightDetail .ProductIcon .boxIcon { display: none; }
#bodyGlobal .RightDetail .ProductIcon2, #bodyGlobal .RightDetail #divSocialButtons, #bodyGlobal .RightDetail .product_social_icon_wrapper { display: none; }
/* CLS: bağlantılar JS ile düğmelerin altına taşınır (pdpActions); taşınana kadar düğmelerin üstünde yer kaplayıp onları itmesin */
#bodyGlobal .productDetailContainer .RightDetail > .ProductIcon:has(~ #divSatinAl) { display: none; }

/* Güven listesi (JS ekler) */
#bodyGlobal .el-pdp-trust { display: grid; gap: 10px; margin: 0; padding: 16px 18px; border-radius: var(--el-r); background: var(--el-surface); font-size: .92rem; list-style: none; }
#bodyGlobal .el-pdp-trust li { display: flex; align-items: center; gap: 10px; }
#bodyGlobal .el-pdp-trust .el-ico { width: 22px; height: 22px; color: var(--el-accent); }

/* Sekmeler -> akordeon */
#bodyGlobal #divUrunOzellikAlani { margin: 0; padding: 0; border-top: 1px solid var(--el-line); background: none; float: none; width: auto; }
/* CLS: sekmeler JS ile sağ kolonun sonuna taşınır (pdpLayout); arada güven listesi vb. eklendiği için taşınana kadar görünmesin
   (yer kaplar ama çizilmez, kayma sayılmaz). JS hiç çalışmazsa 3 sn sonra görünür. */
#bodyGlobal .productDetailContainer .ProductDetailMainRow > #divUrunOzellikAlani { visibility: hidden; animation: el-late-show 0s 3s forwards; }
@keyframes el-late-show { to { visibility: visible; } }
#bodyGlobal #divUrunOzellikAlani .urunTab { margin: 0; padding: 0; border: 0; float: none; width: auto; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul { display: block; margin: 0; padding: 0; border: 0; list-style: none; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li { display: block; float: none; width: auto; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--el-line); background: none; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li.hidden-phone { display: block !important; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li > a { position: relative; float: none; width: auto; height: auto; opacity: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 2px; border: 0; background: none; color: var(--el-ink); font-size: 1rem; font-weight: 600; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0; line-height: 1.4; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li > a::after { content: ''; flex: none; width: 18px; height: 18px; background: var(--el-ink-2); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s var(--el-ease); }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li.el-open > a::after { transform: rotate(45deg); }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li > a:hover { color: var(--el-accent-text); }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li > a span { font: inherit; color: inherit; }
#bodyGlobal #divUrunOzellikAlani .urunTab > ul > li > a #divYorumSayisi { margin-left: 4px; margin-right: auto; color: var(--el-ink-3); font-weight: 500; }
#bodyGlobal #divUrunOzellikAlani.el-acc .urunDetayPanel { display: none !important; margin: 0; padding: 0 2px 20px; border: 0; background: none; color: var(--el-ink-2); font-size: .95rem; }
#bodyGlobal #divUrunOzellikAlani.el-acc li.el-open > .urunDetayPanel { display: block !important; }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt { padding: 0; max-height: none; overflow: visible; color: var(--el-ink-2); }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt * { font-family: var(--el-font-body); }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt img { max-width: 100%; height: auto; border-radius: var(--el-r-sm); }
#bodyGlobal #divUrunOzellikAlani table { width: 100%; border-collapse: collapse; font-size: .9rem; font-variant-numeric: tabular-nums; }
#bodyGlobal #divUrunOzellikAlani table th, #bodyGlobal #divUrunOzellikAlani table td { padding: 10px 12px; border: 0; border-top: 1px solid var(--el-line); text-align: center; }
#bodyGlobal #divUrunOzellikAlani table tr:first-child > * { border-top: 0; background: var(--el-surface); font-weight: 600; color: var(--el-ink); }
#bodyGlobal #divUrunOzellikAlani .odemeSecenekItem { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; color: var(--el-ink); }
/* Panel içi listeler: taban CSS'in sekme başlığı kuralı (.urunOzellik .urunTab ul { display: flex; justify-content: space-between }) iç listelere de uyuyor,
   "Ürün Önerileri" formu (ve açıklamadaki listeler) tek satıra sıkışıyordu */
#bodyGlobal #divUrunOzellikAlani .urunDetayPanel :is(ul, ol) { display: block; float: none; width: auto; justify-content: normal; }
#bodyGlobal #divUrunOzellikAlani ul.frmUrunOneriler { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler > li { float: none; width: auto; margin: 0; padding: 0; clear: none; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler > li:first-child { margin-bottom: 4px; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler p { margin: 0; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler p strong { font-weight: 400; color: var(--el-ink-2); }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler p br { display: none; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler .checkbox { display: flex; align-items: flex-start; gap: 10px; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler input[type="checkbox"] { float: none; flex: none; width: 18px !important; height: 18px; margin: 1px 0 0; accent-color: var(--el-ink); cursor: pointer; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler label { float: none; width: auto !important; margin: 0; line-height: 1.45; color: var(--el-ink); cursor: pointer; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler > li > strong { display: block; float: none; margin: 8px 0 8px; line-height: 1.4; font-weight: 600; color: var(--el-ink); }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt :is(#txtOneriNot, #txtOneriMail) { display: block; width: 100% !important; max-width: 100%; margin: 0; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background: var(--el-bg); box-shadow: none; color: var(--el-ink); font-size: .95rem; transition: border-color .15s; }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt #txtOneriNot { min-height: 110px; padding: 12px 14px; resize: vertical; }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt #txtOneriMail { height: 46px; padding: 0 14px; }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt :is(#txtOneriNot, #txtOneriMail):focus { border-color: var(--el-accent); outline: none; }
#bodyGlobal #divUrunOzellikAlani .frmUrunOneriler .oneriButton { height: 46px; padding: 0 28px; font-size: .95rem; }

/* Benzer ürünler ve diğer ürün blokları */
#bodyGlobal #BenzerUrunDiv, #bodyGlobal .detaySliderContainer { margin-top: clamp(48px, 6vw, 88px); }
/* Çekirdek Benzer Ürünler'i ürün detay ızgarasının içine koyar: sağ sütuna düşüyor, 5 kart ~90px'e sıkışıyordu (canlıda açık,
   testte kapalı). JS (pdpLayout) onu ızgaranın altına taşır; bu kural JS çalışmazsa diye yedek: tam genişlik, görselin altında. */
#bodyGlobal .ProductDetailMainRow > #BenzerUrunDiv { grid-column: 1 / -1; }
/* Taşındıktan sonra: taban CSS ızgarayı ve içteki şeridi float:left yapar; kutu ızgaranın arkasında, sayfanın tepesinden ve
   0 yükseklikle başlıyordu. clear ile ızgaranın altına iner (clear üst margin'i yuttuğu için boşluk padding'le), flow-root
   içindeki float'u sarar. */
#bodyGlobal .ProductDetailMain > #BenzerUrunDiv { clear: both; display: flow-root; margin-top: 0; padding-top: clamp(48px, 6vw, 88px); }

/* Yapışkan satın alma çubuğu (JS ekler) */
#bodyGlobal .el-buy-sentinel { display: block; height: 1px; margin: -19px 0 0; pointer-events: none; }
.el-buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: var(--el-bg); border-top: 1px solid var(--el-line); box-shadow: var(--el-shadow-up); transform: translateY(101%); visibility: hidden; transition: transform .25s var(--el-ease), visibility 0s .25s; padding-bottom: env(safe-area-inset-bottom); }
.el-buybar.is-on { transform: none; visibility: visible; transition-delay: 0s; }
.el-buybar__in { display: flex; align-items: center; gap: 14px; height: 76px; }
.el-buybar__in img { width: 44px; height: 60px; object-fit: cover; border-radius: 8px; background: var(--el-surface-2); }
.el-buybar__info { display: grid; min-width: 0; flex: 1; margin: 0; font-size: .86rem; color: var(--el-ink-3); }
.el-buybar__info b { color: var(--el-ink); font-weight: 600; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.el-buybar__price { font-weight: 600; font-size: 1.15rem; font-variant-numeric: tabular-nums; color: var(--el-ink); }
.el-buybar .el-btn { min-width: 190px; }

/* ==========================================================================
   10b. Hesabım (üye paneli; AngularJS ile çizilir: .hesabimContent, rota #/...)
   Çekirdeğin ortak sınıfları: hsbmTextbox/hsbmSelect/hsbmSpan, yesilButon/kirmiziButon, tabLink
   ========================================================================== */
#bodyGlobal .hesabimContent { float: none; width: auto; max-width: none; margin: clamp(20px, 3vw, 40px) 0 clamp(48px, 6vw, 88px); padding: 0; }
#bodyGlobal .hesabimContent > .hesabimBolumuTutucu { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(24px, 3.6vw, 60px); align-items: start; float: none; width: 100%; margin: 0; padding: 0; }
#bodyGlobal .hesabimContent .solAnaMenu, #bodyGlobal .hesabimContent .sagIcerikTutucu, #bodyGlobal .hesabimContent .sagIcerikBolumu { float: none; width: auto; min-height: 0; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
/* çekirdek içerik kaplarını sola yüzdürüyor: kap içeriği kadar daralıyordu */
#bodyGlobal .hesabimContent .sagIcerikBolumu > div, #bodyGlobal .hesabimContent .icerikTutucu, #bodyGlobal .hesabimContent :is(.siparisListeBos, .favoriListeBos),
#bodyGlobal .hesabimContent :is(.uyelikBilgilerim, .siparislerim, .tabIcerik, .hesabimTablo, .istekListelerim, .adresDefterim, .hesabimFormTutucu, .fiyatAlarmListem, .hediyeCeklerim, .paraPuanSayfasi, .paraPuanDetaySayfasi) { float: none; width: 100%; background: none; }

/* Sol menü */
#bodyGlobal .hesabimContent .solAnaMenu ul { width: auto; margin: 0; padding: 0; list-style: none; background: none; }
#bodyGlobal .hesabimContent .solAnaMenu li { float: none; width: auto; margin: 0; padding: 0; border: 0; background: none; }
#bodyGlobal .hesabimContent .solAnaMenu > ul > li > a { position: relative; display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 9px 12px; border: 0; border-radius: var(--el-r-sm); background: none; color: var(--el-ink-2); font-size: .92rem; line-height: 1.3; text-decoration: none; transition: background-color .15s, color .15s; }
#bodyGlobal .hesabimContent .solAnaMenu > ul > li > a > i { flex: none; width: 18px; margin: 0; color: var(--el-ink-3); font-size: 15px; text-align: center; transition: color .15s; }
#bodyGlobal .hesabimContent .solAnaMenu > ul > li > a:hover { background: var(--el-surface); color: var(--el-ink); }
#bodyGlobal .hesabimContent .solAnaMenu > ul > li > a:hover > i, #bodyGlobal .hesabimContent .solAnaMenu a.aktif > i { color: var(--el-ink); }
#bodyGlobal .hesabimContent .solAnaMenu a.aktif { background: var(--el-surface-2); color: var(--el-ink); font-weight: 500; }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt > a::after { margin-left: auto; color: var(--el-ink-3); }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt > ul { margin: 2px 0 6px 21px; padding: 0 0 0 12px; border-left: 1px solid var(--el-line); }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt > ul a { display: block; padding: 7px 10px; border-radius: 8px; background: none; color: var(--el-ink-3); font-size: .86rem; text-decoration: none; }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt > ul a:hover { background: var(--el-surface); color: var(--el-ink); }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt > ul a.aktif { background: none; color: var(--el-ink); font-weight: 500; }
#bodyGlobal .hesabimContent .solAnaMenu .menuUyeCikis { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--el-line); }
/* seçili alt sayfanın grubu açık ve vurgulu */
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt:has(ul a.aktif) > a { color: var(--el-ink); font-weight: 500; }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt:has(ul a.aktif) > a > i { color: var(--el-ink); }
#bodyGlobal .hesabimContent .solAnaMenu .solAnaMenuAlt:has(ul a.aktif) > ul { display: block !important; }

/* Dar ekranda çekirdeğin "« Hesabım Menü" düğmesi */
/* görünürlüğü çekirdeğe bırakılır (masaüstünde gizli); dar ekranda flex olur, bkz. kırılımlar */
#bodyGlobal .hesabimContent .hesabimMenuDon { align-items: center; gap: 8px; float: none; width: fit-content; height: 36px; margin: 0 0 16px; padding: 0 14px 0 12px; border: 1px solid var(--el-line-strong); border-radius: 999px; background: none; color: var(--el-ink); font-size: .85rem; font-weight: 500; text-decoration: none; }
#bodyGlobal .hesabimContent .hesabimMenuDon i { margin: 0; font-size: 14px; }
/* Alt sayfa başlığı (JS: menüde seçili bağlantının adı) */
#bodyGlobal .el-acc-title { margin: 0 0 clamp(18px, 2vw, 26px); color: var(--el-ink); font-family: var(--el-font-display); font-size: clamp(1.6rem, 2.4vw, 2.2rem); font-weight: 700; letter-spacing: -.028em; line-height: 1.1; }

/* Ana sayfa: karşılama ve kutucuklar */
#bodyGlobal .hesabimAnasayfaBaslik { height: auto; margin: 0 0 clamp(22px, 2.6vw, 34px); padding: 0; border: 0; background: none; }
#bodyGlobal .hesabimAnasayfaBaslik h2 { display: flex; flex-direction: column-reverse; gap: 8px; margin: 0 0 14px; padding: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: clamp(1.7rem, 2.6vw, 2.4rem); font-weight: 700; letter-spacing: -.028em; line-height: 1.1; text-transform: none; }
#bodyGlobal .hesabimAnasayfaBaslik h2 span { display: block; margin: 0; color: var(--el-ink-3); font-family: var(--el-font-body); font-size: .76rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
#bodyGlobal .hesabimAnasayfaBaslik p { max-width: 64ch; margin: 0; padding: 0; color: var(--el-ink-2); font-size: .96rem; line-height: 1.6; }
#bodyGlobal .hesabimAnasayfaMenuler { height: auto; margin: 0; padding: 0; }
#bodyGlobal .hesabimAnasayfaMenuler ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; width: auto; margin: 0; padding: 0; list-style: none; }
#bodyGlobal .hesabimAnasayfaMenuler li { float: none; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; }
#bodyGlobal .hesabimAnasayfaMenuler li a { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 26px; height: 100%; min-height: 136px; padding: 20px; border: 1px solid var(--el-line); border-radius: var(--el-r); background: var(--el-bg); color: var(--el-ink); text-align: left; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
#bodyGlobal .hesabimAnasayfaMenuler li a:hover { border-color: var(--el-accent); box-shadow: var(--el-shadow); }
#bodyGlobal .hesabimAnasayfaMenuler li a i { position: static; display: grid; place-items: center; width: 46px; height: 46px; margin: 0; border-radius: 50%; background: var(--el-surface); color: var(--el-ink); font-size: 20px; }
#bodyGlobal .hesabimAnasayfaMenuler li a span { margin: 0; color: inherit; font-size: .95rem; font-weight: 500; line-height: 1.3; }

/* Form öğeleri */
#bodyGlobal .hesabimContent .satirBlok { margin: 0 0 18px; }
#bodyGlobal .hesabimContent .hsbmSpan { display: block; margin: 0 0 6px; color: var(--el-ink-2); font-size: .84rem; font-weight: 500; }
#bodyGlobal .hesabimContent .hsbmSpan span { color: var(--el-ink-3); }
#bodyGlobal .hesabimContent .hsbmTextbox, #bodyGlobal .hesabimContent .hsbmSelect, #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="text"], #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="email"], #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="tel"], #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="password"], #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="number"], #bodyGlobal .hesabimContent .sagIcerikBolumu select, #bodyGlobal .hesabimContent .sagIcerikBolumu textarea { max-width: 100%; height: 46px; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background-color: var(--el-bg); box-shadow: none; color: var(--el-ink); font-size: .95rem; transition: border-color .15s; }
#bodyGlobal .hesabimContent .sagIcerikBolumu textarea { height: auto; min-height: 120px; padding: 12px 14px; }
#bodyGlobal .hesabimContent .iti--allow-dropdown input, #bodyGlobal .hesabimContent .iti--allow-dropdown .hsbmTextbox { padding-left: 54px; }
#bodyGlobal .hesabimContent .sagIcerikBolumu :is(input, select, textarea):focus { border-color: var(--el-accent); outline: none; }
#bodyGlobal .hesabimContent .sagIcerikBolumu input[type="radio"], #bodyGlobal .hesabimContent .sagIcerikBolumu input[type="checkbox"] { width: 18px; height: 18px; margin: 0 8px 0 0; accent-color: var(--el-ink); vertical-align: -4px; }
#bodyGlobal .hesabimContent .hsbmLabel, #bodyGlobal .hesabimContent .sagIcerikBolumu label { color: var(--el-ink-2); font-size: .88rem; font-weight: 400; line-height: 1.45; }
#bodyGlobal .hesabimContent .cinsiyetSatir .hsbmLabel { display: inline-flex; align-items: center; width: auto; margin: 4px 18px 0 0; }

/* Butonlar: yeşil/mavi = ana eylem (siyah), kırmızı/gri = ikincil (çerçeveli) */
#bodyGlobal .hesabimContent :is(.yesilButon, .maviButon, .turuncuButon, .siyahButon, .kirmiziButon, .griButon) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 46px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--el-r-sm); background: var(--el-accent); box-shadow: none; color: var(--el-accent-ink); font-family: var(--el-font-body); font-size: .92rem; font-weight: 500; line-height: 1; text-decoration: none; text-shadow: none; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
#bodyGlobal .hesabimContent :is(.yesilButon, .maviButon, .turuncuButon, .siyahButon):hover { background: var(--el-accent-hover); color: var(--el-accent-ink); }
#bodyGlobal .hesabimContent :is(.kirmiziButon, .griButon) { border-color: var(--el-line-strong); background: transparent; color: var(--el-ink-2); }
#bodyGlobal .hesabimContent :is(.kirmiziButon, .griButon):hover { border-color: var(--el-accent); background: transparent; color: var(--el-ink); }
#bodyGlobal .hesabimContent .sagIcerikBolumu :is(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), .kuponOlusturButon) { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); font-family: var(--el-font-body); font-size: .92rem; font-weight: 500; cursor: pointer; }
#bodyGlobal .hesabimContent .butonDisabled, #bodyGlobal .hesabimContent .sagIcerikBolumu button:disabled { opacity: .4; cursor: not-allowed; }
/* Koleksiyon sekme butonları */
#bodyGlobal .hesabimContent .collectionButton { display: inline-flex; align-items: center; height: 40px; margin: 0 6px 6px 0; padding: 0 16px; border: 1px solid var(--el-line-strong); border-radius: 999px; background: none; color: var(--el-ink-2); font-size: .88rem; font-weight: 500; cursor: pointer; }
#bodyGlobal .hesabimContent .collectionButton.aktif { border-color: var(--el-accent); background: var(--el-accent); color: var(--el-accent-ink); }
/* Boş durumlar (sipariş, adres, favori, talep, alarm listeleri) */
#bodyGlobal .hesabimContent :is(.siparisListeBos, .favoriListeBos) { display: flex; flex-direction: column; align-items: center; gap: 10px; height: auto; margin: 0; padding: clamp(36px, 5vw, 64px) 24px; border: 0; border-radius: var(--el-r); background: var(--el-surface); box-shadow: none; text-align: center; }
#bodyGlobal .hesabimContent :is(.siparisBosIkon, .favoriBosIkon) { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 0 6px; padding: 0; border: 0; border-radius: 50%; background: var(--el-bg); color: var(--el-ink); }
#bodyGlobal .hesabimContent :is(.siparisBosIkon, .favoriBosIkon) i { margin: 0; color: inherit; font-size: 26px; }
#bodyGlobal .hesabimContent :is(.siparisBosP-1, .favoriBosP-1) { margin: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; }
#bodyGlobal .hesabimContent :is(.siparisBosP-2, .favoriBosP-2) { max-width: 46ch; margin: 0; color: var(--el-ink-2); font-size: .92rem; line-height: 1.5; }
#bodyGlobal .hesabimContent :is(.siparisListeBos, .favoriListeBos) a { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 46px; margin: 10px 0 0; padding: 0 22px; border: 1px solid transparent; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); font-size: .92rem; font-weight: 500; text-decoration: none; }
#bodyGlobal .hesabimContent :is(.siparisListeBos, .favoriListeBos) a:hover { background: var(--el-accent-hover); color: var(--el-accent-ink); }

/* Sekmeler, tablolar, boş durumlar */
#bodyGlobal .hesabimContent .tabLink { display: flex; gap: 4px; overflow-x: auto; margin: 0 0 22px; padding: 0; border: 0; border-bottom: 1px solid var(--el-line); background: none; scrollbar-width: none; }
#bodyGlobal .hesabimContent .tabLink a { flex: none; float: none; width: auto; height: auto; margin: 0 0 -1px; padding: 12px 14px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--el-ink-3); font-size: .9rem; font-weight: 500; line-height: 1.2; text-decoration: none; }
#bodyGlobal .hesabimContent .tabLink a:hover { color: var(--el-ink); }
#bodyGlobal .hesabimContent .tabLink a.aktif { border-bottom-color: var(--el-accent); background: none; color: var(--el-ink); }
#bodyGlobal .hesabimContent .hesabimTablo { border: 0; background: none; }
#bodyGlobal .hesabimContent table { width: 100%; border-collapse: collapse; font-size: .9rem; }
#bodyGlobal .hesabimContent th { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--el-line-strong); background: none; color: var(--el-ink-3); font-size: .8rem; font-weight: 500; text-align: left; }
#bodyGlobal .hesabimContent td { padding: 14px 12px; border: 0; border-bottom: 1px solid var(--el-line); background: none; color: var(--el-ink); vertical-align: middle; }

/* ==========================================================================
   10c. İletişim (/Iletisim). Çekirdek yapı korunur (form ASP.NET ile gönderilir).
   Solda başlık + iletişim kartları + banka, sağda form kartı. Canlıda bilgiler .AdBan içinde,
   testte .iletisimLeft doğrudan: ikisi de 1. sütuna oturur. JS: contact (ikon, WhatsApp, banka listesi).
   ========================================================================== */
#bodyGlobal .iletisimContent { float: none; width: 100%; padding: clamp(24px, 4vw, 56px) 0 0; }
#bodyGlobal .iletisimContent > div:not([class]) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: 0 clamp(32px, 5vw, 80px); }
#bodyGlobal .iletisimContent > div:not([class]) > .clear, #bodyGlobal .iletisimContent #itetisimhtml:not(:has(*)) { display: none; }
#bodyGlobal .iletisimContent :is(.AdBan, .iletisimLeft, .iletisimRight, .iletisimForm, .iletisimbanka, .categoryTitle, .categoryTitleText, .row, .span) { float: none; }
#bodyGlobal .iletisimContent > div:not([class]) > :is(.AdBan, .iletisimLeft, #itetisimhtml) { grid-column: 1; width: auto; margin: 0; }
#bodyGlobal .iletisimContent > div:not([class]) > .iletisimForm { grid-column: 2; grid-row: 1 / span 3; width: auto; }
#bodyGlobal .iletisimContent .categoryTitle { width: auto; margin: 0 0 24px; padding: 0; }
#bodyGlobal .iletisimContent .categoryTitle .categoryTitleText { margin: 0; color: var(--el-ink); font-family: var(--el-font-display); font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; text-align: left; }
#bodyGlobal .iletisimContent .categoryTitle::after { content: none; }
#bodyGlobal .iletisimContent .iletisimLeft .categoryTitle::after { content: 'Sipariş, değişim ve iade sorularınız için bize dilediğiniz kanaldan ulaşın.'; display: block; float: none; clear: none; width: auto; max-width: 42ch; height: auto; margin-top: 12px; background: none; color: var(--el-ink-2); font-size: 1rem; line-height: 1.55; }
/* İletişim satırları: çizgisiz yumuşak kartlar, solda ikon (JS) */
#bodyGlobal .iletisimContent .iletisimLeft { display: block; width: auto; margin: 0; padding: 0; }
#bodyGlobal .iletisimContent .iletisimLeft .span { position: relative; display: block; width: auto; min-height: 76px; margin: 0 0 10px; padding: 17px 18px 17px 76px; border-radius: var(--el-r); background: var(--el-surface); }
#bodyGlobal .iletisimContent .iletisimLeft .span[hidden] { display: none !important; }
#bodyGlobal .iletisimContent .iletisimLeft .Left { display: block; margin: 0 0 3px; color: var(--el-ink-3); font-size: .72rem; font-weight: 600; letter-spacing: .1em; line-height: 1.3; text-transform: uppercase; }
#bodyGlobal .iletisimContent .iletisimLeft .Center { display: none; }
#bodyGlobal .iletisimContent .iletisimLeft .Right, #bodyGlobal .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { display: block; color: var(--el-ink); font-size: 1rem; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
#bodyGlobal .iletisimContent .iletisimLeft .Right::before { content: none !important; }
#bodyGlobal .iletisimContent .iletisimLeft .Right a { color: var(--el-ink); font-size: inherit; font-weight: 600; text-decoration: none; }
#bodyGlobal .iletisimContent .iletisimLeft .Right a:hover { text-decoration: underline; text-underline-offset: 3px; }
#bodyGlobal .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi { min-height: 0; margin: -8px 0 20px; padding: 0; background: none; }
#bodyGlobal .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Left { display: none; }
#bodyGlobal .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { color: var(--el-ink-2); font-size: .92rem; font-weight: 500; }
.el-contact__ico { position: absolute; top: 50%; left: 16px; display: grid; place-items: center; width: 44px; height: 44px; margin-top: -22px; border-radius: 50%; background: var(--el-bg); color: var(--el-ink); }
.el-contact__ico .el-ico { width: 20px; height: 20px; }
/* Banka hesabı (JS: dl.el-bank, IBAN kopyala) */
#bodyGlobal .iletisimContent .iletisimRight { width: auto; margin: 14px 0 0; padding: 24px; border: 1px solid var(--el-line); border-radius: var(--el-r); }
#bodyGlobal .iletisimContent .iletisimRight > .clear { display: none; }
#bodyGlobal .iletisimContent .iletisimRight .categoryTitle { margin: 0 0 16px; }
#bodyGlobal .iletisimContent :is(.iletisimRight, .iletisimForm) .categoryTitle .categoryTitleText { font-size: clamp(1.3rem, 1.8vw, 1.6rem); letter-spacing: -.02em; line-height: 1.2; }
#bodyGlobal .iletisimContent .iletisimbanka { width: auto; margin: 0; padding: 0; }
.el-bank { display: grid; gap: 14px; margin: 0; }
.el-bank > div { display: grid; gap: 3px; }
.el-bank dt { color: var(--el-ink-3); font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.el-bank dd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; color: var(--el-ink); font-size: .98rem; line-height: 1.4; }
.el-bank__iban { font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.el-bank__copy { height: 34px; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: 999px; background: none; color: var(--el-ink); font: 500 .85rem/1 var(--el-font-body); cursor: pointer; transition: border-color .2s; }
.el-bank__copy:hover { border-color: var(--el-accent); }
.el-bank + .el-bank { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--el-line); }
/* Form kartı: Ad Soyad tam, Telefon + E-posta yan yana, Mesaj, güvenlik kodu, tam genişlik Gönder */
#bodyGlobal .iletisimContent .iletisimForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; width: auto; padding: clamp(24px, 3vw, 40px); border: 1px solid var(--el-line); border-radius: calc(var(--el-r) + 8px); background: var(--el-bg); }
#bodyGlobal .iletisimContent .iletisimForm > .categoryTitle { grid-column: 1 / -1; margin: 0 0 4px; }
#bodyGlobal .iletisimContent .iletisimForm .categoryTitle::after { content: 'Formu doldurun, en kısa sürede size dönüş yapalım.'; display: block; float: none; clear: none; width: auto; height: auto; margin-top: 8px; background: none; color: var(--el-ink-2); font-size: .95rem; line-height: 1.5; }
#bodyGlobal .iletisimContent .iletisimForm > .clear, #bodyGlobal .iletisimContent .iletisimForm .rowRight > .clear { display: none; }
#bodyGlobal .iletisimContent .iletisimForm :is(.rowLeft, .rowRight) { display: contents; }
#bodyGlobal .iletisimContent .iletisimForm .span { width: auto !important; height: auto !important; margin: 0; padding: 0; } /* çekirdek: Mesaj satırında satır içi height 140px */
#bodyGlobal .iletisimContent .iletisimForm :is(.iletisimAdSoyad, .iletisimMesaj, .iletisimCaptcha, .iletisimBtn) { grid-column: 1 / -1; }
#bodyGlobal .iletisimContent .iletisimForm .span .Left { margin: 0 0 6px; color: var(--el-ink); font-size: .85rem; font-weight: 500; line-height: 1.3; }
#bodyGlobal .iletisimContent .iletisimForm .span .Right { position: relative; width: auto !important; }
#bodyGlobal .iletisimContent .iletisimForm :is(#txtbxAdSoyad, #txtbxMail, #txtbxTelefon, #txtGuvenlikKodu, #txtbxMesaj) { width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); background: var(--el-bg); box-shadow: none; color: var(--el-ink); font: 400 1rem/1.3 var(--el-font-body); outline: none; transition: border-color .2s, box-shadow .2s; }
#bodyGlobal .iletisimContent .iletisimForm #txtbxTelefon { padding-left: 56px; }
#bodyGlobal .iletisimContent .iletisimForm #txtbxMesaj { min-height: 150px; padding: 12px 14px; resize: vertical; }
#bodyGlobal .iletisimContent .iletisimForm :is(#txtbxAdSoyad, #txtbxMail, #txtbxTelefon, #txtGuvenlikKodu, #txtbxMesaj):focus { border-color: var(--el-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-accent) 12%, transparent); }
#bodyGlobal .iletisimContent .iletisimForm .iti { display: block; width: 100%; }
#bodyGlobal .iletisimContent .iletisimCaptcha .newUserWrapper { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 10px; }
#bodyGlobal .iletisimContent .iletisimCaptcha .newUserWrapper > .validate { grid-column: 1 / -1; }
#bodyGlobal .iletisimContent #imgTicimaxCaptcha { display: block; width: auto; height: 50px; margin: 0; border: 1px solid var(--el-line); border-radius: var(--el-r-sm); background: #fff; }
#bodyGlobal .iletisimContent .iletisimCaptcha .newUserWrapper > a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--el-ink-2); }
#bodyGlobal .iletisimContent .iletisimCaptcha .newUserWrapper > a:hover { background: var(--el-surface); color: var(--el-ink); }
#bodyGlobal .iletisimContent .iletisimForm .iletisimBtn { position: static !important; top: auto !important; margin: 6px 0 0 !important; } /* çekirdek: satır içi relative + top 65px + alt 60px */
#bodyGlobal .iletisimContent #mainHolder_Iletisim_btnGonder { float: none; display: block; width: 100%; height: 54px; padding: 0 24px; border: 0; border-radius: var(--el-r-sm); background: var(--el-accent); color: var(--el-accent-ink); font: 500 1rem/1 var(--el-font-body); letter-spacing: .01em; text-transform: none; cursor: pointer; transition: background-color .2s; }
#bodyGlobal .iletisimContent #mainHolder_Iletisim_btnGonder:hover { background: var(--el-accent-hover); }
@media (max-width: 1023px) {
  /* Tek sütun: iletişim kartları → form → banka */
  #bodyGlobal .iletisimContent > div:not([class]) { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
  #bodyGlobal .iletisimContent > div:not([class]) > .AdBan { display: contents; }
  #bodyGlobal .iletisimContent > div:not([class]) .iletisimLeft { order: 1; }
  #bodyGlobal .iletisimContent > div:not([class]) > .iletisimForm { order: 2; grid-column: 1; grid-row: auto; }
  #bodyGlobal .iletisimContent > div:not([class]) .iletisimRight { order: 3; margin: 0; }
  #bodyGlobal .iletisimContent > div:not([class]) #itetisimhtml { order: 4; }
  #bodyGlobal .iletisimContent .iletisimLeft .span:last-of-type { margin-bottom: 0; }
}
@media (max-width: 767px) {
  #bodyGlobal .iletisimContent .iletisimForm { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; }
  #bodyGlobal .iletisimContent .iletisimCaptcha .newUserWrapper { grid-template-columns: auto auto minmax(0, 1fr); }
  #bodyGlobal .iletisimContent #txtGuvenlikKodu { grid-column: 1 / -1; }
}

/* ==========================================================================
   11. Footer (Footer Tasarım Yönetimi: .footerTemp)
   ========================================================================== */
#bodyGlobal #customFooterContent.footerTemp { margin-top: clamp(48px, 6vw, 88px); padding-top: clamp(40px, 5vw, 72px); background: var(--el-bg); border-top: 1px solid var(--el-line); color: var(--el-ink-2); font-family: var(--el-font-body); }
#bodyGlobal #customFooterContent section { background: none; }
#bodyGlobal #customFooterContent .footerTempContainer { max-width: var(--el-max); margin-inline: auto; padding-inline: var(--el-gutter); }
#bodyGlobal #customFooterContent .footerMenuTitle { margin-bottom: 14px; padding: 0; color: var(--el-ink); font-size: .95rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
#bodyGlobal #customFooterContent .footerMenuAlt { gap: 9px; }
#bodyGlobal #customFooterContent .footerMenuAlt a, #bodyGlobal #customFooterContent .footerText, #bodyGlobal #customFooterContent .footerText li { color: var(--el-ink-2); font-size: .93rem; line-height: 1.45; text-decoration: none; }
#bodyGlobal #customFooterContent .footerMenuAlt a:hover { color: var(--el-accent-text); }
#bodyGlobal #customFooterContent .socialMedia { gap: 10px; }
#bodyGlobal #customFooterContent .socialMedia li a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--el-line-strong); background: none; color: var(--el-ink); transition: background-color .2s, color .2s, border-color .2s; }
#bodyGlobal #customFooterContent .socialMedia li a:hover { background: var(--el-accent); color: var(--el-bg); border-color: var(--el-accent); }
#bodyGlobal #customFooterContent .socialMedia li a i { font-size: 18px; color: inherit; }
/* Footer kenar boşluğu (şablon 100px veriyor): içerik header ile aynı hizada başlasın */
#bodyGlobal #customFooterContent.footerTemp { padding-inline: 0; }
/* Footer'ın çekirdek bülteni = ana sayfadaki "Bizden Haberler" bandı. Ana sayfada temanın bandı olduğu için
   bu bölüm orada gizli; diğer sayfalarda footer'ın en üstünde aynı bant, altında aynı boşluk + çizgi. */
#bodyGlobal:not(:has([data-el-news])) #customFooterContent.footerTemp:has(.ebultenDivTemp) { padding-top: 0; border-top: 0; }
#bodyGlobal #customFooterContent section:has(.ebultenDivTemp) { margin: 0 0 clamp(48px, 6vw, 88px); padding-block: clamp(36px, 4.5vw, 64px); background: var(--el-accent-soft); }
#bodyGlobal #customFooterContent section:has(.ebultenDivTemp) + section { border-top: 1px solid var(--el-line); padding-top: calc(clamp(40px, 5vw, 72px) + 25px); }
#bodyGlobal #customFooterContent section:has(.ebultenDivTemp) .elementor-column { width: 100%; }
#bodyGlobal #customFooterContent .ebultenDivTemp { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto auto; column-gap: clamp(24px, 4vw, 72px); row-gap: 8px; align-items: center; float: none; width: 100%; margin: 0; padding: 0; border-radius: 0; background: none; text-align: left; }
#bodyGlobal #customFooterContent .ebultenDivTemp::before { content: 'E-posta adresiniz'; grid-column: 2; grid-row: 1; color: var(--el-ink); font-size: .9rem; font-weight: 500; }
#bodyGlobal #customFooterContent .eTempTitle { display: block; grid-column: 1; grid-row: 1 / span 3; float: none; width: auto; margin: 0; text-align: left; }
#bodyGlobal #customFooterContent .eTempTitle1 { margin: 0; font-family: var(--el-font-display); font-weight: 700; font-size: clamp(1.55rem, 2.3vw, 2.15rem); letter-spacing: -.028em; line-height: 1.1; color: var(--el-ink); text-align: left; }
#bodyGlobal #customFooterContent .eTempTitle2 { max-width: 56ch; margin: 6px 0 0; color: var(--el-ink-2); font-size: 1rem; line-height: 1.5; text-align: left; }
#bodyGlobal #customFooterContent .newsletterContent { display: flex; grid-column: 2; grid-row: 2; gap: 10px; position: static; float: none; width: 100%; margin: 0; }
#bodyGlobal #customFooterContent #txtbxNewsletterMail { flex: 1; min-width: 0; height: 50px; min-height: 50px; padding: 0 16px; background: var(--el-bg); border: 1px solid var(--el-line-strong); border-radius: var(--el-r-sm); color: var(--el-ink); font-size: 1rem; }
#bodyGlobal #customFooterContent #txtbxNewsletterMail::placeholder { color: var(--el-ink-3); opacity: 1; }
#bodyGlobal #customFooterContent #txtbxNewsletterMail:focus { outline: none; border-color: var(--el-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-accent) 24%, transparent); }
/* Onay kutusu (KVKK): şablonda beyaz yazı + metne gömülü kırmızı */
#bodyGlobal #customFooterContent .permissionDiv { grid-column: 2; grid-row: 3; float: none; width: 100%; margin: 4px 0 0; }
#bodyGlobal #customFooterContent :is(.permissionList, .permissionBox) { float: none; width: auto; margin: 0; padding: 0; }
#bodyGlobal #customFooterContent .permissionBox { display: flex; align-items: flex-start; gap: 10px; }
#bodyGlobal #customFooterContent .permissionBox input[type="checkbox"] { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--el-ink); cursor: pointer; }
#bodyGlobal #customFooterContent .permissionBox label { margin: 0; cursor: pointer; }
#bodyGlobal #customFooterContent .permission-html, #bodyGlobal #customFooterContent .permission-html * { color: var(--el-ink-2) !important; font-size: .85rem; line-height: 1.45; }
#bodyGlobal #customFooterContent .permission-html strong { color: var(--el-ink) !important; font-weight: 600; }
/* Onaysız gönderimde çekirdek kutuya satır içi kırmızı çerçeve + kırmızı "Bu alan zorunludur" ekler: siyah-beyaz */
#bodyGlobal #customFooterContent .permissionBox { flex-wrap: wrap; border: 0 !important; }
#bodyGlobal #customFooterContent .permissionBox .validSpan { flex-basis: 100%; margin: 2px 0 0 28px !important; color: var(--el-ink) !important; font-size: .82rem; font-weight: 600; }
#bodyGlobal #customFooterContent #btnMailKaydet { position: static; flex: none; height: 50px; padding: 0 24px; display: inline-flex; align-items: center; border-radius: var(--el-r-sm); background: var(--el-accent) !important; color: var(--el-accent-ink) !important; font-family: var(--el-font-body); font-size: .95rem; font-weight: 500; }
#bodyGlobal #customFooterContent #btnMailKaydet:hover { background: var(--el-accent-hover) !important; color: var(--el-accent-ink) !important; }
#bodyGlobal #customFooterContent .footerimg img { max-height: 40px; width: auto; }
/* Görseller tembel yüklenir (önce boş yer tutucu): yer baştan ayrılır, yüklenince footer uzamaz.
   Beyaz zeminli banka şeridi kırık beyaz footer'a karışsın diye multiply. */
#bodyGlobal #customFooterContent img { height: 40px; width: auto; max-width: 100%; object-fit: contain; mix-blend-mode: multiply; }
/* Sayfada temanın bülten bloğu varsa footer'daki çekirdek bülteni ilk çizimde gizle (JS'i beklerse bir an görünüp kayboluyordu) */
#bodyGlobal:has([data-el-news]) #customFooterContent section:has(.ebultenDivTemp) { display: none; }
/* Bülten gizliyken alttaki menü satırı "bültenden sonra" çizgisini almasın: footer'ın kendi çizgisiyle çift çizgi oluyordu; boşluk diğer sayfalarla eşit */
#bodyGlobal:has([data-el-news]) #customFooterContent section:has(.ebultenDivTemp) + section { border-top: 0; padding-top: 25px; }
/* Konsept-17 4'lü footer satırında ilk sütunu %56 + %13,5 boşluk yapıyor (geniş marka sütunu için): menü sütunlarını eşitle */
@media (min-width: 768px) {
  #bodyGlobal #customFooterContent .elementor-column[data-col="25"], #bodyGlobal #customFooterContent .elementor-column[data-col="25"]:first-child { width: 25%; padding-right: 24px; }
  /* Şablon menü satırını 5 x %20 kuruyor, 4 sütun dolu: boş beşinci sütunun yeri sağda boşluk bırakıyordu */
  #bodyGlobal #customFooterContent .footerTempRow:has(> .elementor-column:nth-child(4):last-child) > .elementor-column { width: 25%; padding-right: 24px; }
  /* Logo + banka şeridi: header'daki gibi logo solda, şerit sağ kenarda.
     Tasarım aracı her kayıtta sütun oranını değiştirebiliyor (20/80, 16/66): şerit sütunu kalanı doldursun */
  #bodyGlobal #customFooterContent .footerTempRow:has(.footerBankLogo) > .elementor-column:last-child { flex: 1 1 0%; width: auto; }
  #bodyGlobal #customFooterContent .footerimg { justify-content: flex-start; }
  #bodyGlobal #customFooterContent .footerBankLogo { justify-content: flex-end; }
}
/* Logo + banka şeridi alttaki telif çizgisine yapışıyordu (bileşenlerde yalnız üst boşluk var) */
#bodyGlobal #customFooterContent section:has(.footerBankLogo) { padding-bottom: 28px; }

/* ==========================================================================
   12. Panel taban CSS'i (FE8 / Konsept-17) ile çakışmalar
   Panelin CSS alanında varsayılan gelen kodun (yeni-tema-eski.css) bu katmanla
   çatışan kuralları. Stok JS artık çalışmadığı için onun kurduğu yapılara
   (mobil akordeon, breadcrumb listesi, üst filtre çekmecesi) bağlı kuralları da nötrler.
   ========================================================================== */
/* Kart: indirim etiketine eklenen "(-" ve ")" */
#bodyGlobal .productItem .discountIcon::before, #bodyGlobal .productItem .discountIcon::after { content: none; }
/* Blok başlıkları: iç span'e verilen ince/küçük yazı */
#bodyGlobal .JKatAdi .satir1, #bodyGlobal #mainHolder_divDesign .JKatAdi .bold .satir1, #bodyGlobal #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1 { padding: 0 !important; font: inherit; letter-spacing: inherit; color: inherit; text-transform: none; }
#bodyGlobal #IlgiliUrunDiv .JKatAdi .satir1 { line-height: 1.4; }
/* Sekmeli blok: ilk sekmeye eklenen aç/kapa süsü */
#bodyGlobal #mainHolder_divDesign .ticimaxTabHead li a::after { content: none; display: none; }
/* Footer: başlık altı çizgi ve kaymış sosyal ikonlar */
#bodyGlobal #customFooterContent .footerMenuTitle { border-bottom: 0; padding-bottom: 0; }
/* Footer tasarımcısı ikona gri zemin + yuvarlak köşe verir; üzerine gelince beyaz ikonla "kapsül" olur */
#bodyGlobal #customFooterContent .socialMedia li a i { margin: 0 !important; padding: 0 !important; width: auto !important; background: none; border-radius: 0; }
/* Kategori: sağa yaslı kırıntı ve üstteki 70px boşluk */
#bodyGlobal .categoryContainer .categoryTitleText { float: none; width: auto; margin: 0; }
#bodyGlobal .categoryContainer .middleTopBlock { margin-top: 0; }
/* Kırıntı: mobilde metni 25px'e kırpan, "..." ve ikon ekleyen, tıklamayı yakalayan kurallar */
#bodyGlobal ul.breadcrumb * { max-width: none !important; line-height: 1.4 !important; float: none; }
#bodyGlobal ul.breadcrumb::after { content: none; display: none; }
#bodyGlobal ul.breadcrumb li:nth-last-of-type(1) * { font-weight: 500; }
/* Ürün detay: dar başlık, sağa yaslı fiyat kutusu, sabit yükseklikli sekme içeriği */
#bodyGlobal .RightDetail .ProductName { float: none; width: auto; }
#bodyGlobal .RightDetail .PriceList { float: none; width: auto; }
#bodyGlobal #divUrunOzellikAlani .urunTabAlt { height: auto; }
/* Kategori sıralama çubuğu: üst/alt çizgi ve ortalanmış ürün sayısı yerine solda sayı, sağda sıralama */
/* taban CSS dar ekranda bu kutuyu ürünlerin üstünde süzülen beyaz panele çevirir (z-index 10, absolute): akışta kalsın */
#bodyGlobal #divSayfalamaUst .brandlistselection { position: static; top: auto; z-index: auto; float: none; width: auto; flex: 1; margin: 0; background: none; box-shadow: none; }
#bodyGlobal #divSayfalamaUst .brandlistselection .sortingContent { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; border: 0; padding: 0; margin: 0; }
#bodyGlobal #divSayfalamaUst .brandlistselection .sortingContent li { float: none; border: 0; }
#bodyGlobal #divSayfalamaUst .brandlistselection .sortingContent li > a { border: 0; }
#bodyGlobal #divSayfalamaUst .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { position: static; transform: none; order: -1; margin-right: auto; }
#bodyGlobal #divSayfalamaUst .FiltrelemeUrunAdet span { color: var(--el-ink-3); font-size: .9rem; font-weight: 400; line-height: 1.4; }
/* "Fiyat düşünce haber ver": stokta font-weight:3 (çok ince) */
#bodyGlobal .RightDetail .ProductIcon > div > a, #bodyGlobal .RightDetail .ProductIcon .box1 { font-weight: 400; color: var(--el-ink-2); }
/* Üst filtre bloğu stok JS ile açılırdı; filtreyi sol bloktaki çekmece verir */
#bodyGlobal #divSayfalamaUst .filterBlock { display: none !important; }
/* Sayfa Tasarım CSS'i 1024px altında: ürün listesine -1vw kenar payı ve tüm blok sütunlarına
   text-align:center verir (görsel kutusu ve Html bloklarındaki metinler ortalanıyordu) */
@media (max-width: 1024px) {
  #bodyGlobal #mainHolder_divDesign .hazirBlokContent .ProductListContent { margin: 0 !important; }
  #bodyGlobal #mainHolder_divDesign .hazirBlokContent .txrow > [class*="txcol"] { text-align: left; }
  /* Html bloğu sütununa 1vw iç boşluk ve her bloğa 10px alt boşluk: bileşenler masaüstündeki gibi hizalı kalsın */
  #bodyGlobal #mainHolder_divDesign .hazirBlokContent .txrow > .html-context { padding: 0 !important; }
  #bodyGlobal #mainHolder_divDesign .landing-block[class*="t-pt-"] { margin-bottom: 0 !important; }
}
@media (max-width: 767px) {
  #bodyGlobal, #bodyGlobal.homeBody { padding-top: 0; } /* sabit header için bırakılan boşluk */
  #bodyGlobal #divUrunOzellikAlani.urunOzellik { display: block; } /* stok tema mobilde gizler */
}

/* ==========================================================================
   13. Diğer
   ========================================================================== */
#bodyGlobal #back-to-top { display: none !important; }
#bodyGlobal .el-hide { display: none !important; }
/* Yatay kaydırmalı raylarda çubuk görünmesin: canlı sitenin head kodu tüm öğelere scrollbar-width: thin verir */
#bodyGlobal .el-chips__list, #bodyGlobal .el-reviews__list, #bodyGlobal .el-colors__list, #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow, #bodyGlobal #mainHolder_divDesign .ticimaxTabHead ul, #bodyGlobal .jCarouselLite > ul:not(.owl-loaded),
#bodyGlobal #mainHolder_divDesign .landing-block.lookbookTypeQuickView .ProductList#ProductPageProductList { scrollbar-width: none !important; }
#bodyGlobal .el-chips__list::-webkit-scrollbar, #bodyGlobal .el-reviews__list::-webkit-scrollbar, #bodyGlobal #mainHolder_divDesign section[id^="resimblok_"] .txrow::-webkit-scrollbar, #bodyGlobal #mainHolder_divDesign .landing-block.lookbookTypeQuickView .ProductList#ProductPageProductList::-webkit-scrollbar { display: none; }

/* ==========================================================================
   14. Duyarlı kırılımlar (prototipteki kırılımlar)
   ========================================================================== */
@media (max-width: 1279px) {
  #bodyGlobal #mainHolder_divDesign .noSliderProduct #ProductPageProductList { --el-cols: 4; }
  #bodyGlobal #mainHolder_divDesign .noSliderProduct.product_3 #ProductPageProductList,
  #bodyGlobal #mainHolder_divDesign .noSliderProduct .ticimaxAnasayfaTab #ProductPageProductList { --el-cols: 3; }
  #bodyGlobal #mainHolder_divDesign .noSliderProduct.product_8 .ticimaxAnasayfaTab #ProductPageProductList { --el-cols: 4; }
  #bodyGlobal .jCarouselLite > ul:not(.owl-loaded) { grid-auto-columns: calc((100% - 3 * var(--el-gap)) / 4); }
  #bodyGlobal .categoryContainer #ProductPageProductList { --el-cols: 3; }
}
@media (max-width: 1023px) {
  .el-trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .el-trust__list li:nth-child(3) { border-left: 0; }
  .el-trust__list li:nth-child(n+3) { border-top: 1px solid var(--el-line); }
  /* Yorumlar: puan kartı üstte, yorumlar yana kaydırılır */
  .el-reviews { grid-template-columns: minmax(0, 1fr); }
  .el-reviews__list { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--el-gap)) / 2.2); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--el-gutter) * -1); padding-inline: var(--el-gutter); scroll-padding-inline: var(--el-gutter); }
  .el-reviews__list > * { scroll-snap-align: start; }
  .el-reviews__list > :nth-child(n+4) { display: flex; }
  .el-score { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; row-gap: 6px; align-items: center; }
  .el-score > .el-h2, .el-score__link { grid-column: 1 / -1; }
  .el-score__num { grid-row: span 2; margin-top: 6px; }
  .el-score__link { margin-top: 0; padding-top: 6px; justify-self: start; }
  /* üstteki blok kurallarından ağır olmalı (3 id + 2 sınıf) */
  #bodyGlobal #mainHolder_divDesign .hazirBlokContent .ProductList#ProductPageProductList,
  #bodyGlobal .categoryContainer .ProductList#ProductPageProductList, #bodyGlobal #ProductPageProductList { --el-cols: 3; }
  #bodyGlobal .jCarouselLite > ul:not(.owl-loaded) { grid-auto-columns: calc((100% - 2 * var(--el-gap)) / 3); }
  /* Sekme + görsel: görsel üstte yatay kutu (yalnızca metni varsa), ürünler tam genişlik.
     Metinsiz görsel gizli kalır (Sayfa Tasarım CSS'i de 991px altında gizler). */
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > .txcol-sm-3,
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 { grid-column: 1 / -1; display: none; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > .txcol-sm-3.el-feature-col { display: block; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 + [class*="txcol"],
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab > .txrow > .txcol-sm-3 + [class*="txcol"] { grid-column: 1 / -1; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature,
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 38%); align-items: end; min-height: 220px; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature img,
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature img { left: auto; width: 38%; }
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature::after { content: none; }
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__copy { color: var(--el-ink); }
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__text { color: var(--el-ink-2); }
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature__go { color: var(--el-ink); }

  /* Kategori: filtre çekmeceye */
  #bodyGlobal .categoryContainer #mainHolder_divBlocks { grid-template-columns: minmax(0, 1fr); }
  #bodyGlobal .categoryContainer #mainHolder_divBlocks > #divLeftBlock { position: fixed; top: 0; bottom: 0; left: 0; z-index: 210; width: min(400px, 100vw); max-height: none; padding: 0 22px; background: var(--el-bg); box-shadow: var(--el-shadow); transform: translateX(-101%); transition: transform .3s var(--el-ease); display: block !important; overflow-y: auto; }
  #bodyGlobal.el-filter-open .categoryContainer #mainHolder_divBlocks > #divLeftBlock { transform: none; }
  #bodyGlobal .el-filter-head { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; margin: 0 -22px 6px; padding: 14px 22px; background: var(--el-bg); border-bottom: 1px solid var(--el-line); }
  #bodyGlobal .el-filter-head h2 { margin: 0; font-family: var(--el-font-display); font-weight: 700; font-size: 1.45rem; letter-spacing: -.025em; color: var(--el-ink); }
  #bodyGlobal .el-filter-btn { display: inline-flex; }
  #bodyGlobal .el-scrim { position: fixed; inset: 0; z-index: 200; background: var(--el-scrim); opacity: 0; pointer-events: none; transition: opacity .25s linear; }
  #bodyGlobal.el-filter-open .el-scrim { opacity: 1; pointer-events: auto; }
  /* Sıralama satırı: üstte Filtrele + sıralama yan yana, altta ürün sayısı + Stoktakiler */
  #bodyGlobal #divSayfalamaUst { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 12px 10px; }
  #bodyGlobal #divSayfalamaUst .brandlistselection, #bodyGlobal #divSayfalamaUst .brandlistselection .sortingContent { display: contents !important; }
  /* çekirdeğin mobil sıralama simgesi (⇅): kutusu kalkınca boşta asılı kalıyor */
  #bodyGlobal #divSayfalamaUst .sortingContent::before, #bodyGlobal #divSayfalamaUst .sortingContent::after { content: none !important; display: none !important; }
  #bodyGlobal #divSayfalamaUst .sortingContent > li { width: auto; margin: 0; padding: 0; }
  #bodyGlobal #divSayfalamaUst .el-filter-btn { grid-column: 1; grid-row: 1; justify-content: center; width: 100%; height: 44px; }
  #bodyGlobal #divSayfalamaUst .sortingContent > li:has(> select) { grid-column: 2; grid-row: 1; }
  #bodyGlobal #divSayfalamaUst .sortingContent select { width: 100%; height: 44px; padding: 0 30px 0 12px; font-size: .9rem; text-overflow: ellipsis; }
  #bodyGlobal #divSayfalamaUst .sortingContent > li.FiltrelemeUrunAdet { display: block !important; grid-column: 1; grid-row: 2; }
  #bodyGlobal #divSayfalamaUst .sortingContent > li:has(> .filterOrderInStock) { grid-column: 2; grid-row: 2; justify-self: end; }
  #bodyGlobal #divSayfalamaUst .filterOrderInStock { display: inline-flex; align-items: center; width: auto; height: 34px; margin: 0; padding: 0 14px; border: 1px solid var(--el-line-strong) !important; border-radius: 999px !important; background: none !important; color: var(--el-ink-2); font-size: .85rem; line-height: 1; text-decoration: none; }
  #bodyGlobal #divSayfalamaUst .filterOrderInStock span { color: inherit; font: inherit; }
  #bodyGlobal #divSayfalamaUst .filterDeleteContent { grid-column: 1 / -1; grid-row: 3; }
  /* Çekmecenin altı: seçimden sonra sonuçlara dönüş */
  /* çekirdek filtre satırlarına z-index: 4 veriyor: üst ve alt şerit onların üstünde kalsın */
  #bodyGlobal .el-filter-foot { position: sticky; bottom: 0; z-index: 10; display: flex; align-items: center; gap: 12px; margin: 18px -22px 0; padding: 12px 22px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--el-line); background: var(--el-bg); }
  #bodyGlobal .el-filter-foot .el-btn { flex: 1; }
  #bodyGlobal .el-filter-clear { flex: none; padding: 8px 4px; border: 0; background: none; color: var(--el-ink-2); font-size: .9rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
  #bodyGlobal .el-filter-foot:not(.has-filter) .el-filter-clear { display: none; }
  /* Hesabım: tek sütun. Çekirdek dar ekranda sol menüyü gizler, "Hesabım Menü" düğmesiyle açar (dikey liste kalır) */
  #bodyGlobal .hesabimContent > .hesabimBolumuTutucu { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  /* Hesabım ana sayfasında tam menü kutucukların altında (çekirdek dar ekranda menüyü hiç göstermiyor) */
  #bodyGlobal .hesabimContent > .hesabimBolumuTutucu:has(.hesabimAnasayfa) > .solAnaMenu { display: block !important; order: 2; padding-top: 18px; border-top: 1px solid var(--el-line); }
  #bodyGlobal .hesabimContent .hesabimMenuDon { display: flex; }
  #bodyGlobal .hesabimContent .sagIcerikTutucu:has(.hesabimAnasayfa) > .hesabimMenuDon { display: none !important; }
  #bodyGlobal .hesabimAnasayfaMenuler ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #bodyGlobal .hesabimAnasayfaMenuler li a { gap: 18px; min-height: 118px; padding: 16px; }

  /* Ürün detay: tek kolon */
  #bodyGlobal .ProductDetailMainRow { grid-template-columns: minmax(0, 1fr); }
  #bodyGlobal .ProductDetailMainRow > .leftImage { grid-row: auto; position: static; margin-bottom: 24px; }
  #bodyGlobal .ProductDetailMainRow > :not(.leftImage) { grid-column: 1; }
  .el-media { grid-template-columns: minmax(0, 1fr); }
  .el-media__thumbs { display: none; }
  .el-media__count { display: block; position: absolute; right: 12px; bottom: 12px; margin: 0; padding: 4px 10px; border-radius: 8px; background: var(--el-bg); font-size: .82rem; font-variant-numeric: tabular-nums; }
  /* CLS galeri kutusu: küçük resim yok, yan yana iki 2:3 görsel (arada 12px) */
  #bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery)::before { margin-left: 0; padding-top: calc((100% - 12px) * .75); }
  #bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery):has(#divMobileImageList > :only-child, #divThumbList > :only-child)::before { padding-top: 150%; }
}
@media (min-width: 1024px) {
  #bodyGlobal .el-filter-head { display: none; }
}
@media (max-width: 767px) {
  .el-topbar__in { grid-template-columns: 1fr; justify-items: center; }
  .el-topbar__tel, .el-topbar__links { display: none !important; }
  .el-btn:not(.el-btn--sm) { height: 46px; }
  .el-trust__list li { padding: 14px 12px; gap: 10px; font-size: .78rem; }
  .el-trust__list b { font-size: .86rem; }
  .el-trust__list .el-ico { width: 24px; height: 24px; }
  .el-reviews__list { grid-auto-columns: 84%; }
  .el-band { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 10px; padding: 30px 20px; text-align: center; }
  .el-band__label, .el-band__offer { font-size: clamp(1.35rem, 6.4vw, 2rem); }
  .el-band__offer { justify-self: center; }
  .el-band__cta { justify-self: center; margin-top: 8px; }
  .el-news__in { grid-template-columns: 1fr; }
  .el-news__field { flex-direction: column; }
  .el-news__field input { flex: none; }
  .el-news__field .el-btn { width: 100%; }
  :root { --el-fab-s: 50px; --el-fab-r: 14px; }

  #bodyGlobal #mainHolder_divDesign .hazirBlokContent .ProductList#ProductPageProductList,
  #bodyGlobal .categoryContainer .ProductList#ProductPageProductList, #bodyGlobal #ProductPageProductList,
  #bodyGlobal #mainHolder_divDesign .noSliderProduct.product_8 .ticimaxAnasayfaTab #ProductPageProductList { --el-cols: 2; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature,
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature { grid-template-columns: minmax(0, 1fr) 40%; min-height: 180px; }
  #bodyGlobal #mainHolder_divDesign .ticimaxAnasayfaTab .el-feature img,
  #bodyGlobal #mainHolder_divDesign .product_8 .ticimaxAnasayfaTab .el-feature img { width: 40%; }
  .el-feature__copy { gap: 8px; padding: 18px; }
  .el-feature__title { font-size: 1.45rem; }
  .el-feature__text { font-size: .86rem; }
  /* Lookbook hızlı bakış: 3 ürün yatay kaydırılır */
  #bodyGlobal #mainHolder_divDesign .landing-block.lookbookTypeQuickView .ProductList#ProductPageProductList { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 44vw; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0; padding: 12px 0; }
  #bodyGlobal #mainHolder_divDesign .landing-block.lookbookTypeQuickView .ProductList#ProductPageProductList > .ItemOrj { scroll-snap-align: start; max-width: none; flex: none; }
  #bodyGlobal .jCarouselLite > ul:not(.owl-loaded) { grid-auto-columns: 44vw; margin-inline: calc(var(--el-gutter) * -1); padding-inline: var(--el-gutter); scroll-padding-inline: var(--el-gutter); }
  #bodyGlobal .productItem .productName a { font-size: .9rem; }
  #bodyGlobal .productItem { padding-bottom: 52px; }
  /* Kart etiketleri (indirim, fırsat) sol üstte modelin başına geliyordu: görselin sol altına, "Kargo Bedava"nın üstüne dizilir.
     Etiketlerin konum kutusu bütün kart; margin-top yüzdesi kart genişliğinden hesaplanır, 150% = 2:3 görselin alt kenarı.
     Etiket yüksekliği H = 8px + .68rem × 1.2 (Kargo Bedava ile aynı); alttan 8px boşluk, aralarda 5px:
     2. sıra üst kenarı 150% − 13px − 2H, 3. sıra 150% − 18px − 3H. */
  #bodyGlobal .productItem .discountIcon, #bodyGlobal .productItem .firsatIcon, #bodyGlobal .productItem .newIcon ~ .firsatIcon { top: 0; left: 8px; margin-top: calc(150% - 29px - 1.632rem); padding: 4px 7px; font-size: .68rem; }
  #bodyGlobal .productItem .discountIcon ~ .firsatIcon, #bodyGlobal .productItem .discountIcon ~ .newIcon ~ .firsatIcon { top: 0; margin-top: calc(150% - 42px - 2.448rem); }
  #bodyGlobal .productItem .mycartIcon, #bodyGlobal .productItem .mycartIcon a { height: 42px; }
  #bodyGlobal .productItem .mycartIcon a { font-size: .85rem; }

  #bodyGlobal ul.breadcrumb li:last-child { display: none; }
  .el-gallery { margin-inline: calc(var(--el-gutter) * -1); border-radius: 0; gap: 4px; }
  .el-slide { flex: 0 0 86%; border-radius: 0; }
  .el-slide:only-child { flex-basis: 100%; }
  .el-media__nav { display: none; }
  .el-media__count { right: 0; }
  /* CLS galeri kutusu: kenardan kenara, görsel genişliğin %86'sı, 2:3 (86% × 1.5 = 1.29) */
  #bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery)::before { margin-inline: calc(var(--el-gutter) * -1); padding-top: calc((100% + 2 * var(--el-gutter)) * 1.29); border-radius: 0; background: linear-gradient(to right, var(--el-surface-2) 86%, transparent 0 calc(86% + 4px), var(--el-surface-2) 0); }
  #bodyGlobal .productDetailContainer .leftImage:not(.el-has-gallery):not(.el-core-gallery):has(#divMobileImageList > :only-child, #divThumbList > :only-child)::before { padding-top: calc((100% + 2 * var(--el-gutter)) * 1.5); background: var(--el-surface-2); }
  /* Renk seçici tek sıra, yana kaydırılır: renkler (İlgili Ürünler) sonradan gelip ikinci sıraya sarınca sayfa kayıyordu */
  #bodyGlobal .el-colors__list { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--el-gutter) * -1); padding-inline: var(--el-gutter); scroll-padding-inline: var(--el-gutter); }
  #bodyGlobal .el-colors__list::-webkit-scrollbar { display: none; }
  #bodyGlobal .el-colors__list > li { flex: none; }
  #bodyGlobal #divSatinAl { grid-template-columns: minmax(0, 1fr) 54px; }
  #bodyGlobal #divSatinAl .basketBtn { grid-column: 1; }
  #bodyGlobal #divSatinAl .UFavorilerimeEkle { grid-column: 2; }
  #bodyGlobal #divSatinAl .buyfast, #bodyGlobal #divSatinAl .el-wa-order { grid-column: 1 / -1; grid-row: auto; }
  #bodyGlobal #divSatinAl .buyfast { order: 2; }
  #bodyGlobal #divSatinAl .el-wa-order { order: 3; }
  .el-buybar__in { height: 68px; gap: 10px; }
  .el-buybar__in img, .el-buybar__price { display: none; }
  .el-buybar .el-btn { min-width: 0; padding-inline: 18px; }
  body.el-has-buybar { --el-fab-b: 82px; }
  .el-lightbox img { width: 100vw; height: auto; }

  #bodyGlobal #customFooterContent .ebultenDivTemp { grid-template-columns: 1fr; grid-template-rows: none; }
  #bodyGlobal #customFooterContent .ebultenDivTemp::before { grid-column: 1; grid-row: 2; }
  #bodyGlobal #customFooterContent .eTempTitle { grid-column: 1; grid-row: 1; margin-bottom: 16px; }
  #bodyGlobal #customFooterContent .newsletterContent { grid-column: 1; grid-row: 3; flex-direction: column; }
  #bodyGlobal #customFooterContent .permissionDiv { grid-column: 1; grid-row: 4; }
  #bodyGlobal #customFooterContent #txtbxNewsletterMail { flex: none; }
  #bodyGlobal #customFooterContent #btnMailKaydet { justify-content: center; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .el-scope *, .el-scope *::before, .el-scope *::after, #bodyGlobal .productItem *, .el-buybar, .el-fab { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}