/* ==================== */
/* ------F5--HT-------- */
/* ==================== */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
*{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: 'Nunito', 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="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
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: 'Nunito', sans-serif !important; }
button { -moz-appearance: none;-webkit-appearance: none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical;overflow: auto;  }
#divAdminPopupText{float: left;width: 100%;}
.ProductList ul{margin: 0;padding: 0;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul{margin: 0;padding: 0;list-style: none;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
/*colgrid*/
.pull-center{display: inline-block;vertical-align:top;}
.pull-left{float:left;}
.pull-right{float:right;}
.row {margin-right: -15px; margin-left: -15px;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{padding-right: 15px; padding-left: 15px;  position: relative; width: 100%; min-height: 1px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before {content: "\f39e"!important;}
.hesabimBolumuTutucu i{vertical-align: middle;font-weight: 300;}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Nunito', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
.textbox { font-family: 'Nunito', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
.button {font-family: 'Nunito', sans-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 .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%;}
/*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;}
.header-dil-content #lang_flag_container #lang.flag{background:none !important;padding-left:0 !important}
.header-dil-content #lang_flag_container #lang.flag:after{content:'\f107';font-family:FontAwesome;font-size:10px;color:#000;float:right;display:inline-block !important;margin-left:5px;line-height:15px}
/*.header-dil-content #lang_flag_container #lang.flag.flag-tr { padding-left: 22px !important; background-image: url('../../uploads/editoruploads/images/tr-flag.png') !important; background-size: 15px !important; background-position: left center !important; background-repeat: no-repeat !important; }
.header-dil-content #lang_flag_container #lang.flag.flag-en { padding-left: 22px !important; background-image: url('../../uploads/editoruploads/images/en-flag.png') !important; background-size: 15px !important; background-position: left center !important; background-repeat: no-repeat !important; }*/
/*yukaribtn*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;}
#back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: #000;fill: #fff; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
#back-to-top a svg{height: 25px;}
/*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 7px; margin-bottom:30px;width: 25%;max-width: 25%;}
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
[class*="t-list-"] .ProductListContent .ProductList .productItem{height:100%;}
/****************************************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%;}

.categoryContainer .ProductList.PlSc_hrz .ItemOrj,
.categoryContainer .ProductList.PlSc_2 .ItemOrj,
.categoryContainer .ProductList.PlSc_3 .ItemOrj,
.categoryContainer .ProductList.PlSc_4 .ItemOrj,
.categoryContainer .ProductList.PlSc_5 .ItemOrj{margin-bottom:30px}

.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%;}
.categoryContainer .ProductList { margin: 0 -7px }
.categoryContainer .ProductListContent .productItem {height:100%;}
.ItemOrj {float:left;padding: 0 7px;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:flex;flex-direction:column;float:left;border:1px solid #E4E4E4;border-radius:10px;padding:4px;transition:0.5s;background-color:#fff}
.productItem:hover{border-color:#2197B8;}
.productItem .productIcon {width:100%;float:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:4px;margin-top:auto}
/*urunresim*/
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;}
.productItem .productImage a, body .productItem .productImage a.Videolu{ display: block; position: relative;padding-bottom:100%;}
.productItem .productImage img, .productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;position: absolute;left:0;right: 0;top: 0;bottom: 0;margin: auto;border-radius:8px}
/*urunaciklama*/
.productItem .productDetail { display:flex;flex-direction:column;float: left;width: 100%; text-align:left;padding:10px 6px 6px;align-items:flex-start;justify-content:flex-start;flex-grow:1}
/*urunad*/
.productItem .productName {position: relative;margin:0 0 9px;float:left;width:100%;text-align:left;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.productItem .productName a {padding:0;line-height:19px;font-weight:normal;font-size:14px;color:#000;}
.productMarka{display:block !important;font-size:14px;font-weight:500;color:#2197B8;line-height:19px;float:left;width:100%;margin-bottom:9px}
/*urunfiyat*/
.productItem .productPrice {display:flex; position: relative;margin:0 0 6px; bottom: 0;float:left;width:100%;align-items:center;justify-content:flex-start;text-align:left;flex-wrap:wrap;}
.productItem .discountPrice {display: block;float: right;order:3;}
.productItem .discountPrice span {color:#000;font-size:16px;line-height:22px;font-weight:500;}
.productItem .discountKdv, .productItem .regularKdv{display:none;}
.productItem .regularPrice {display:block !important;float:left;margin-right:6px;order:2;}
.productItem .regularPrice span {font-size:16px;color:#999999;-moz-text-decoration-color:#999999; text-decoration-color:#999999; line-height:22px; font-weight:300; text-decoration: line-through;}
.mycartIcon{float:left;width:100%;margin-top:6px}
.mycartIcon a{width:100%;height:40px;border-radius:5px;border:1px solid #2197B8;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#2197B8;transition:0.5s}
.mycartIcon a:hover{background-color:#2197B8;color:#fff;}
/*urunpuan*/
.productItem .productPoints{float:left;width:100%;clear:none;margin-bottom:9px;}
.productItem .productPoints .rating{margin:0;}
.productItem .productPoints .rating i{color:#cacaca;font-size:17px;margin-right:0;float:left;}
.productItem .productPoints .rating i:last-child{margin-right: 0;}
.productItem .productPoints [data-rating^='1'] .star-1{color:#F79E1B;}
.productItem .productPoints [data-rating^='1,5'] .star-2,
.productItem .productPoints [data-rating^='1.5'] .star-2,
.productItem .productPoints [data-rating^='1,6'] .star-2,
.productItem .productPoints [data-rating^='1.6'] .star-2,
.productItem .productPoints [data-rating^='1,7'] .star-2,
.productItem .productPoints [data-rating^='1.7'] .star-2,
.productItem .productPoints [data-rating^='1,8'] .star-2,
.productItem .productPoints [data-rating^='1.8'] .star-2,
.productItem .productPoints [data-rating^='1,9'] .star-2,
.productItem .productPoints [data-rating^='1.9'] .star-2{color:#F79E1B;}
.productItem .productPoints [data-rating^='2'] .star-1{color:#F79E1B;}
.productItem .productPoints [data-rating^='2'] .star-2{color:#F79E1B;}
.productItem .productPoints [data-rating*='2,5'] .star-3,
.productItem .productPoints [data-rating*='2.5'] .star-3,
.productItem .productPoints [data-rating*='2,6'] .star-3
.productItem .productPoints [data-rating*='2.6'] .star-3,
.productItem .productPoints [data-rating*='2,7'] .star-3,
.productItem .productPoints [data-rating*='2.7'] .star-3,
.productItem .productPoints [data-rating*='2,8'] .star-3,
.productItem .productPoints [data-rating*='2.8'] .star-3,
.productItem .productPoints [data-rating*='2,9'] .star-3,
.productItem .productPoints [data-rating*='2.9'] .star-3{color:#F79E1B;}
.productItem .productPoints [data-rating^='3'] .star-1{color:#F79E1B;}
.productItem .productPoints [data-rating^='3'] .star-2{color:#F79E1B;}
.productItem .productPoints [data-rating^='3'] .star-3{color:#F79E1B;}
.productItem .productPoints [data-rating^='3,5'] .star-4,
.productItem .productPoints [data-rating^='3.5'] .star-4,
.productItem .productPoints [data-rating^='3,6'] .star-4,
.productItem .productPoints [data-rating^='3.6'] .star-4,
.productItem .productPoints [data-rating^='3,7'] .star-4,
.productItem .productPoints [data-rating^='3.7'] .star-4,
.productItem .productPoints [data-rating^='3,8'] .star-4,
.productItem .productPoints [data-rating^='3.8'] .star-4,
.productItem .productPoints [data-rating^='3,9'] .star-4,
.productItem .productPoints [data-rating^='3.9'] .star-4{color:#F79E1B;}
.productItem .productPoints [data-rating^='4'] .star-1{color:#F79E1B;}
.productItem .productPoints [data-rating^='4'] .star-2{color:#F79E1B;}
.productItem .productPoints [data-rating^='4'] .star-3{color:#F79E1B;}
.productItem .productPoints [data-rating^='4'] .star-4{color:#F79E1B;}
.productItem .productPoints [data-rating^='4,5'] .star-5,
.productItem .productPoints [data-rating^='4.5'] .star-5,
.productItem .productPoints [data-rating^='4,6'] .star-5,
.productItem .productPoints [data-rating^='4.6'] .star-5,
.productItem .productPoints [data-rating^='4,7'] .star-5,
.productItem .productPoints [data-rating^='4.7'] .star-5,
.productItem .productPoints [data-rating^='4,8'] .star-5,
.productItem .productPoints [data-rating^='4.8'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5,
.productItem .productPoints [data-rating^='4.9'] .star-5 {color:#F79E1B}
.productItem .productPoints [data-rating="5"] i{color:#F79E1B;}
/*Urun Iconlari*/
.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2{z-index:3;display: none;}
.discountIcon span{font-weight: normal;}
.examineIcon a{display: block;}
.favori{position:absolute;right:15px;top:11px;z-index:3;}
.favori a{font-size:0;display:flex;align-items:center;justify-content:center;text-align:center;}
.favori a:before{content:"\f004";font-family:'FontAwesome';font-size:17px;color:#666666;font-weight:300;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:0.5s;box-shadow: 0px 0px 4px 0px #00000014;border-radius:50%;background-color:#fff}
.favori a:hover:before{font-weight:600;color:#2197B8;}
/*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%;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign *{font-size:14px;color:#707070}
.categorydesign strong{font-weight:600;}
.categorydesign strong *{font-weight:600;}
.categorydesign h2{font-size:20px;font-weight:500}
.categorydesign img {display:inline-block;vertical-align:middle;}
.categorytext{float:left;width:100%;margin-top:5vh;}
.categorydesign{max-height:300px;overflow:auto;}
.categorydesign::-webkit-scrollbar{width:2px;}
.categorydesign::-webkit-scrollbar-track{background:#ddd;}
.categorydesign::-webkit-scrollbar-thumb{background:#aaa;}
/*breadcrumb*/
.breadList.breadActive{display: none!important;}
.breadcrumbContent {float:left;}
body ul.breadcrumb {margin:0 auto;display:block !important;padding:0;border-radius:0;list-style:none;clear:none;float:left}
body.ProductBody ul.breadcrumb{float:none;}
body ul.breadcrumb * {color:#616161;font-size:13px !important;line-height:30px !important;float:left;font-weight:400;}
body ul.breadcrumb li {font-size:0 !important;float:left !important; vertical-align:middle;}
body ul.breadcrumb li:after{content:'\f054';font-family:FontAwesome;display:inline-block;margin:0 10px;color:#616161;font-size:10px;line-height:30px;float:left;font-weight:400;}
body ul.breadcrumb li:nth-last-of-type(1):after {display:none;}
body a#linkOncekiSayfa {line-height:30px;color:#616161;font-size:13px !important;font-weight:400;display:none;}
.leftImage a#linkOncekiSayfa {display:none;}
.categorydescblock{float:left;width:100%;background-color:#EFF6F8;margin-bottom:20px;font-size:14px;color:#707070;line-height:1.6;padding-bottom:10px}
.categoryPageTitle{float:left;width:100%;font-size:24px;font-weight:600;color:#000;line-height:1.4;margin:-2px 0 12px}
.categorytoptext{float:left;width:100%;margin-bottom:30px}
/*ustalan*/
.categoryTitleText {float: left;width: 100%;margin:14px 0;}
.categoryTitle { float: left; width: 100%;}
body #divSayfalamaUst {float: right;margin: 0;padding:0;text-align: center;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0 0 20px;width: 100%;border:none;padding:5px;background-color:#F7F7F7;border-radius:10px}
.brandlistselection .clear { clear: none;display: none; }
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.brandlistselection .sortingContent{background:transparent;text-align: right;position: relative;}
.brandlistselection .sortingContent li {float:left;background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float:right;padding:0 0 0 16px;display: flex;align-items: center}
.sortingContent li:nth-child(2) {display:none;vertical-align:top;margin-left:0;float:left;}
body .appliedFilter.FiltrelemeUrunAdet span {position:absolute;left:0;right:0;color:#000000;font-size:14px;font-weight:400;line-height:34px;margin:0 300px;padding:0;white-space:nowrap;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {padding:0;background:#FFFFFF;color:#000000;font-size:14px;font-weight:400;display:flex;align-items:center;border-radius:10px !important;padding:0 15px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {line-height:34px;display:inline-block;vertical-align:top;height:34px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {content:'';width:14px;height:14px;border:1px solid #9D9D9D;border-radius:3px;float:left;margin:0 9px 0 0;background-repeat:no-repeat;background-size:contain;transition:0.5s;font-family:'FontAwesome';color:#fff;line-height:12px;font-weight:400;font-size:10px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before,
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:hover:before {content: '\f00c';background:#6ACECE;border-color:#6ACECE;}
.blockSelect .sort_hrz{display: none!important;}
.blockSelect .sort_2{display: none!important;}
.blockSelect .sort_5{display: none!important;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option{font-size:13px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent .blockSelect a i{display:none;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting{float:left;border:0;margin-right:0;padding:0;height:34px;display:flex;align-items:center;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting.sort_3{margin-right:16px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent .blockSelect{display:flex;align-items:center;justify-content:center;height:34px;background-color:#fff;border-radius:10px;margin-right:0}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li a.sort_3:before{content:'';float:left;width:20px;height:34px;-webkit-mask:url(../../Uploads/EditorUploads/images/list3.svg) no-repeat left center; mask:url(../../Uploads/EditorUploads/images/list3.svg) no-repeat left center; background-color:#C9C9C9;mask-size:100%;-webkit-mask-size:100%;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li a.sort_4:before{content:'';float:left;width:15px;height:34px;-webkit-mask:url(../../Uploads/EditorUploads/images/list4.svg) no-repeat left center; mask:url(../../Uploads/EditorUploads/images/list4.svg) no-repeat left center; background-color:#C9C9C9;mask-size:100%;-webkit-mask-size:100%;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li a.Active:before,
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li a.Active:before{background-color:#ddd;}
.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;}
.leftBlock .filterBlock{border-radius:0;}
.leftBlock .category-vertical-filters {border: 0;padding: 0;border-radius: 0;}
.leftBlock .category-vertical-filters .panel.vertical-filter-panel {margin-bottom:18px;background: #fff;box-shadow: 0px 4px 8px 2px #0000001A;border-radius:10px;padding:13px 20px;display:flex;flex-direction:column;}
.leftBlock .category-vertical-filters .panel.vertical-filter-panel:last-child {margin: 0;}
.leftBlock .panel-heading {border:none;border-radius:0;padding:0;margin:0;position:relative;background-color:transparent;display:flex;align-items:center;justify-content:center;min-height:42px;cursor:pointer;flex-direction:column;}
.leftBlock .category-vertical-filters .panel.vertical-filter-panel:first-child .panel-heading:before{font-size:18px;font-weight:700;line-height:1.4;float:left;width:100%;margin:15px 0;}
.leftBlock .panel-search {padding:0;margin-top:20px;}
.leftBlock .panel-search input {border:1px solid #DBDBDB;border-radius:0px;line-height:35px;font-size:14px;color:#959595;font-weight:400}
.leftBlock .panel-heading > a {color:#000000;font-size:16px;font-weight:500;line-height:22px;padding: 0;display:flex;align-items:center;justify-content:space-between;border-radius:0;width:100%}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group,
.leftBlock .category-vertical-filters .FiyatTextBox{padding:17px 0 13px;margin:0;max-height:200px}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > a {color:#000000;font-size:14px;font-weight:400;line-height:17px;display: inline-block;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > ul {padding-left: 13px;padding-top: 5px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group > li > ul > li > a {color: #000;font-weight: 400;font-size: 13px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori a {font-size: 14px; color: #000; font-weight:400; line-height:17px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group.kategori a{margin-bottom:5px}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {padding: 0;margin: 0 0 5px;display: flex;align-items: center;gap:11px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:last-child{margin-bottom:0}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {width:17px;height:17px;background: #fff;border: 1px solid #9D9D9D;margin-right: 0;border-radius:2px!important;font-family: 'FontAwesome';color: #fff;font-weight: 400;font-size:10px;line-height:15px;text-align: center;transition:0.5s}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {content: '\f00c';border-color:#2197B8;background-color:#2197B8;}
.leftBlock .panel-heading a:after {color:#8B8B8B;content:'\f078';font-family: 'FontAwesome';float: right;font-size:12px;font-weight:400;transition:0.5s}
.leftBlock .panel-heading.active a:after{transform:rotate(180deg);}
body .FiyatSlider {padding:10px 6px;border-radius: 10px;}
body .FiyatSlider .slider-range {float: left; width: 100%; border: none!important; border-radius: 0; padding: 0; margin: 20px 0; height: 2px; background:#BFC8CA;}
body .FiyatSlider .slider-range .ui-slider-range {height: 2px; background: #2197B8; border-radius: 0; top: 0; margin: 0; }
body .FiyatSlider .slider-range .ui-slider-handle {width: 12px;height: 12px;border-radius: 50px;background:#2197B8;border: none;margin: 0;top: -5px;}
body .FiyatSlider .slider-range span:nth-child(2) {margin-left: 0; }
body .FiyatSlider .slider-range span:nth-child(3) {margin-left: -11px;}
body .amount {float: left; width: 100%; color: #000; font-size: 13px; text-align: center; font-weight:400;}
.leftBlock .category-vertical-filters .FiyatTextBox input[type="text"]{width:calc(50% - 3px);border:1px solid #C5C5C5;background:#F7F7F7;border-radius:3px;font-size:13px;font-weight:400;color:#B8B8B8;padding:6px 11px;}
.leftBlock .category-vertical-filters .FiyatTextBox input[type="text"].filterPrice2{margin-left:6px}
.leftBlock .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]{border:1px solid #2197B8;background-color:#2197B8;border-radius:3px;font-size:13px;font-weight:600;text-align:center;color:#fff;margin-top:8px;transition:0.5s;width:100%;}
.leftBlock .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]:hover{background-color:#fff;color:#2197B8;}
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;position:relative;z-index:9}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius:3px;}
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:20px 0;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder {display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {min-width:34px;height:34px;line-height:34px;font-size:15px;font-weight:bold;color: #000;background:#fff;border-radius:0;border:none;float:left; position: relative;display: block;text-align:center;margin: 0 5px;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: #333333;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: #333333;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
/**/
body .pageNumber .divMoreProducts{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
body .pageNumber .productCountInfo{color:#737373;font-size:13px;font-weight:400;line-height:14px;margin:0;}
body .pageNumber .productCountBar{height:2px;border:none;background:#737373;width:265px;margin:20px 0;}
body .pageNumber .productCountProgress{background-color:#000000;}
body .pageNumber .divMoreProducts .getMoreProducts{background:#fff;border:1px solid #000000;border-radius:0;padding:0 30px;color:#000000;font-size:13px;font-weight:400;line-height:34px;}
body .pageNumber .divMoreProducts .getMoreProducts:hover{background-color:#000000;color:#fff;}
/*******************************************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 0 4vh;}
.TopDetLeft { width: 580px; float: left; position: relative;padding:0;}
.leftImage { width:100%; float: left; position: relative;padding:0;}
.RightDetail { width:calc(100% - 580px); float: left; position: relative;padding:0 0 0 32px;display:flex;align-items:flex-start;justify-content:space-between;}
.RightDetail > .clear{display:none;}
.RightDetailLeft{flex-grow:1}
.RightDetailRight{display:flex;flex-direction:column;padding-left:30px}
/**/
.detailiconlist{float:left;width:100%;display:flex;align-items:flex-start;justify-content:space-between;text-align:center;padding:17px;margin-top:20px;background-color:#F7F7F7;border-radius:10px}
.detailiconlist > div,
.detailiconlist > div > a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:9px;width:100%;padding:0 5px;}
.detailiconlist > div span{width:62px;height:62px;background-color:#EFEAEB;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.detailiconlist > div strong{color:#000;font-size:13px;font-weight:500;line-height:1.3}
.videotext{position:absolute;right:9px;bottom:9px;z-index:3;cursor:pointer;display:none;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;gap:8px;padding:0 12px;min-height:39px;background-color:#fff;border-radius:5px;box-shadow: 0px 4px 4px 0px #00000040;font-size:14px;font-weight:500;color:#000;}
.videotext:before{content:'';width:19px;height:19px;background:url(../../uploads/editoruploads/images/playicon.svg) no-repeat center center;background-size:100%;}
.ProductDetailMain:has(.productvideoblock) .videotext{display:inline-flex;}
/**/
.detailcampaining{float:left;width:100%;display:flex;flex-direction:column;gap:10px;width:250px}
.detailcampaining > strong{font-size:14px;font-weight:700;color:#6C6C6C;line-height:1.4}
.detailcampaining ul{float:left;width:100%;display:flex;flex-direction:column;padding:0;margin:0;gap:10px;}
.detailcampaining ul li{float:left;width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:12px;border:1px solid #D8D8D8;border-radius:5px;padding:6px;min-height:50px}
.detailcampaining ul li span{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:38px;min-height:38px;background-color:#FDE3E4;border-radius:5px}
.detailcampaining ul li strong{font-size:13px;font-weight:400;color:#000000;line-height:1.3}
.detailcampaining .commentlink{cursor:pointer;}
.detailbadge{float:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:center;margin-top:16px}
.detailbadge span{background-color:#FDE3E4;color:#000000;font-size:14px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0 14px;min-height:34px;border-radius:5px}
/*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:480px;margin: 0;padding: 0;border-radius: 10px}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width:100px;border: none;background:transparent;height: 100%;display: block;}
.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 .AltVideoThumb,
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;clear: left;width: 90px;margin-bottom:10px;border-radius:10px}
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images,#divVideoGoruntulemeAlan { float: right; width:480px; position: relative;border-radius: 10px}
.Images img,#vdUrunVideo { max-width: 100%; max-height: 100%;border-radius:10px}
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: block !important;float: left;width:100px;position:absolute;top: 0;left: 0;bottom: 0;max-height: 100%;overflow-y:auto;overflow-x: hidden;}
.SmallImages div {float: left;width: 90px;margin-bottom:10px;cursor:pointer;border-radius: 10px}
.SmallImages div img {max-width: 100%;max-height: 100%;border-radius:10px}
.leftImage .productTimer{display: none!important;}
.DetayYeniUrun {display:none!important;}
/**/
.leftImage .drift-container{display: none!important;}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav{left:0;right:0;padding:0 25px;width:100%;top:calc(50% - 17px);}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next,
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev{opacity:1 !important}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span{border:none;font-size:0 !important;width:35px;height:35px;background:#F4F4F4;border:none;line-height:1;align-items:center;justify-content:center;text-align:center;display:flex;transition:0.5s}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:hover{background:#464749;}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next span,
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev span{border-radius:50%;}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:before{font-family:FontAwesome;color:#000;font-size:13px;font-weight:300;transition:0.5s}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:hover:before{color:#fff;}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next span:before{content:'\f054';}
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev span:before{content:'\f053';}
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; position: relative;}
.RightDetail .TextList { float: left; width: 100%; position: relative;padding-top:6px}
.RightDetail .MiddleList { float: left; width:100%; position: relative;}
.RightDetail .BottomList { float: left; width:100%; position: relative;}
/*urunadi*/
.ProductName {float:left;position:relative;margin:0;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;gap:4px;flex-wrap:wrap;}
.ProductName h1 { margin: 0; float: left;flex-grow:1}
.ProductName h1 span {float:left;width:100%;display:inline-block;color:#000;font-size:24px;font-weight:400;}
/*stokkodu*/
#divUrunKodu {float:left;clear:left; color: #5B5B5B; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0;margin:10px 0 0;}
#divUrunKodu span{ display:inline-block;vertical-align:top;color: #5B5B5B; font-size: 14px; font-weight: normal; position: relative; line-height: 14px;float: left;}
#divUrunKodu span:after{content: ':';margin: 0 4px;float:right;}
/*taksitaciklama*/
#divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;}
#divTaksitAciklama .taksitSatir {color: #5B5B5B; font-size: 14px;line-height: 14px;}
/*paunver*/
.RightDetail .puanVer {float:left;clear: left;}
.RightDetail #PuanVer{float: left;margin-top:10px;}
.RightDetail .PuanVerSag {float: left;color:#000;font-size:14px;line-height:14px;margin:10px 0 0 7px;}
.RightDetail #commentsize{float:left;color:#000;font-size:14px;font-weight:400;padding-left:16px;margin:10px 0 0 16px;position:relative;line-height:14px;position:relative;}
.RightDetail #commentsize:before{content:'';width:1px;height:13px;background-color:#9A9A9A;position:absolute;left:0;top:calc(50% - 6px);}
.RightDetail #commentsize:after{display:inline-block;vertical-align:top;margin-left:5px}
.RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; }
.RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 2px 0 0;font-size: 0;}
.RightDetail ul.rating li i.starItem { font-size: 13px; line-height:14px;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: 13px; 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;}
.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: #5B5B5B; font-size: 14px; font-weight:normal;line-height: 14px;}
/*on yazi*/
#divOnyazi {float:left;width: 100%;}
#divOnyazi .teksatir{margin-top: 10px;float: left;width: 100%;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'Nunito', sans-serif !important;}
#divOnyazi strong {font-weight:bold;}
#divOnyazi strong * {font-weight:bold;}
#divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;}
/*fiyatlar*/
.urunDetayFiyatContainer{}
.PriceList {float:left;position:relative;width:100%;padding:0;margin:20px 0 0;}
#pnlFiyatlar {display:flex; vertical-align: top;float:left;width:100%;align-items:center;justify-content:flex-start;}
#divIndirimliFiyat {display:flex;align-items:center;justify-content:flex-start;}
#divFiyatAlanlari{float:left;}
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan{ float:left;clear:left;margin-top:10px;line-height:14px;}
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line{ display: inline-block;vertical-align:top; color: #5B5B5B; font-size: 14px; font-weight:normal;line-height: 14px;float:left;}
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line{ display: inline-block;vertical-align:top; color: #5B5B5B; font-size: 14px; font-weight:normal;line-height: 14px;margin-right:5px}
#divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line{display: inline-block;vertical-align:top; color: #5B5B5B; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;}
#divOzelAlan1, #divOzelAlan2, #divOzelAlan3, #divOzelAlan4, #divOzelAlan5{ float:left;clear:left;margin-top:10px;line-height:14px;color: #5B5B5B; font-size: 14px; font-weight:normal;}
/**/
#divTahminiTeslimatSuresi{float:left;clear:left;margin-top:20px;line-height:24px;}
#divTahminiTeslimatSuresi .left_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:600;line-height: 24px;}
#divTahminiTeslimatSuresi .center_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:600;line-height: 24px;}
#divTahminiTeslimatSuresi .right_line{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 24px;width: auto;}
/**/
#divIndirimOrani{float:left;font-size:0;margin-right:10px}
#divIndirimOrani .left_line, #divIndirimOrani .center_line{display:none;}
#divIndirimOrani .indirimliOrani{font-size:0;}
#divIndirimOrani .indirimliOrani #ltrIndirimOrani{background:#E2484D;padding:0 5px;color:#fff;font-weight:700;font-size:14px;line-height:27px;text-align:center;min-height:27px;display:flex;align-items:flex-start;justify-content:center;border-radius:5px}
#divIndirimOrani .indirimliOrani #ltrIndirimOrani:before{content:'%';float:left;}
/*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:#AAAAAA; font-size: 20px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line{color: #000;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *{font-size: 20px; font-weight: bold;}
#divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line,.IndirimliFiyatContent,.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,.PiyasafiyatiContent .right_line *,#divTurkLirasiFiyat ,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat,#divKDVDahilFiyat {line-height:27px;}
/*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:27px 0 0;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin:0 0 20px;float: left;width: 100%;}
#divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;border: none;padding-bottom: 0;}
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height:24px;color:#000000;font-size:14px;font-weight:400;margin-bottom:3px}
#divUrunEkSecenek .eksecenekLine .center_line {display: none;}
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;font-size: 14px;position: relative;color: #000;font-weight: 500;margin:10px 10px 0 0;transition:0.5s}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}
/*selectvaryasyon*/
#divUrunEkSecenek .eksecenekLine.selectvaryasyon {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 100%;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width:100%;float: left;height:40px;border:1px solid #A3A3A3;color: #000;font-size:14px;font-weight:400;padding: 0 15px;background: #fff;border-radius:5px;margin-top:10px}
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width:50px;margin:10px 10px 0 0;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{}
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width:60px;height:34px;line-height:32px;text-align:center;border:1px solid #A3A3A3;border-radius:5px;padding: 0 14px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {border-color:#000;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {border-color:#000;}
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background:#F7F3E7!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:45px;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:20px 0;padding: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
#divAdetCombo .right_line, .riSingle{width:100px;}
#txtbxurunSiparisAdedi, #divAdetCombo select, .riSingle a.riUp, .riSingle a.riDown, .basketBtn input,
.buyfast input{height: 46px!important;}
.Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .riSingle a.riUp, .riSingle a.riDown{line-height: 46px;}
/*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*/
.riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;}
.riSingle a.riUp, .riSingle a.riDown { width:25px !important;font-size: 0; background:#F0F0F0;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:inline-flex !important;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.riSingle a.riUp svg, .riSingle a.riDown svg {width: 10px;}
.riSingle a.riUp path, .riSingle a.riDown path {fill: #000;}
.riSingle a.riUp {left:auto;right:0;border-radius:0 5px 5px 0}
.riSingle a.riDown {left:0;border-radius:5px 0 0 5px}
/*adetveselect*/
.Basketinp { display: block;position: relative;float: left;clear: left;}
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight:500;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 #F0F0F0;font-size:14px;font-weight: 500;float: left;margin: 0;border-radius:5px;}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn ,
.buyfast{ float: left;margin:0}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {color: #fff; font-weight:600; font-size:16px;width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border:none; border-radius:5px;-moz-appearance: none;-webkit-appearance: none;text-transform:uppercase;}
#divKombinSatinAl a:hover,
.buyfast input:hover,
.basketBtn input:hover{background-color:#000 !important;}
.basketBtn{width: calc(50% - 50px);padding:0 0 0 10px;}
.basketBtn input {background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 54px) !important;text-indent:30px;}
/*Hemen Al*/
.buyfast {width: calc(50% - 50px);padding:0 0 0 10px;margin:0;}
.buyfast input {background-color:#F39EA1 !important}
/*kombin Al*/
#divKombinSatinAl {margin:10px 0 0 0;width: 100%;}
#divKombinSatinAl a{font-size: 14px;margin: 0!important;}
/**/
.ProductIcon {float: left;width: 100%;display:flex;align-items:center;justify-content:flex-start;text-align:center;flex-wrap:wrap;}
.ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:12px;font-weight:400;text-transform:uppercase;}
.ProductIcon .box1 i {display: none;}
.ProductIcon .boxIcon {fill:#000; width:auto;height:40px;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:10px}
.ProductIcon .boxIcon svg{height:17px;}
.ProductIcon > div{float: left;position: relative;position: relative;margin:0 1.6vw 0 0;width:auto}
.ProductIcon > div > a {margin: 0; padding: 0;font-size:12px;background:transparent;color:#000;font-weight:400;float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;text-transform:uppercase;}
.ProductIcon > div > a:hover{color: #000; background:transparent!important;}
.ProductIcon > div#divKritikStok,
.ProductIcon > div#divIndirimliUrun{display:none !important}
/*yazdiryorumtavsiye*/
.ProductIcon2 {float:left;width: 100%;}
.ProductIcon2 .clear{display: none;}
.ProductIcon2 #divSocialButtons{width: 100%;}
.ProductIcon2 > div{float:left;width: 33.33%;margin-bottom: 0;position: relative;}
.ProductIcon2 > div > a{margin: 0; padding: 0;font-size:12px;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:40px;height:40px;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:17px;}
/**/
.BasketBtn .UFavorilerimeEkle{margin:0;float:right;}
.BasketBtn .UFavorilerimeEkle a{border:1px solid #EDEDED;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;}
.BasketBtn .UFavorilerimeEkle a .box1{font-size:0}
.BasketBtn .UFavorilerimeEkle a .box1 i{font-size:23px;font-weight:300;font-family:FontAwesome;color:#000000;transition:0.5s;width:58px;height:58px;line-height:58px;text-align:center;}
.BasketBtn .UFavorilerimeEkle a:hover .box1 i{font-weight:600;color:#FCA309;}
.BasketBtn .UFavorilerimeEkle a#aFavroriCikarBtn .box1 i{font-weight:600;color:#FCA309;}
.BasketBtn .UFavorilerimeEkle a .boxIcon{display:none;} 
/*paylas*/
.TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top:26px;}
.TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height:27px;margin-right:16px;}
.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:7px;}
.TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
.TopDet .product_social_icon_wrapper ul li a{float: left;fill:#000000;color:#000000;background:#F7F7F7;font-size:14px;border-radius:5px;text-align:center;width:27px;height:27px;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;transition:0.5s}
.TopDet .product_social_icon_wrapper ul li a i{line-height:27px;float:left;}
.TopDet .product_social_icon_wrapper ul li a svg{width:15px;}
.TopDet .product_social_icon_wrapper ul li a:hover{background-color:#000;color:#fff;fill:#fff;}
.TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #000;background: #F7F7F7;font-size: 0;border-radius:5px;text-align:center;width:27px;}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height:27px;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:0 0 7vh;display: block;background-color:#fff;padding:10px 12px;border-radius:10px;border:1px solid #EDEDED;}
.urunOzellik .urunTab {float:left;width: 100%;}
.urunOzellik .urunTab ul {display: inline-block;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;background:#F7F7F7;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:50px}
.urunOzellik .urunTab >ul > li {float:left;}
.urunOzellik .urunTab >ul > li:last-child{margin-right:0;}
.urunOzellik .urunTab >ul > li > a {cursor:pointer;color:#000;font-size:15px;float:left;font-weight:500;min-height:33px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;position:relative;border-radius:5px}
.urunOzellik .urunTab >ul > li > a span{font-weight:500;}
.urunOzellik .urunTab >ul > li > a:after{content:'';position:absolute;left:100%;right:100%;bottom:-8px;height:2px;background:#2197B8;transition:0.5s}
.urunOzellik .urunTab >ul > li.active > a{background-color:#fff}
.urunOzellik .urunTab >ul > li.active > a:after{left:0;right:0;}
.urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:20px 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: 'Nunito',sans-serif !important;padding:0;float:left;width:100%;}
.urunTabAlt * { font-family: 'Nunito',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; }
.urunOzellik .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt{font-size:14px;line-height:1.5;font-weight:500;color:#000;}
.urunOzellik .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt > strong{font-weight:500;font-size:15px}
.urunOzellik .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt > ul{padding-left:30px;float:left;width:100%;}
#divTabOzellikler .urunTabAlt .teknikDetay{border:none;margin-bottom:0}
.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; }
.productvideoblock{float:left;width:100%;margin-bottom:20px}
/*------------------------------------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 22px!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold {display:flex;float:left;width:100%;text-align:left;position:relative;align-items:center;justify-content:space-between;background-color:#F7F7F7;border-radius:10px;padding:0 16px !important;min-height:44px}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height:27px;color: #000;font-size:20px;font-weight:bold;display:inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;}
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav{display:block!important;}
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:20px;left:20px;top:40%;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background:transparent;border-radius:0;border:none;width:23px;height:15px;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: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:#000;}
#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:25px;color:#000;line-height: normal;font-weight:300;}
body #mainHolder_divDesign .owl-carousel .owl-dots,body .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;}
body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,body .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;}
body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,body .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:0 0 7vh;}
.detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite {float: left;width: 100%;}
/**/
#mainHolder_divDesign .sliderBannerContainer .ProductList .JKatAdi .bold,
.detaySliderContainer .ProductList .JKatAdi .bold,
#mainHolder_divDesign .urunSliderOwl .JKatAdi .bold{padding-right:100px !important;}
#mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav,
.detaySliderContainer .ProductList .owl-carousel .owl-nav,
#mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav{left:auto;right:20px;top:-51px;}
#mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev,
.detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev,
#mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{left:auto;right:32px;}
/**/
/*pnlSlider*/
#pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block;}
#pnlSlider .flex-control-nav {position: absolute;bottom: 20px;right:0;left: 0;}
#pnlSlider .flex-control-paging li {margin: 0 2px;}
#pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:100%;border:none;box-shadow:none;text-shadow:none;background: #fff;}
#pnlSlider .flex-control-paging li a.flex-active {background: #000;}
#pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;}
#pnlSlider .flex-direction-nav li {display: inline-block;vertical-align:top;}
#pnlSlider .flex-direction-nav .flex-nav-prev {float: left;}
#pnlSlider .flex-direction-nav .flex-nav-next {float: right;}
#pnlSlider .flex-direction-nav .flex-prev, 
#pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;width:auto;height: auto;border-radius:0; top: 0;margin: 0;padding: 0;box-shadow:none;opacity: 1;font-size: 0;position: relative;text-shadow:none;text-align:center;}
#pnlSlider .flex-direction-nav .flex-prev{left: 0;} 
#pnlSlider .flex-direction-nav .flex-next{right: 0;}
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;}
#pnlSlider .flex-direction-nav .flex-prev:before {}
#pnlSlider .flex-direction-nav .flex-next:before {}
#pnlSlider .flex-direction-nav .flex-prev:hover,
#pnlSlider .flex-direction-nav .flex-next:hover {}
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs {position: static;background: #fff;text-align:center;}
#pnlSlider .HPSItems .flex-control-thumbs li {display: inline-block;vertical-align:top;float: none;max-width: 100%;}
#pnlSlider .HPSItems .flex-control-thumbs img {opacity: 1;}
#pnlSlider .HPSItems .flex-control-thumbs .flex-active {}
.HomePageSlideShowContainer {float: left;width: 100%;position:relative;}
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0;width: 100%;}
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
/*sitekodlari*/
.hesabimAnasayfaMenuler ul li a:hover .fa{color: #fff;}
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Nunito', sans-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; }
.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, body .kombinContent ul::-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{width: 7px;}
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, body .kombinContent ul::-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{ background: #efefef;}
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-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{background: #2197B8;border-radius: 8px;}
/*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: #2197B8; }
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover,
.OdemeMenu ul li.activeMenu{ border-color: #2197B8;}
/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #2197B8;}
.tooltip.right .tooltip-arrow {border-right-color: #2197B8;}
.tooltip.left .tooltip-arrow {border-left-color: #2197B8;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #2197B8;}
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid #2197B8;}
.sepetimBody .Basketstep ul li.aktif:after{border-top-color:#2197B8; }
/*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: #2197B8;}
/*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: #2197B8;}
/*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{color: #2197B8;}
/*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{border-color: #2197B8;}
/*color*/
.siparisOzetTakip {color: #fff;}
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
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;}
img.hidemobil{display:block;}
img.hidedesktop{display:none;}
.hoverr:before {content:'';position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10;clear:none;display:block!important}
body .footerTemp section.verticalalign .footerTempRow{align-items:center;}
body .footerTemp .boldfont{font-weight:600}
/*siteozelalan*/
/*menu*/
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-image{justify-content:flex-end;} 
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap {display:block;max-height:0;overflow:hidden;opacity:0;transition: max-height 0.3s ease-out, opacity 0.3s ease-out;border-radius:10px}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > .menu-wrap{opacity:1;max-height:inherit;box-shadow:0px 0px 8px 5px #0000001A;} 
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{padding-right:58px;padding-left:58px}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row .kolon{margin-top:5px;transition:0.5s}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > .menu-wrap .kolon{margin-top:0}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{text-align:center;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span{position:relative;transition:0.5s;min-height:30px;align-items:center;justify-content:center;text-align:center;padding:0 8px;display:inline-flex;border-radius:10px;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a > span{background-color:#2197B8;color:#fff;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:before{margin-right:35px}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span:after{margin-left:13px}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.lastmenu:before{content:'';width:1px;height:23px;background-color:#E9E7E7}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.lastmenu > a{font-weight:500}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.lastmenu > a > span:after{content:'\f078';font-family:FontAwesome;color:#818181;font-weight:400;font-size:10px;transition:0.5s}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.lastmenu:hover > a > span:after{color:#fff;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a:after{content:'';width:15px;height:15px;background-color:#fff;transform:rotate(45deg);position:absolute;left:44%;bottom:-10px;box-shadow:0px 0px 8px 5px #0000001A;opacity:0;visibility:hidden;transition:inherit}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar:hover > a:after{opacity:1;visibility:visible;transition:inherit}
body #headerNew .newHeaderNavigation .newHeaderNavUl > li .upTagText{display:none;}
/**/
body #headerNew .header-wrapper .header-bottom{box-shadow: 0px 4px 4px 0px #0000000D;}
body #headerNew .header-main .flex-left .nav-left{justify-content:center;gap:2vw;}
body #headerNew #divTopProductSearch{max-width:600px}
body #headerNew #divTopProductSearch .searchform #btnKelimeAra > i{display:none;}
body #headerNew #divTopProductSearch .searchform #btnKelimeAra .svgIcon{display:block;margin:0 auto;line-height:0;}
body #headerNew #divTopProductSearch .searchform #btnKelimeAra .svgIcon svg{width:16px;height:16px}
body #headerNew #divTopProductSearch .searchform-wrapper #txtbxArama{padding-right:0;font-weight:300}
body #headerNew #divTopProductSearch .searchform-wrapper #ddlAramaKategori{display:none;}
/**/
body #headerNew .cart-item a.header-cart-link.headerButon,
body #headerNew .header-favori-item a.favori-link.headerButon,
body #headerNew .account-item a.account-link.headerButon,
body #headerNew #divTopProductSearch .newSearcBtnClick a{background:#F9FAFB;border-radius:30px;min-height:50px;padding:0 11px;gap:12px;align-items:center;justify-content:center;flex-direction:row;}
body #headerNew .headerButon .svgIcon{background-color:#fff;border-radius:50%;min-width:31px;min-height:31px;display:flex;align-items:center;justify-content:center;text-align:center;gap:4px;}
body #headerNew .cart-item a.header-cart-link.headerButon svg,
body #headerNew .header-favori-item a.favori-link.headerButon svg,
body #headerNew .account-item a.account-link.headerButon svg,
body #headerNew #divTopProductSearch .newSearcBtnClick a svg{float:left;}
body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{width:17px;height:17px;line-height:17px;background:#2197B8;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;color:#fff;font-size:11px;margin-left:-5px}
.headerlinks{display:inline-flex;align-items:center;justify-content:flex-end;text-align:left;}
.headerlinks a{display:inline-flex;align-items:center;justify-content:center;text-align:left;color:#000000;line-height:14px;min-height:18px;gap:7px;transition:0.5s;position:relative;padding-right:15px;margin-right:15px}
.headerlinks a img{min-height:14px}
.headerlinks a:after{content:'';width:1px;height:15px;background-color:#BCD4D9;position:absolute;right:0;top:calc(50% - 7px);}
.headerlinks a:last-child{padding-right:0;margin-right:0}
.headerlinks a:last-child:after{display:none;}
.cargolinks{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;}
.cargolinks a{color:#000000;line-height:1.3;display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;gap:3px;}
.cargolinks a b{font-weight:600;}
.cargolinks a img{margin-right:2px}
/*footer-iconlist*/
.footerlist{float:left;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0px 4px 4px 0px #0000001A;border-radius:30px}
.footerlist .iconlisttitle{width:100%;border-bottom:1px solid #D3D3D3;display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;font-size:26px;font-weight:400;color:#000;line-height:1.3;min-height:76px}
.footerlist .iconlisttitle img{margin-top:5px}
.iconlist{float:left;width:100%;display:flex;align-items:center;justify-content:center;gap:2vw;padding:35px;}
.iconlist .iconlist-col{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:18px;width:100%;}
.iconlist .iconlist-col span{min-width:62px;max-width:62px;height:62px;background:#EFEAEB;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
.iconlist .iconlist-col div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;color:#000000;gap:4px;}
.iconlist .iconlist-col div strong{font-size:18px;font-weight:700;line-height:1.4}
.iconlist .iconlist-col div p{margin:0;font-size:14px;font-weight:400;line-height:1.4;color:#000;}
.footercomment{float:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:10px;color:#000;line-height:1.4;border-radius:20px;padding:40px 50px;min-height:250px;background:url(../../uploads/editoruploads/images/footeryorumbg.png) no-repeat center right;background-size:cover}
.footercomment strong{font-size:36px;font-weight:400;}
.footercomment strong b{font-weight:700;}
.footercomment p{font-size:20px;font-weight:300;margin:0;gap:13px;display:flex;align-items:center;justify-content:flex-start;text-align:left;flex-wrap:wrap;}
.footercomment p i:before{font-size:15px;color:#F9BE08;font-family:FontAwesome;font-weight:600}
.footercomment p i.regular:before{font-weight:300}
.footercomment a{font-size:14px;font-weight:500;color:#fff;background-color:#F39EA1;border-radius:30px;padding:0 22px;display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;min-height:36px;gap:17px;margin-top:auto;transition:0.5s}
.footercomment a:hover{gap:22px;}
.footercomment a:after{content:'\f178';font-family:FontAwesome;font-weight:300;font-size:17px;transition:0.5s;}
body .footerTemp section.linearbg{background:linear-gradient(360deg, #EFEAEB 0%, #FFFFFF 100%) !important;}
body .footerTemp .ebultenDivTemp{max-width:645px;margin:0 auto;}
body .footerTemp .socialMedia li a i{padding:0 !important;width:auto !important;}
body .footerTemp .newsletterContent #btnMailKaydet{font-weight:700;white-space:nowrap;}
/**/
#mainHolder_divDesign .blokResimLink img{border-radius:10px}
#mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav,
#mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-dots{}
#mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{margin:0 auto;}
#mainHolder_divDesign section.megaslide .owl-nav,
#mainHolder_divDesign section.megaslide .owl-dots{display:none !important}
#mainHolder_divDesign section.megaslide .anasayfa_tek_slider.owl-carousel .owl-item:not(.active){height:0;}
#mainHolder_divDesign section.megaslide .bannerDesc{margin-top:10px;}
#mainHolder_divDesign section.megaslide .bannerButton{margin-top:15px;}
#mainHolder_divDesign section .bannerWrapper.blokTypeTop{gap:20px;}
#mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:15px}
#mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:20px}
#mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:36px}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerTitle,
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerSubTitle{font-weight:700}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:16px;font-weight:500;}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond{background-color:#4996A2}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{background-color:#F39EA1;color:#fff;}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:40px;border-radius:30px;padding-right:24px;padding-left:24px}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond:after,
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst:after{content:'\f178';font-family:FontAwesome;font-weight:300;font-size:15px;margin-left:14px;transition:0.5s}
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond:hover:after,
#mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst:hover:after{margin-left:18px;}
#mainHolder_divDesign section.bloglist .JKatAdi .bold{background-color:transparent;text-align:center;justify-content:center;}
#mainHolder_divDesign section.bloglist .JKatAdi .bold .satir1{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:16px;font-size:26px;font-weight:400}
#mainHolder_divDesign section.bloglist .owl-carousel .owl-nav,
#mainHolder_divDesign section.bloglist .owl-carousel .owl-dots{display:none;}
.tmngbtn{float:left;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.tmngbtn a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #E2E2E2;border-radius:5px;background-color:#F7F7F7;padding:0 29px;min-height:40px;transition:0.5s;font-size:14px;font-weight:500;color:#000;}
.tmngbtn a:hover{background-color:#E2E2E2;}
/**/
#mainHolder_divDesign section.design-bg-8{background-color:#EFF6F8 !important}
#mainHolder_divDesign section.bannerurunslider > .hazirBlokContent > .txrow{align-items:center;justify-content:space-between;}
#mainHolder_divDesign section.bannerurunslider .hazirBlokContent .txcol-sm-3{-ms-flex: 0 0 55.55%;flex: 0 0 55.55%;max-width: 55.55%;}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider{-ms-flex: 0 0 44.45%;flex: 0 0 44.45%;max-width: 44.45%;padding-left:3.5vw !important}
#mainHolder_divDesign section.bannerurunslider .productItem .productPoints,
#mainHolder_divDesign section.bannerurunslider .productItem .productIcon,
#mainHolder_divDesign section.bannerurunslider .productItem .productIconEx{display:none;}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold{background-color:transparent;justify-content:center;text-align:center;padding:0 !important;min-height:auto;gap:12px;}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{color:#515151;font-size:18px;font-weight:500;margin:0 3vw;}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .sliderBannerContainer .ulUrunSlider .owl-dots{display:none !important;}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .sliderBannerContainer .ulUrunSlider .owl-nav{display:inline-flex;position:relative;left:auto;right:auto;top:auto;align-items:center;justify-content:center;text-align:center;width:100%;gap:10px;margin-top:3vh}
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .sliderBannerContainer .ulUrunSlider .owl-nav .ProductListprev,
#mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .sliderBannerContainer .ulUrunSlider .owl-nav .ProductListnext{position:relative;left:auto;right:auto;}
/**/
.productItem .productList-Image-Owl .owl-dots{display:flex;gap:3px;bottom:-7px;position:absolute;left:0;right:0;}
.productItem .productList-Image-Owl .owl-dots .owl-dot{width:100%;height:3px;border:0;border-radius:0;background:#DFDFDF;margin:0 !important;}
.productItem .productList-Image-Owl .owl-dots .owl-dot.active{background:#BBBBBB;}
.productItem .productList-Image-Owl .owl-dots .owl-dot span{display:none !important}
/**/
body #mainHolder_divDesign .sliderBannerContainer .ProductList,
.detaySliderContainer .ProductList,
body #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-stage-outer,
.detaySliderContainer .ProductList .owl-stage-outer{height:100%;}
body #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-stage,
.detaySliderContainer .ProductList .owl-stage{display:flex;flex-wrap:wrap;align-items:stretch;height:100%;}
body #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-stage li,
.detaySliderContainer .ProductList .owl-stage li,
body #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-stage .owl-item .ItemOrj,
.detaySliderContainer .ProductList .owl-stage .owl-item .ItemOrj,
body #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-stage .owl-item .productItem,
.detaySliderContainer .ProductList .owl-stage .owl-item .productItem{height:100%;}
/**/
.discountIcon{display:none;float:left;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#FFFFFF;font-weight:600;margin-right:6px;background:#C93333;padding:0 5px;border-radius:3px}
.discountIcon span{line-height:22px;font-weight:600;float:left;}
.productPrice .discountIcon{display:inline-flex;order:1;}
.newIcon, .cargoIcon, .firsatIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{display:none;}
.productIconEx{position:absolute;left:16px;top:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:5px;}
.productIconEx .cargoIcon, .productIconEx .newIcon, .productIconEx .ozelAlan1, .productIconEx .ozelAlan2, .productIconEx .urunListSonUrun, .productIconEx .urunListStokUyari{display:flex!important;}
.newIcon{width:40px;height:25px;background:#FDE3E4;line-height:25px;overflow:hidden;font-size:13px;color:#000;font-weight:700;border-radius:5px;text-align:center;}
.firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{padding:0 9px;background:#6ACECE;font-size:13px;color:#000;font-weight:700;border-radius:5px;align-items:center;justify-content:center;text-align:center;gap:3px;min-height:25px}
.cargoIcon{background-color:#F79E1B}
.ozelAlan1{background-color:#2DE054}
.urunListSonUrun, .urunListStokUyari{background-color:#F79E1B}
.KatSepetFiyat{float:left;clear:left;margin-bottom:6px;font-size:16px;font-weight:700;color:#EE425F;position:relative;display:flex;gap:3px;align-items:center;justify-content:flex-start;text-align:left;background:linear-gradient(90deg, #FDE3E4 0%, #FFFFFF 100%);padding:0 9px;min-height:22px;flex-wrap:wrap;}
.KatSepetFiyat .sptPrice{}
.sPric{float:left;clear:left;margin-top:14px;font-size:20px;font-weight:700;color:#EE425F;position:relative;display:flex;gap:3px;align-items:center;justify-content:flex-start;text-align:left;background:linear-gradient(90deg, #FDE3E4 0%, #FFFFFF 100%);padding:0 9px;min-height:33px;flex-wrap:wrap;border-radius:5px 0 0 5px}
.sPric .sptPrice{}
/**/
.boxUrunlerContent{float:left;width:100%;}
.boxUrunlerContainer{float:left;}
.boxUrunlerContainer > div{float:left;width:14px;height:14px;margin-right:10px;outline:1px solid #ddd;opacity:0;visibility:hidden;border-radius:0;padding:0;transition:0.5s}
.boxUrunlerContainer > div:hover{outline:1px solid #000}
.boxUrunlerContainer div:nth-child(1),.boxUrunlerContainer div:nth-child(2),.boxUrunlerContainer div:nth-child(3){opacity:1;visibility:visible;}
.boxUrunlerContainer > div a img{width:100%;border-radius:0;}
.boxUrunlerContent > span{font-size:13px;position:absolute;left:72px;cursor:pointer;font-weight:500;line-height:14px;color:#000;}
.boxUrunlerContent.active .boxUrunlerContainer > div{opacity:1;visibility:visible;}
.boxUrunlerContent.active .v-count{display:none;}
/**/
.boxBedenlerContent{position:absolute;left:0;right:0;bottom:7px;padding:0;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transition:.2s;display:block !important;z-index:3}
.boxBedenlerContent.boxbedenlerpassive{display:none !important}
.boxBedenlerContainer{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:15px;font-size:14px;color:#fff}
.boxBedenlerContainer .boxBedenler{margin:10px 0;}
.boxBedenler.noStokUrunListe{opacity:0.6;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:line-through;}
.boxBedenlerTittle{display:none;}
.productItem:hover .boxBedenlerContent{opacity:1;visibility:visible;}
.productItem .relatedProductsColor{bottom:15px}
/**/
.RightDetail #productDetailRelated{float:left;width:100%;padding:0;margin-top:20px;display:flex;flex-wrap:wrap;}
.RightDetail #productDetailRelated .JKatAdi{margin-bottom:6px!important;text-transform:none;}
.RightDetail #productDetailRelated .JKatAdi .bold{text-align:left;background-color:transparent;padding:0 !important;min-height:inherit;border-radius:0}
.RightDetail #productDetailRelated .JKatAdi .bold .satir1{font-size:14px;line-height:24px;font-weight:400;color:#000000;}
.RightDetail #productDetailRelated > a{width:60px;padding:0;margin:7px 7px 0 0;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.RightDetail #productDetailRelated > a img{border-radius:8px;border:none;}
/**/
.RightDetail .kombinContent{float:left;width:100%;margin-top:30px}
.RightDetail .kombinContent:before{content:'Kombin Ürünler';float:left;width:100%;color:#000000;font-size:16px;font-weight:600;line-height:20px;padding:0 0 10px}
.RightDetail .kombinContent ul{float:left;width:100%;padding: 0;margin: 0;list-style: none;/*max-height:317px;overflow:auto;*/}
.RightDetail .kombinContent ul::-webkit-scrollbar{width:3px;}
.RightDetail .kombinContent ul::-webkit-scrollbar-track{ background:#ddd;}
.RightDetail .kombinContent ul::-webkit-scrollbar-thumb{background:#000;}
.RightDetail .kombinContent ul li.kombinToplamTutar{margin-bottom:0;}
.RightDetail .kombinContent ul li.kombinItem{border:none;padding:0;margin:0 0 10px;width:100%;float:left;align-items:flex-start;border:1px solid #ddd;border-radius:10px;padding:10px;}
.RightDetail .kombinContent ul li.kombinItem:last-child{margin-bottom:0}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinleftImage{width:60px;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinImages img{max-width:60px;border:none;border-radius:5px}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinImages .selectedImagesLink{display: none!important;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail{width: calc(100% - 60px);padding-left:10px}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin{float: left;width: 100%;position:relative;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin .button{display: inline-block;line-height:30px;width:100px;float: left;padding:0;margin:0 !important;color:#fff;font-size:12px;font-weight:500;border-radius:10px;border:1px solid #000;background:#000;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin .button:hover{background-color:#000 !important}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin > .kombinFormline{float: left;width: 100%;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin .kombinFormline .kombinright_line{color:#000000;font-size:13px;font-weight:400;line-height:16px}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divFiyatAlanlari{float: left;margin:15px 0}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divFiyatAlanlari .kombinFiyat1{font-size: 13px;font-weight:400;color:#86868A;line-height:14px;float:left;margin-right:5px}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divFiyatAlanlari .kombinFiyat2{font-size: 13px;font-weight:400;color:#000;line-height:14px;float:left;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divFiyatAlanlari .kombinFormline{float:left;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divKombinUrunEkSecenek{float: right;width: 100%;}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divKombinUrunEkSecenek .divKombinEksecenekTipi{float: right;width: 100%;margin:0 0 10px}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #specialFieldsList{display:none;}
#divUrunDetayKombin #kombinUrunler #divFiyatAlanlari .kombinFiyat2 span{display: none!important;}
#divUrunDetayKombin #kombinUrunler .kombinleft_line{display:none;}
#divUrunDetayKombin #kombinUrunler .kombinright_line a{min-width:30px;min-height:20px;height:20px;line-height:20px;font-size:12px;color:#000000;font-weight:600;border:none;margin:0 5px 5px 0;background-color:transparent;box-shadow: 0px 0px 5px #00000026;padding:0 10px;letter-spacing: 0.12px;border-radius:10px}
#divUrunDetayKombin #kombinUrunler .kombinright_line a.selected{background-color:transparent;}
#divUrunDetayKombin #kombinUrunler .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinkutuluvaryasyon > div a{min-width:30px;}
#divUrunDetayKombin #kombinUrunler .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinresimlivaryasyon > div a{min-width:20px;width:20px;border-radius:50%;padding:2px;position:relative;}
#divUrunDetayKombin #kombinUrunler .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinresimlivaryasyon > div a img{border-radius:50%;}
#divUrunDetayKombin #kombinUrunler .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinresimlivaryasyon > div a.selected{background:#000;}
#divUrunDetayKombin #kombinUrunler .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinresimlivaryasyon > div a.selected:before {content: "\f00c"; font-family: 'FontAwesome'; color: #fff; position: absolute; left: 0; top: 0; font-size:9px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-weight:300}
#divUrunDetayKombin #kombinUrunler .kombinItem .kombinRightDetail .PriceListKombin #divKombinUrunEkSecenek > .tooltip{display:none;}
.RightDetail .kombinContent .KombinTopluSatinAlimBtn{float:left;width:100%;margin-top:15px}
.RightDetail .kombinContent .KombinTopluSatinAlimBtn a{float:left;width:100%;color:#fff;font-weight:500;font-size:16px;letter-spacing:0;border-radius:10px;background:#464749;border:none;display:flex;align-items:center;justify-content:center;text-align:center;min-height:57px;line-height:20px;transition:0.5s}
.RightDetail .kombinContent .KombinTopluSatinAlimBtn a:hover{background-color:#000}
/**/
#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}
#headerNew.fixed.gectop{top: 0;}
#headerNew.fixed #top-bar{display:none;}
#header.fixed.gectop{top: 0;}
/**/
.detaySticky{position:fixed;bottom:-100%;left:0;right:0;z-index:1000;transition:bottom.3s ease-in-out;background:#fff;border-top:1px solid #808080;}
body.StokYok .detaySticky{display:none;}
.detaySticky.fixed{bottom:0;}
.detaySticky .dtstic{width:100%;padding:15px 0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:2.6vw;}
.detaySticky .dtsticleft{flex-grow:1;display:flex;align-items:center;justify-content:flex-start;gap:23px;}
.detaySticky .dtsticleft > div{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:13px;}
.detaySticky .dtsticright{display:flex;align-items:center;justify-content:flex-end;gap:2vw;width:540px}
.detaySticky .dsImg{float:left;min-width:100px;height:100px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px}
.detaySticky .dsImg > img{position:absolute;top:0;}
.detaySticky .dsName{float:left;font-size:15px;line-height:1.3;color:#000000;font-weight:400;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.detaySticky .dsPrice{float:left;display:flex;align-items:center;justify-content:flex-start;}
.detaySticky .dsPrice #divFiyatAlanlari{width:auto;float:left;}
.detaySticky #divIndirimsizFiyat .left_line, .detaySticky #divIndirimliFiyat .left_line{display:none !important}
.detaySticky #divIndirimliFiyat .PiyasafiyatiContent{width:auto!important}
.detaySticky #divIndirimliFiyat .PiyasafiyatiContent .right_line *{color:#AAAAAA;font-size:20px;font-weight:400;line-height:27px;}
.detaySticky #divIndirimliFiyat .IndirimliFiyatContent{width:auto!important}
.detaySticky #divIndirimliFiyat .IndirimliFiyatContent .right_line *{color:#000;font-size:20px;font-weight:700;line-height:27px;}
.detaySticky #divIndirimOrani .indirimliOrani #ltrIndirimOrani{line-height:27px;min-height:27px;font-size:14px;font-weight:700}
.detaySticky .dsBasketBtn{float:right;width:100%}
/**/
/*siteozelalan*/
@media (min-width:1042px) {
    .sortingContent{display:block !important;}
    .col-5li{width:20%;}
    select#filterOrderSelect{border:0;color:#000000;line-height:34px;height:34px;font-size:14px;font-weight:400;padding:0 40px 0 17px;text-align:left;appearance:none;cursor:pointer;transition:.5s;position:relative;background: url(../../Uploads/EditorUploads/images/sort.svg) no-repeat right 14px top 50% #fff;border-radius:10px !important}
}
/* ------------------------------------Container--------------------------------------------*/
body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{ max-width: 1440px; margin: 0 auto;position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList{max-width:1440px;}
.detaySliderContainer .ProductList{max-width:1440px;}
.homeContainer .ProductListContent .ProductList{max-width:1440px;}
.markaSlider .jCarouselLite{max-width:1440px;}
.newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1440px;margin:0 auto;}
#mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:1440px;}
.detaySticky .dtstic{max-width:1440px;margin:0 auto;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1320px}
body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:1320px;margin:0 auto;float:none;display:inline-flex;}
body #headerNew #divTopProductSearch.dropactive .header-search-form-wrapper .searchform-wrapper{display:flex;}
/**/
.sepetimBody .ticiContainer{margin: 0 auto;}
.sepetimBody .footerSslLogo{display: none!important;}
/**/
.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:291px;padding-right:15px;}
.rightBlock  {float: right;width:291px;padding-left:15px;}
.centerCount.LeftMiddle {width: calc(100% - 291px);}
.centerCount.RightMiddle {width: calc(100% - 291px);}
.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: 1380px) and (max-width: 1499px){
    body #headerNew .header .header-top .headerContainer{max-width:1320px!important;}
    body #headerNew .header .header-main .headerContainer{max-width:1320px!important;}
    body #headerNew .header .header-bottom .headerContainer{max-width:1320px!important;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1320px!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:1320px!important;}    
    body .footerTemp section.elementor-section .elementor-container {max-width:1320px!important;}
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:1320px;}
    .sliderBannerContainer .ProductList{max-width:1320px;}
    .detaySliderContainer .ProductList{max-width:1320px;}
    .homeContainer .ProductListContent .ProductList{max-width:1320px;}
    .markaSlider .jCarouselLite{max-width:1320px;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1320px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:1320px;}
    .detaySticky .dtstic{max-width:1320px}
}
@media screen and (min-width: 1300px) and (max-width: 1379px){
    body #headerNew .header .header-top .headerContainer{max-width:1240px!important;}
    body #headerNew .header .header-main .headerContainer{max-width:1240px!important;}
    body #headerNew .header .header-bottom .headerContainer{max-width:1240px!important;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1240px!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:1240px!important;}    
    body .footerTemp section.elementor-section .elementor-container {max-width:1240px!important;}
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:1240px;}
    .sliderBannerContainer .ProductList{max-width:1240px;}
    .detaySliderContainer .ProductList{max-width:1240px;}
    .homeContainer .ProductListContent .ProductList{max-width:1240px;}
    .markaSlider .jCarouselLite{max-width:1240px;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1240px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:1240px;}
    .detaySticky .dtstic{max-width:1240px}
    /**/
    .detailcampaining{width:200px}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
}
@media screen and (min-width: 1240px) and (max-width: 1299px){
    body #headerNew .header .header-top .headerContainer{max-width:1180px!important;}
    body #headerNew .header .header-main .headerContainer{max-width:1180px!important;}
    body #headerNew .header .header-bottom .headerContainer{max-width:1180px!important;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1180px!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:1180px!important;}    
    body .footerTemp section.elementor-section .elementor-container {max-width:1180px!important;}
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:1180px;}
    .sliderBannerContainer .ProductList{max-width:1180px;}
    .detaySliderContainer .ProductList{max-width:1180px;}
    .homeContainer .ProductListContent .ProductList{max-width:1180px;}
    .markaSlider .jCarouselLite{max-width:1180px;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1180px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:1180px;}
    .detaySticky .dtstic{max-width:1180px}
    /**/
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:20px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:before{margin-right:20px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:30px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:36px;padding-right:20px;padding-left:20px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:19px}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{font-size:15px;line-height:1.3}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size:18px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev, .detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{right:25px}
    #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-size:20px}
    .tmngbtn a{font-size:13px}
    .footercomment strong{font-size:30px}
    .footercomment p{font-size:16px}
    .footercomment a{font-size:13px;min-height:36px;padding-right:20px;padding-left:20px}
    .footerlist .iconlisttitle{font-size:23px}
    .iconlist{padding:25px;}
    .iconlist .iconlist-col div strong{font-size:16px}
    .iconlist .iconlist-col div p{font-size:13px}
    .iconlist .iconlist-col span{min-width:52px;max-width:52px;height:52px;}
    .iconlist .iconlist-col span img{max-width:20px;max-height:20px;}
    /**/
    .leftBlock   {width:265px;}
    .rightBlock  {width:265px;}
    .centerCount.LeftMiddle {width: calc(100% - 265px);}
    .centerCount.RightMiddle {width: calc(100% - 265px);}
    .categoryPageTitle{font-size:20px}
    .categorydescblock{font-size:13px}
    .favori{right:10px;top:10px;}
    .favori a:before{width: 30px;height:30px;font-size:15px}
    .productIconEx{left:10px;top:10px;}
    .newIcon{height:22px;line-height:22px;font-size:12px}
    .firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{font-size:12px;min-height:22px;}
    .KatSepetFiyat{font-size:15px}
    .mycartIcon a{font-size:13px}
    /**/
    .detailcampaining > strong{font-size:13px}
    .detailcampaining{width:200px}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
    .leftImage .ProductGallery .gallery-container .GalleryArea, .Images,#divVideoGoruntulemeAlan{width:420px;}
    .TopDetLeft{width:520px;}
    .RightDetail{width:calc(100% - 520px);padding-left:20px}
    .RightDetailRight{padding-left:20px}
    .videotext{font-size:13px;min-height:33px;padding:0 8px;}
    .detailbadge span{font-size:13px;min-height:30px;padding:0 12px;}
    .sPric{font-size:18px}
    .ProductName h1 span{font-size:22px}
    .detailiconlist > div span{width:52px;height:52px}
    .detailiconlist > div span img{max-width:20px;max-height:20px;}
    .detaySticky .dtsticright{width:400px}
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
    body #headerNew .header .header-top .headerContainer{max-width:1100px!important;}
    body #headerNew .header .header-main .headerContainer{max-width:1100px!important;}
    body #headerNew .header .header-bottom .headerContainer{max-width:1100px!important;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1100px!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:1100px!important;}    
    body .footerTemp section.elementor-section .elementor-container {max-width:1100px!important;}
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:1100px;}
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:1100px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:1100px;}
    .detaySticky .dtstic{max-width:1100px}
    /**/
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:20px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:before{margin-right:20px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:30px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:36px;padding-right:20px;padding-left:20px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:19px}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{font-size:15px;line-height:1.3}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size:18px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev, .detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{right:25px}
    #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-size:20px}
    .tmngbtn a{font-size:13px}
    .footercomment strong{font-size:30px}
    .footercomment p{font-size:16px}
    .footercomment a{font-size:13px;min-height:36px;padding-right:20px;padding-left:20px}
    .footerlist .iconlisttitle{font-size:23px}
    .iconlist{padding:25px;}
    .iconlist .iconlist-col div strong{font-size:16px}
    .iconlist .iconlist-col div p{font-size:13px}
    .iconlist .iconlist-col span{min-width:52px;max-width:52px;height:52px;}
    .iconlist .iconlist-col span img{max-width:20px;max-height:20px;}
    /**/
    .categoryPageTitle{font-size:20px}
    .categorydescblock{font-size:13px}
    .favori{right:10px;top:10px;}
    .favori a:before{width: 30px;height:30px;font-size:15px}
    .productIconEx{left:10px;top:10px;}
    .newIcon{height:22px;line-height:22px;font-size:12px}
    .firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{font-size:12px;min-height:22px;}
    .KatSepetFiyat{font-size:15px}
    .mycartIcon a{font-size:13px}
    /**/
    .detailcampaining > strong{font-size:13px}
    .detailcampaining{width:200px}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
    .leftImage .ProductGallery .gallery-container .GalleryArea, .Images,#divVideoGoruntulemeAlan{width:420px;}
    .TopDetLeft{width:520px;}
    .RightDetail{width:calc(100% - 520px);padding-left:20px}
    .RightDetailRight{padding-left:20px}
    .videotext{font-size:13px;min-height:33px;padding:0 8px;}
    .detailbadge span{font-size:13px;min-height:30px;padding:0 12px;}
    .sPric{font-size:18px}
    .ProductName h1 span{font-size:22px}
    .detailiconlist > div span{width:52px;height:52px}
    .detailiconlist > div span img{max-width:20px;max-height:20px;}
    .detaySticky .dtsticright{width:400px}
    .basketBtn{width:calc(100% - 100px);}
    .buyfast{width:100%;padding:10px 0 0 0;}
    .detaySticky .buyfast{width:calc(50% - 50px);padding:0 0 0 10px}
    .detaySticky .basketBtn{width:calc(50% - 50px)}
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
    body #headerNew .header .header-top .headerContainer{max-width:960px!important;}
    body #headerNew .header .header-main .headerContainer{max-width:960px!important;}
    body #headerNew .header .header-bottom .headerContainer{max-width:960px!important;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:960px!important;}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:960px!important;}   
    body .footerTemp section.elementor-section .elementor-container {max-width:960px!important;}
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:960px;}
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:960px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:960px;}
    .detaySticky .dtstic{max-width:960px}
    /**/
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:15px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:before{margin-right:20px}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{padding-right:25px;padding-left:25px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:30px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:14px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:36px;padding-right:20px;padding-left:20px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:19px}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{font-size:15px;line-height:1.3}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size:18px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev, .detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{right:25px}
    #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-size:20px}
    .tmngbtn a{font-size:13px}
    .footercomment strong{font-size:30px}
    .footercomment p{font-size:16px}
    .footercomment a{font-size:13px;min-height:36px;padding-right:20px;padding-left:20px}
    .footerlist .iconlisttitle{font-size:23px}
    .iconlist{padding:25px;}
    .iconlist .iconlist-col{flex-direction:column;gap:10px;height:100%}
    .iconlist .iconlist-col div{justify-content:center;align-items:center;text-align:center;}
    .iconlist .iconlist-col div strong{font-size:16px}
    .iconlist .iconlist-col div p{font-size:13px}
    .iconlist .iconlist-col span{min-width:52px;max-width:52px;height:52px;}
    .iconlist .iconlist-col span img{max-width:20px;max-height:20px;}
    /**/
    .categoryContainer .ProductList.PlSc_4 .ItemOrj{width: 33.33%;max-width: 33.33%;-webkit-flex: 0 0 33.33%;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting.sort_3{margin-right:0}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting.sort_4{display:none !important}
    .categoryPageTitle{font-size:20px}
    .categorydescblock{font-size:13px}
    .favori{right:10px;top:10px;}
    .favori a:before{width: 30px;height:30px;font-size:15px}
    .productIconEx{left:10px;top:10px;}
    .newIcon{height:22px;line-height:22px;font-size:12px}
    .firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{font-size:12px;min-height:22px;}
    .KatSepetFiyat{font-size:15px}
    .mycartIcon a{font-size:13px}
    /**/
    .detailcampaining > strong{font-size:13px}
    .detailcampaining{width:100%}
    .detailcampaining ul{flex-wrap:wrap;gap:10px;flex-direction:row}
    .detailcampaining ul li{width:calc(50% - 5px)}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
    .leftImage .ProductGallery .gallery-container .GalleryArea, .Images,#divVideoGoruntulemeAlan{width:420px;}
    .TopDetLeft{width:520px;}
    .RightDetail{width:calc(100% - 520px);padding-left:20px;flex-direction:column;gap:25px;}
    .RightDetailRight{padding-left:0;width:100%;}
    .videotext{font-size:13px;min-height:33px;padding:0 8px;}
    .detailbadge span{font-size:13px;min-height:30px;padding:0 12px;}
    .sPric{font-size:18px}
    .ProductName h1 span{font-size:22px}
    .detailiconlist > div span{width:52px;height:52px}
    .detailiconlist > div span img{max-width:20px;max-height:20px;}
    .detaySticky .dtsticright{width:400px}
    .basketBtn{width:calc(100% - 100px);}
    .buyfast{width:100%;padding:10px 0 0 0;}
    .detaySticky .buyfast{width:calc(50% - 50px);padding:0 0 0 10px}
    .detaySticky .basketBtn{width:calc(50% - 50px)}
    .urunOzellik .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt{font-size:13px}
}
@media screen and (max-width:1099px) {
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav{transition:0.5s}
    body #headerNew .header-main .flex-left .nav-left{justify-content:flex-start;gap:20px;}
    body #headerNew .header-main{height:75px}
    body #headerNew .mobile-cart-item .svgIcon svg,
    body #headerNew .mobile-user-item .account-link .svgIcon svg,
    body #headerNew .newSearcBtnClick a .svgIcon svg,
    body #headerNew .newMenuBtnClick a .svgIcon svg{float:left;width:20px}
    body #headerNew .mobile-cart-item .cart-icon,
    body #headerNew .mobile-user-item .account-link,
    body #headerNew .newMenuBtnClick a,
    body #headerNew .newSearcBtnClick a{font-size:20px;}    
    body #headerNew .newMenuBtnClick a{font-size:20px;}    
    body #headerNew .headerButon .svgIcon,
    body #headerNew .cart-item a.header-cart-link.headerButon,
    body #headerNew .header-favori-item a.favori-link.headerButon,
    body #headerNew .account-item a.account-link.headerButon,
    body #headerNew #divTopProductSearch .newSearcBtnClick a{background-color:transparent;min-width:inherit;min-height:auto;border-radius:0;padding:0;}    
    body #headerNew .header-main .flex-right .nav-right .mobile-cart-item{position:relative;}
    body #headerNew .header-main .flex-right .nav-right .mobile-cart-item .cart-icon{display:inline-flex;flex-wrap:wrap;gap:5px;}
    body #headerNew .sepetUrunSayisi{width:17px;height:17px;line-height:17px;background:#2197B8;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;color:#fff;font-size:11px;}
    .ProductIcon > div{max-width:100%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    body #headerNew .header .header-top .headerContainer{max-width:100%!important;padding-right:20px;padding-left:20px}
    body #headerNew .header .header-main .headerContainer{max-width:100%!important;padding-right:20px;padding-left:20px}
    body #headerNew .header .header-bottom .headerContainer{max-width:100%!important;padding-right:20px;padding-left:20px}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:100%!important;padding-right:20px;padding-left:20px}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:100%!important;}
    body .footerTemp section.elementor-section .elementor-container {max-width:100%!important;padding-right:20px;padding-left:20px}
    body ul.breadcrumb{max-width:100%;}
    body.ProductBody ul.breadcrumb, .userLoginContent,.hesabimContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:100%;padding-right:20px;padding-left:20px}
    .sliderBannerContainer .ProductList{max-width:100%;}
    .detaySliderContainer .ProductList{max-width:100%;}
    .homeContainer .ProductListContent .ProductList{max-width:100%;}
    .markaSlider .jCarouselLite{max-width:100%;padding-right:20px;padding-left:20px}
    #divIcerik.homepage{margin:0 auto;}
    .newHeaderNavigation:not(.mobileStyle) .menu-wrap{max-width:100%;padding-right:20px;padding-left:20px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:100%;padding-right:20px;padding-left:20px;}
    .detaySticky .dtstic{max-width:100%;padding-right:20px;padding-left:20px}
    /**/
    #mainHolder_divDesign section.design-bg-8{padding-top:25px !important;padding-bottom:25px !important}
    #mainHolder_divDesign section.megaslide .bannerDesc,
    #mainHolder_divDesign section.megaslide .bannerButton{margin-top:0}
    #mainHolder_divDesign section .bannerWrapper.blokTypeTop{gap:15px;}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:22px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:13px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:13px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:32px;padding-right:15px;padding-left:15px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:17px}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{font-size:15px;line-height:1.3}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-left: 0 !important;}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size:18px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev, .detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{right:25px}
    #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-size:20px}
    .tmngbtn a{font-size:13px}
    .footercomment strong{font-size:30px}
    .footercomment p{font-size:16px}
    .footercomment a{font-size:13px;min-height:36px;padding-right:20px;padding-left:20px}
    .footerlist .iconlisttitle{font-size:23px}
    .iconlist{padding:25px;}
    .iconlist .iconlist-col{flex-direction:column;gap:10px;height:100%}
    .iconlist .iconlist-col div{justify-content:center;align-items:center;text-align:center;}
    .iconlist .iconlist-col div strong{font-size:16px}
    .iconlist .iconlist-col div p{font-size:13px}
    .iconlist .iconlist-col span{min-width:52px;max-width:52px;height:52px;}
    .iconlist .iconlist-col span img{max-width:20px;max-height:20px;}
    body #headerNew .header #top-bar{font-size:12px}
    /**/
    .categoryContainer .ProductList.PlSc_4 .ItemOrj{width: 33.33%;max-width: 33.33%;-webkit-flex: 0 0 33.33%;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting.sort_3{margin-right:0}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li .btnCatSorting.sort_4{display:none !important}
    .categoryPageTitle{font-size:20px}
    .categorydescblock{font-size:13px}
    .favori{right:10px;top:10px;}
    .favori a:before{width: 30px;height:30px;font-size:15px}
    .productIconEx{left:10px;top:10px;}
    .newIcon{height:22px;line-height:22px;font-size:12px}
    .firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{font-size:12px;min-height:22px;}
    .KatSepetFiyat{font-size:15px}
    .mycartIcon a{font-size:13px}
    /**/
    .detailcampaining > strong{font-size:13px}
    .detailcampaining{width:100%}
    .detailcampaining ul{flex-wrap:wrap;gap:10px;flex-direction:row}
    .detailcampaining ul li{width:calc(33.33% - 7px)}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
    .TopDetLeft{width:100%;}
    .RightDetail{width:100%;padding-left:0;flex-direction:column;gap:25px;padding-top:25px}
    .RightDetailRight{padding-left:0;width:100%;}
    .videotext{font-size:13px;min-height:33px;padding:0 8px;}
    .detailbadge span{font-size:13px;min-height:30px;padding:0 12px;}
    .sPric{font-size:18px}
    .ProductName h1 span{font-size:22px}
    .detailiconlist > div span{width:52px;height:52px}
    .detailiconlist > div span img{max-width:20px;max-height:20px;}
    .detaySticky .dtsticright{width:400px}
    .detaySticky .buyfast{width:calc(50% - 50px);padding:0 0 0 10px}
    .detaySticky .basketBtn{width:calc(50% - 50px)}
    .urunOzellik .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt{font-size:13px}
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width:1041px) {
    /******************************************************/
    #divSayfalamaUst .filterBlock{display:block!important;}
    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 #E4E4E4; width:calc(50% - 5px);float:left; line-height: 38px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: 500;border-radius:10px}
    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;cursor:pointer;}
    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; padding: 0 10px; }
    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: #000;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;}
}
/* Mobil Ekran */
@media (max-width:767px) {
    body.overflow{overflow: hidden;}
    #divIcerik.homepage{margin: 0 auto;}
    body{padding-top: 0;}
    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 16px;}
    #divIcerik{padding: 0 16px;margin: 0 auto;}
    .proCategoryTitle.categoryTitleText{padding: 0 16px;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom:50px;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    /*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%; }
    /*urun butonlari*/
    .ProductIcon{margin: 0;float: left;width: 100%;}
    .ProductIcon > div{margin:0;float: left;width: 100%;}
    .ProductIcon2 > div{margin:0;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;}
    /******************************************************/
    .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;}
    body.ProductBody .bottomHead{display:none;}
    /*kategori*/
    .categoryContainer .categoryTitleText{padding: 0;margin: 0;}
    .ProductBody .categoryTitle{padding: 0;margin: 0;}
    body .category-vertical-filters.top-filters{width: 100%;height: calc(100% - 50px);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;float:left;}
    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;}
    .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, .TopDetLeft{float: left;width: 100%;}
    .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:none;}
    body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
    #divUrunKodu{clear: left;float: left;line-height: 14px;}
    #divUrunKodu span{line-height: 14px;}
    #divTaksitAciklama{clear: left;float: left;}
    .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:#000000;font-size: 14px;line-height: 44px;float: left;width: 100%;font-weight: 500;position:relative;}
    .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;}
    .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"]{border-bottom:none;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color: #fff;border-radius:10px;padding:0 30px 0 15px;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;}
    .urunOzellikTab .urunTab >ul >li > a:before {content:'\f078';font-size:13px;position:relative;color:#000;position:absolute;right:0;font-family:'FontAwesome';font-weight:400;transition:0.5s}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:before {transform:rotate(180deg);right:15px;color:#fff;}
    .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;}
    #divMobileImageList .owl-dots{display:block;}
    img.hidemobil{display:none;}
    img.hidedesktop{display:block;}
    .boxUrunlerContent > span{left:58px;font-size:12px}
    .boxUrunlerContainer > div{margin-right:5px}
    .boxBedenlerContent{display: none;}
    .htop{display: none;}
    /**/
    body.HomeBody #headerNew{margin-bottom:10px}
    body #headerNew .header-main .flex-left .nav-left,
    body #headerNew .header-main .header-nav.nav-right{gap:15px;}
    .headerlinks{display: none;}
    body #headerNew #top-bar{font-size:12px;min-height:30px;}
    body #headerNew .header-main{min-height:70px}
    #mainHolder_divDesign section.design-bg-8{padding-top:25px !important;padding-bottom:25px !important}
    #mainHolder_divDesign section.megaslide .bannerDesc,
    #mainHolder_divDesign section.megaslide .bannerButton{margin-top:0}
    #mainHolder_divDesign section .bannerWrapper.blokTypeTop{gap:15px;}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeExtraLarge{font-size:22px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeSmall{font-size:12px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeMedium{font-size:13px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton{font-size:13px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeSecond,
    #mainHolder_divDesign section .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{min-height:32px;padding-right:15px;padding-left:15px}
    #mainHolder_divDesign section .bannerDescriptionWrapper .textTypeLarge{font-size:17px}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi .bold .satir1 p{font-size:15px;line-height:1.3}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-left: 0 !important;}
    #mainHolder_divDesign section.bannerurunslider #ticimaxBannerProducts.anasayfa_urun_slider .JKatAdi{margin-bottom:0 !important}
    #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi{margin-bottom:12px !important}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size:18px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav .ProductListprev, .detaySliderContainer .ProductList .owl-carousel .owl-nav .ProductListprev, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav .ProductListprev{right:25px}
    #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-size:20px}
    #mainHolder_divDesign .sliderBannerContainer .ProductList .owl-carousel .owl-nav, .detaySliderContainer .ProductList .owl-carousel .owl-nav, #mainHolder_divDesign .urunSliderOwl .ProductList.owl-carousel .owl-nav{top:-42px;display:inline-flex;}
    .tmngbtn a{font-size:13px}
    .footercomment{padding:20px;background-position:left -720px center}
    .footercomment strong{font-size:25px}
    .footercomment p{font-size:15px}
    .footercomment a{font-size:13px;min-height:36px;padding-right:20px;padding-left:20px}
    .footerlist .iconlisttitle{font-size:20px}
    .iconlist{padding:10px;flex-wrap:wrap;gap:0;align-items:stretch;}
    .iconlist .iconlist-col{flex-direction:column;gap:10px;width:50%;padding:10px;}
    .iconlist .iconlist-col div{justify-content:center;align-items:center;text-align:center;}
    .iconlist .iconlist-col div strong{font-size:14px}
    .iconlist .iconlist-col div p{font-size:12px}
    .iconlist .iconlist-col span{min-width:45px;max-width:45px;height:45px;}
    .iconlist .iconlist-col span img{max-width:18px;max-height:18px;}
    body #headerNew .header #top-bar{font-size:12px}
    #back-to-top{bottom:55px}
    #mainHolder_divDesign section.bloglist .anasayfa_tek_slider.owl-carousel .owl-item:not(.active){height:0;}
    /**/
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj, .categoryContainer .ProductList.PlSc_2 .ItemOrj, .categoryContainer .ProductList.PlSc_3 .ItemOrj, .categoryContainer .ProductList.PlSc_4 .ItemOrj, .categoryContainer .ProductList.PlSc_5 .ItemOrj{margin-bottom:10px}
    .categoryPageTitle{font-size:18px}
    .categorydescblock{font-size:13px;margin-bottom:10px;}
    .categorytoptext{margin-bottom:15px}
    .favori{right:10px;top:10px;}
    .favori a:before{width: 30px;height:30px;font-size:15px}
    .productIconEx{left:10px;top:10px;}
    .newIcon{height:20px;line-height:20px;font-size:11px}
    .firsatIcon, .cargoIcon, .ozelAlan1, .ozelAlan2, .urunListSonUrun, .urunListStokUyari{font-size:11px;min-height:20px;}
    .KatSepetFiyat{font-size:14px}
    .mycartIcon a{font-size:13px;min-height:33px}
    .productItem .regularPrice span, .productItem .discountPrice span{font-size:15px}
    .discountIcon{font-size:11px}
    /**/
    .detailiconlist{padding:10px;}
    .detailiconlist > div strong{font-size:12px}
    .detailcampaining > strong{font-size:13px}
    .detailcampaining{width:100%}
    .detailcampaining ul{flex-wrap:wrap;gap:10px;}
    .detailcampaining ul li{width:100%}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size:14px}
    .basketBtn input{background:url(../../Uploads/EditorUploads/images/shoppingbag.svg) #2197B8 no-repeat center left calc(50% - 46px) !important;}
    .TopDetLeft{width:100%;}
    .RightDetail{width:100%;padding-left:0;flex-direction:column;gap:25px;padding-top:25px}
    .RightDetailRight{padding-left:0;width:100%;}
    .videotext{font-size:13px;min-height:33px;padding:0 8px;}
    .detailbadge span{font-size:13px;min-height:30px;padding:0 12px;}
    .sPric{font-size:18px}
    .ProductName h1 span{font-size:22px}
    .basketBtn{width:calc(100% - 100px);}
    .buyfast{width:100%;padding:10px 0 0 0;}
    .detailiconlist > div span{width:52px;height:52px}
    .detailiconlist > div span img{max-width:20px;max-height:20px;}
    .detaySticky .Basketinp,
    .detaySticky .buyfast{display:none;}
    .detaySticky .basketBtn{width:100%;margin:0;padding:0;}
    .detaySticky .dtsticright{width:150px}  
    .detaySticky{left:0;right:0;bottom:0;top:auto;background:#fff;box-shadow:none}
    .detaySticky.fixed{bottom:0;top:auto;}
    .detaySticky .dtstic{padding:10px;gap:10px;}
    .detaySticky .dsImg,
    .detaySticky .dsName,
    .detaySticky .urunVaryant,
    .detaySticky .sPric{display:none !important}
    .detaySticky .dsBasketBtn{width:100%;margin-right:0}
    .detaySticky .dsBasketBtn input, .detaySticky .dsBasketBtn .customBtnGelinceHaberVer{height:40px;font-size:12px}    
    .detaySticky #divIndirimliFiyat .PiyasafiyatiContent,
    .detaySticky #divIndirimliFiyat .IndirimliFiyatContent{line-height:22px}
    .detaySticky #divIndirimliFiyat .IndirimliFiyatContent .right_line *,
    .detaySticky #divIndirimliFiyat .PiyasafiyatiContent .right_line *{font-size:17px}
    .detaySticky #divIndirimOrani .indirimliOrani #ltrIndirimOrani{font-size:11px}
    .urunOzellikTab .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt{font-size:14px;line-height:1.5;font-weight:500;color:#000;}
    .urunOzellikTab .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt > strong{font-weight:500;font-size:15px}
    .urunOzellikTab .urunDetayPanel:not(#liTabYorumlar, #liTabOdemeSecenekleri, #liTabUrunOnerileri) .urunTabAlt > ul{padding-left:30px;float:left;width:100%;}
    .urunOzellikTab #liTabOzellikler .urunTabAlt > ul li{list-style:disc;}
    /**/
    .ticiContainer.categoryContainer {padding-right:16px;padding-left:16px}
    #mainHolder_divDesign section.t-vw-9.paddingactive > .ticiContainer .txrow .txcol-12{padding:0 !important;}
    #mainHolder_divDesign section.t-vw-9.paddingactive > .ticiContainer{padding-right:16px !important;padding-left:16px !important}
    body #headerNew .header .header-top .headerContainer{max-width:100%!important;padding-right:16px;padding-left:16px}
    body #headerNew .header .header-main .headerContainer{max-width:100%!important;padding-right:16px;padding-left:16px}
    body #headerNew .header .header-bottom .headerContainer{max-width:100%!important;padding-right:16px;padding-left:16px}
    body #headerNew #divTopProductSearch .header-search-form-wrapper .searchform-wrapper{max-width:100%!important;}
    body .footerTemp section.elementor-section .elementor-container {max-width:100%!important;padding-right:16px;padding-left:16px}
    body ul.breadcrumb{max-width:100%;}
    body.ProductBody ul.breadcrumb, .userLoginContent,.ticiContainer, .ticiContainer2, .ticiBottomBlockContent .SonZiyaretEdilenUrunler{max-width:100%;padding-right:16px;padding-left:16px}
    .sliderBannerContainer .ProductList{max-width:100%;}
    .detaySliderContainer .ProductList{max-width:100%;}
    .homeContainer .ProductListContent .ProductList{max-width:100%;}
    .markaSlider .jCarouselLite{max-width:100%;padding-right:16px;padding-left:16px}
    #mainHolder_divDesign section.megaslide .bannerDescriptionWrapper{max-width:100%;padding-right:16px;padding-left:16px;}
    .detaySticky .dtstic{max-width:100%;padding-right:16px;padding-left:16px}
    .hesabimContent{padding-right:0;padding-left:0}
    /**/
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-1,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-2,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-3,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-4,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-5,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-6,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-7,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-8,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-9,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-10,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-11,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-sm-12,
    body #mainHolder_divDesign .mobilpaddingnone .hazirBlokContent .txrow .txcol-12,
    body #mainHolder_divDesign .mobilpaddingnone.t-vw-8 .ticiContainer{padding:0 !important}   
    body #mainHolder_divDesign .ticiContainer{padding:0 16px !important;}
    body #mainHolder_divDesign .ticiContainer.hazirBlokContent .txrow .txcol-sm{padding:0 !important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12{padding:0 !important;}
    body #mainHolder_divDesign .t-vw-9 .hazirBlokContent .txcol-sm-12{padding:0 !important;}
    body #mainHolder_divDesign [class*="t-pb-"]{margin-bottom:20px!important;}
    body #mainHolder_divDesign [class*="t-pb-"].notmargin{margin-bottom:0!important;}
    body #mainHolder_divDesign .blokResimLink > img{width:100%}
    /**/
}
@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){
}
.leftBlock .category-vertical-filters .panel.vertical-filter-panel:first-child .panel-heading:before{content:'Filtreler';}
.RightDetail #commentsize:after{content:'Yorum';}
.videotext:after{content:'Ürün Videosu';}
html:lang(en) .leftBlock .category-vertical-filters .panel.vertical-filter-panel:first-child .panel-heading:before{content:'Filters';}
html:lang(en) .RightDetail #commentsize:after{content:'Comment';}
html:lang(en) .videotext:after{content:'Product Video';}/* ============================================================
   MININGAA — CANLI TICIMAX ÖZEL CSS (v4)
   RENK: orijinal css.css paleti → mavi #2197B8 · pembe #F39EA1 ·
         vurgu #EE425F · yumuşak #FDE3E4 / #EFF6F8
   İLKE: v3'te bozuk görüntü veren geniş kurallar AYIKLANDI
   (footer bg, form sayfaları, spinner radius, dashed formline vs. ÇIKTI).
   Bu dosya = doğrulanabilir çekirdek + mockup dönüşüm katmanı stilleri.
   canli-temp.js v4 ile birlikte çalışır (mng- yapıları JS kurar).
   ============================================================ */

:root{
  --m-blue:#2197B8; --m-blue-dark:#1A7A96; --m-blue-soft:#EFF6F8;
  --m-pink:#F39EA1; --m-pink-strong:#EE425F; --m-pink-soft:#FDE3E4;
  --m-teal-lite:#6ACECE;
  --m-wa:#25D366; --m-wa-dark:#1EB855;
  --m-ink:#262324; --m-soft:#616161; --m-line:#E5E5E5;
  --m-ease:cubic-bezier(0.4,0,0.2,1);
  --m-r:14px; --m-r-lg:18px; --m-pill:999px;
  --m-sh:0 16px 38px rgba(33,151,184,.15);   /* v34: mockup'ın yumuşak-derin gölgesi (tüm kartlar buradan beslenir) */
  --m-sh-sm:0 4px 14px rgba(38,35,36,.07);
  --m-btn-h:46px;              /* TEK buton yüksekliği — her CTA aynı */
}

/* ---------- hareket: ease-in-out (yalnız etkileşimliler) ---------- */
a, button, input[type=button], input[type=submit], .productItem, .Addtobasket,
.buyfastbutton, .mng-fab, .mng-wa-btn, .AltImgCapSmallImg, .bannerButton,
.getMoreProducts, .pageBorder a{
  /* v1.0.0: 'all' yerine açık liste — layout özellikleri animasyon dışı (paint bütçesi) */
  transition: transform .28s var(--m-ease), opacity .28s var(--m-ease),
              background-color .28s var(--m-ease), color .28s var(--m-ease),
              border-color .28s var(--m-ease), box-shadow .28s var(--m-ease);
}

/* İLK YÜKLEME TİTREMESİ (FOUC): JS dönüşümleri bitene dek buy kolonu gizli.
   html.mng-boot class'ını YALNIZ bizim JS ekler → JS yok/patlarsa içerik daima görünür. */
html.mng-boot .RightDetail, html.mng-boot .BottomList,
html.mng-boot .proCategoryTitle, html.mng-boot .urunOzellik{ opacity: 0 !important; }
/* v1.0.0: perde kalkarken yumuşak geliş — rc1'de üç varyant TEK kurala indi */
.RightDetail, .BottomList, .proCategoryTitle, .urunOzellik{ transition: opacity .25s var(--m-ease); }

/* ============================================================
   1) BUTON SİSTEMİ — tek yükseklik, tek şekil (mockup paritesi)
   ============================================================ */
/* YÜKSEK ÖZGÜLLÜK: tema ".basketBtn .Addtobasket" gibi kurallarla eziyordu */
input.Addtobasket, .basketBtn .Addtobasket, .basketBtn input.button,
.buybutton .Addtobasket, .dsBasketBtn .Addtobasket, input.btnAddBasketOnDetail,
input#btnHemenAl, .buyfast .buyfastbutton, .buyfast input.button, .mng-wa-btn{
  height: var(--m-btn-h) !important;
  line-height: var(--m-btn-h) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: var(--m-pill) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: .02em;
  box-sizing: border-box !important;
  text-indent: 0 !important; /* FAZ 0: tema .basketBtn input{text-indent:30px} kalıntısı sıfırlandı */
  cursor: pointer;
}
/* Sepete Ekle → pembe dolgu (orijinal F39EA1), hover → EE425F */
input.Addtobasket, .basketBtn .Addtobasket, .basketBtn input.button,
.buybutton .Addtobasket, .dsBasketBtn .Addtobasket, input.btnAddBasketOnDetail{
  /* pembe degrade (kullanıcı onaylı): iki orijinal pembenin geçişi — canlı + kontrastlı */
  background: linear-gradient(105deg, var(--m-pink) 0%, var(--m-pink-strong) 100%) !important;
  border: 0 !important; color: #fff !important;
  box-shadow: 0 8px 18px rgba(238,66,95,.24) !important;
  text-align: center !important;
}
input.Addtobasket:hover, .basketBtn .Addtobasket:hover, .dsBasketBtn .Addtobasket:hover,
input.btnAddBasketOnDetail:hover{
  background: var(--m-pink-strong) !important; transform: translateY(-2px);
}
/* Hemen Al → mavi outline (orijinal 2197B8) */
input#btnHemenAl, .buyfast .buyfastbutton, .buyfast input.button{
  background: #fff !important; color: var(--m-blue) !important;
  border: 2px solid var(--m-blue) !important;
}
input#btnHemenAl:hover, .buyfast .buyfastbutton:hover{
  background: var(--m-blue-soft) !important; transform: translateY(-2px);
}
/* WhatsApp — SOFT yeşil (kullanıcı onaylı): görünür ama ana CTA'yı gölgelemez */
.mng-wa-btn{
  background: #E9F8EF !important; color: #12813C !important; border: 0 !important;
  gap: 8px; text-decoration: none !important;
  box-shadow: none !important;
}
.mng-wa-btn:hover{ background: #DBF2E4 !important; transform: translateY(-2px); }
.mng-wa-btn svg{ width: 19px; height: 19px; flex: 0 0 auto; }

/* ADET KUTUSU — buton sistemiyle uyumlu pill (detay + sticky, aynı class'lar) */
#divBasketInputTextBox, .Basketinp{ background: transparent !important; border: 0 !important; }
.Basketinp .riSingle, .riContSpinButtons{
  display: inline-flex !important; align-items: center !important;
  flex-direction: row-reverse !important; /* DOM: [+][1][−] → görünüm: [− 1 +] */
  height: var(--m-btn-h) !important; box-sizing: border-box !important;
  border: 2px solid var(--m-line) !important; border-radius: var(--m-pill) !important;
  background: #fff !important; overflow: hidden !important; padding: 0 4px !important;
}
input.txtSepetAdet{
  border: 0 !important; outline: none !important; background: transparent !important;
  width: 40px !important; height: 100% !important; text-align: center !important;
  font-weight: 800 !important; font-size: 14px !important; color: var(--m-ink) !important;
  border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
}
.riContSpinButtons .qtyPlus, .riContSpinButtons .qtyMinus, .urunDetayAdetArttirma{
  width: 32px !important; height: 100% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; position: static !important; float: none !important;
  margin: 0 !important; padding: 0 !important;
}
.riContSpinButtons .qtyPlus svg path, .riContSpinButtons .qtyMinus svg path{ fill: var(--m-blue) !important; }

/* ============================================================
   2) ÜRÜN DETAY — dönüşüm katmanı stilleri (JS mng- kurar)
   ============================================================ */
/* eyebrow chip (breadcrumb kategorisinden) */
.mng-eyebrow{
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--m-blue-soft); color: var(--m-blue);
  font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
  padding: 5px 12px; border-radius: var(--m-pill); margin-bottom: 8px;
}
.mng-eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--m-blue); }

/* fiyat kartı v2 — kompakt & zarif: yumuşak degrade zemin, sıkı satırlar
   float containment + Formline düzleştirme → koca boşluklar biter */
.PriceList.mng-price-card{
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
  background: linear-gradient(135deg, #ffffff 55%, var(--m-blue-soft)) !important;
  border: 1px solid #D8EAF1 !important;
  border-radius: var(--m-r-lg) !important; padding: 14px 16px !important;
  box-shadow: var(--m-sh-sm) !important;
}
/* temanın float'lu Fiyat satırlarını düzleştir */
.mng-price-card .Formline{
  float: none !important; width: 100% !important; display: flex !important;
  align-items: baseline !important; flex-wrap: wrap; gap: 6px;
  border: 0 !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important;
}
/* "Fiyat :" etiketlerini gizle — mockup'taki gibi yalın fiyat */
/* etiket gizleme YALNIZ tek-fiyat düzeninde ("Fiyat :" gereksiz) — indirimli düzen etiketleri v24'te görünür */
.mng-price-card #divIndirimsizFiyat .left_line, .mng-price-card #divIndirimsizFiyat .center_line{ display: none !important; }
.mng-price-card .right_line{ float: none !important; width: auto !important; text-align: left !important; }
.mng-price-card #fiyat2 .spanFiyat{
  color: var(--m-ink) !important; font-weight: 900 !important; font-size: 26px !important;
  letter-spacing: -.01em; line-height: 1.15 !important;
}
.mng-price-card .spanKdv{
  color: var(--m-soft) !important; font-weight: 700 !important; font-size: 12px !important;
  margin-left: 6px;
}
.mng-price-card .urunKampanyaIndirimOrani{
  background: var(--m-pink-soft) !important; color: var(--m-pink-strong) !important;
  border-radius: var(--m-pill) !important; padding: 3px 10px !important; font-weight: 800 !important;
}
.mng-price-card .urunKampanyaAciklama{ color: var(--m-blue) !important; font-weight: 800 !important; }

/* fiyat altı 3 mini kart (JS inşa eder, sadece verisi olan görünür) */
.mng-price-sub{
  display: grid !important; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 12px;
  padding-top: 12px; border-top: 1px solid var(--m-line);
  clear: both !important; width: 100% !important; float: none !important;
  position: static !important; box-sizing: border-box;
}
.mng-ps{ background: #fff; border: 1px solid #DCEBF2; border-radius: var(--m-r); padding: 8px 12px; }
.mng-ps .h{ display:block; font-size: 10px; font-weight: 800; color: var(--m-soft); text-transform: uppercase; letter-spacing: .04em; }
.mng-ps .v{ display:block; font-size: 14px; font-weight: 900; color: var(--m-blue); margin-top: 2px; }
.mng-ps.pink{ border-color: #F6D9DE; }
.mng-ps.pink .v{ color: var(--m-pink-strong); }

/* TEK KART satın alma (kullanıcı onaylı): fiyat + adet + 3 buton + fiyat alarmı aynı kartta.
   JS (buildOneCard) #divSatinAl ve .mng-buyrow2'yi kartın içine taşır. */
.PriceList.mng-price-card.mng-onecard{ padding: 20px !important; } /* kart içi FERAH (kullanıcı isteği) */
.mng-onecard #divSatinAl{
  margin: 16px 0 0 !important; padding: 16px 0 0 !important;
  border-top: 1px solid var(--m-line) !important;   /* fiyat ile aksiyonlar arası tek ince ayraç */
  float: none !important; width: 100% !important; box-sizing: border-box !important;
}
.mng-onecard .mng-buyrow2{ margin-top: 0 !important; padding-top: 12px !important; } /* margin float'lar yüzünden çalışmıyordu → padding */
.mng-onecard .mng-price-sub{ border-top: 0 !important; padding-top: 2px !important; margin-top: 10px !important; }

/* satın alma düzeni v2: satır1 = Adet + Sepete Ekle + Hemen Al · satır2 = WhatsApp tam genişlik */
.mng-buy #divBasketInputTextBox{ flex: 0 0 auto; }
.mng-buy{ display: flex !important; align-items: center; gap: 8px; flex-wrap: nowrap !important; } /* araları sıkılaştırıldı */
/* tema padding-left:10px (L758/761) + gap = çift boşluk → tek kaynak gap kalsın */
.mng-buy .basketBtn, .mng-buy .buyfast{ padding: 0 !important; width: auto !important; }
.mng-buy .basketBtn{ flex: 1.15; }
.mng-buy .Addtobasket{ width: 100% !important; }
.mng-buy .buyfast{ flex: 1; float: none !important; margin: 0 !important; }
.mng-buy .buyfastbutton, .mng-buy #btnHemenAl{ width: 100% !important; }
/* satır2: HER ZAMAN akışta, float'lardan bağımsız, taşma yok */
.mng-buyrow2{
  display: flex !important; gap: 10px; margin-top: 0; padding-top: 12px;
  clear: both !important; width: 100% !important; float: none !important;
  position: static !important; box-sizing: border-box; max-width: 100%;
}
.mng-buyrow2 .buyfast{ flex: 1; float: none !important; margin: 0 !important; }
.mng-buyrow2 .buyfastbutton, .mng-buyrow2 #btnHemenAl{ width: 100% !important; }
.mng-buyrow2 .mng-wa-btn{ flex: 1; margin: 0 !important; float: none !important; max-width: 100%; }
/* emniyet: WA butonu satır2 dışında kalırsa da asla sağa kaçmasın */
.RightDetailLeft > .mng-wa-btn, #divSatinAl ~ .mng-wa-btn{
  display: flex !important; width: 100% !important; clear: both !important;
  float: none !important; position: static !important; margin: 10px 0 0 !important;
}

/* güven satırı (stok/teslimat — JS, veri varsa) */
.mng-reassure{
  display: flex; align-items: center; gap: 8px; margin-top: 10px;
  font-size: 13px; font-weight: 600; color: var(--m-soft);
}
.mng-reassure b{ color: var(--m-blue); font-weight: 800; }
.mng-reassure svg{ color: var(--m-blue); flex: 0 0 auto; }

/* KARGO ROZETİ v2 — 17:00 cut-off + canlı sayaç (JS basar) */
.mng-cargo{
  display: flex; align-items: center; gap: 12px; margin-top: 14px !important;
  background: linear-gradient(105deg, var(--m-blue-soft), #F4FBFE);
  border: 1px dashed rgba(33,151,184,.45);
  border-radius: 12px; padding: 10px 14px;
}
.mng-cargo .ic{
  width: 38px; height: 38px; min-width: 38px; border-radius: 50%;
  background: #fff; color: var(--m-blue);
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--m-sh-sm);
}
.mng-cargo .tt{ display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; } /* metin alanı esner — kb/sayaç onu ezemez */
.mng-cargo .t1{ font-size: 13px; font-weight: 900; color: var(--m-blue); line-height: 1.25; }
.mng-cargo .t2{ font-size: 11.5px; font-weight: 700; color: var(--m-soft); line-height: 1.3; }
.mng-cargo .cd{ margin-left: auto; display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.mng-cargo .cd b{
  background: var(--m-blue); color: #fff; border-radius: 8px;
  padding: 5px 8px; font-size: 13px; font-weight: 900; min-width: 30px;
  text-align: center; font-variant-numeric: tabular-nums;
}
.mng-cargo .cd i{ font-style: normal; font-size: 10px; font-weight: 800; color: var(--m-soft); }
.mng-cargo.warn{ background: linear-gradient(105deg, #FFF6E9, #FFFBF4); border-color: #EACB98; }
.mng-cargo.warn .ic{ color: #B26A00; }
.mng-cargo.warn .t1{ color: #B26A00; }

/* kampanya kutusu v2 — TAM genişlik + kompakt 2 sütunlu çipler
   (dar sidebar tasarımından kurtulur; koca dikey kartlar biter) */
.detailcampaining.mng-camp{
  width: 100% !important; max-width: 100% !important; float: none !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid var(--m-line) !important; border-radius: var(--m-r-lg) !important;
  padding: 14px 16px !important; margin: 18px 0 0 !important; /* tek kanonik değer */
}
.detailcampaining.mng-camp > strong{
  display: block; color: var(--m-blue) !important; font-size: 11px !important;
  font-weight: 900 !important; letter-spacing: .06em; text-transform: uppercase;
  margin-bottom: 10px;
}
.detailcampaining.mng-camp ul{
  display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important;
}
.detailcampaining.mng-camp ul li{
  background: var(--m-blue-soft) !important; border: 0 !important;
  border-radius: 12px !important; box-shadow: none !important;
  min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 9px 12px !important;
  display: flex !important; align-items: center !important; gap: 10px !important;
  float: none !important; width: auto !important;
  font-size: 12.5px !important; font-weight: 700 !important;
  color: var(--m-ink) !important; letter-spacing: 0 !important; text-transform: none !important;
}
.detailcampaining.mng-camp ul li strong{
  font-size: 12.5px !important; font-weight: 700 !important;
  color: var(--m-ink) !important; letter-spacing: 0 !important; text-transform: none !important;
}
.detailcampaining.mng-camp ul li span{
  width: 30px !important; height: 30px !important; min-width: 30px !important;
  border-radius: 9px !important; background: #fff !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 4px !important; flex: 0 0 auto;
}
.detailcampaining.mng-camp ul li span img,
.detailcampaining.mng-camp ul li span i{ width: 15px !important; height: 15px !important; font-size: 14px !important; }
/* "Ürün Yorumları" kampanya öğesi gizli (kullanıcı kararı) */
.detailcampaining .commentlink{ display: none !important; }
@media (max-width: 768px){
  .detailcampaining.mng-camp ul{ grid-template-columns: 1fr; }
}

/* Paylaş bloğu (JS buy kolonuna taşır) — kompakt satır
   not: display:block!important, inline style="display:none"ı da açar */
/* PAYLAŞ BLOĞU KOMPLE GİZLİ (kullanıcı kararı) */
.mng-share, .product_social_icon_wrapper, #paylasModal{ display: none !important; }
.mng-share .PaylasTit{
  display: inline-block; vertical-align: middle; margin-right: 10px;
  font-size: 11px; font-weight: 800; color: var(--m-soft);
  text-transform: uppercase; letter-spacing: .06em;
}
.mng-share .detailsocialblock{ display: inline-block !important; vertical-align: middle; }
.mng-share ul{ display: inline-flex !important; gap: 8px; list-style: none; margin: 0 !important; padding: 0 !important; }
.mng-share ul li{ margin: 0 !important; }
.mng-share .product_social_icons{
  width: 34px; height: 34px; border-radius: 50% !important;
  border: 1px solid var(--m-line) !important; background: #fff !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  color: var(--m-soft) !important; font-size: 14px;
}
.mng-share .product_social_icons:hover{
  background: var(--m-blue) !important; border-color: var(--m-blue) !important;
  color: #fff !important; transform: translateY(-2px);
}
/* boşalan sağ kolon kapanır, sol kolon tam genişlik olur */
.RightDetailRight.mng-empty{ display: none !important; }
.RightDetail.mng-full .RightDetailLeft{ width: 100% !important; float: none !important; max-width: 100% !important; }

/* galeri küçük görseller */
.AltImgCapSmallImg{ border: 2px solid var(--m-line) !important; border-radius: 12px !important; overflow: hidden; }
.AltImgCapSmallImg.active{ border-color: var(--m-blue) !important; box-shadow: 0 0 0 3px var(--m-blue-soft) !important; }
.leftImage .Images{ border: 1px solid var(--m-line) !important; border-radius: var(--m-r-lg) !important; overflow: hidden; }

/* başlık */
.ProductName h1{ font-weight: 900 !important; color: var(--m-ink) !important; }

/* SEKMELER v3 — ÇERÇEVESİZ (kullanıcı isteği) + 3px pembe alt-çizgi (karar S1) */
.urunTab{ margin: 30px 0 16px !important; }
.urunTab ul{
  background: transparent !important; border: 0 !important;
  border-bottom: 1px solid var(--m-line) !important;
  border-radius: 0 !important; padding: 0 !important; box-shadow: none !important;
  gap: 4px !important; min-height: 0 !important;
  display: flex !important; flex-wrap: wrap; justify-content: center !important;
}
.urunTab > ul > li{
  margin: 0 !important; float: none !important; background: transparent !important;
  border: 0 !important; border-bottom: 3px solid transparent !important;
  margin-bottom: -1px !important; /* çizgiyle hizalansın */
}
.urunTab > ul > li > a{
  min-height: 0 !important; padding: 12px 18px !important;
  border-radius: 0 !important; border: 0 !important; box-shadow: none !important;
  font-weight: 800 !important; font-size: 13.5px !important;
  color: var(--m-soft) !important; background: transparent !important;
}
.urunTab > ul > li > a:hover{ color: var(--m-blue) !important; background: transparent !important; }
.urunTab > ul > li.active, .urunTab > ul > li.aktif{
  background: transparent !important;
  border-bottom-color: var(--m-pink-strong) !important; /* 3px aktif çizgi */
}
.urunTab > ul > li.active > a, .urunTab > ul > li.aktif > a{
  background: transparent !important; color: var(--m-blue) !important;
}
/* temanın kendi renkli alt çizgisi tamamen kapalı */
.urunTab > ul > li > a::after, .urunTab > ul > li > a::before,
.urunTab ul li::after, .urunTab ul li::before{ display: none !important; content: none !important; }
/* İNCE DIŞ ÇERÇEVELER KALKAR — panel/iç alanlar tamamen düz (kullanıcı isteği) */
#divUrunOzellikAlani, .urunOzellik{ border: 0 !important; box-shadow: none !important; background: transparent !important; }
.urunDetayPanel{ margin-top: 14px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.urunDetayPanel .urunTabAlt{ padding: 20px 4px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.urunTabAlt .teknikDetay{ border: 0 !important; }

/* GÜVEN İKONLARI (detailiconlist) v2 — kampanya kartı dili:
   beyaz kart + mavi-soft yatay çipler, DİKEY görsel düzenle uyumlu ferahlık */
.detailiconlist{
  background: #fff !important; border: 1px solid var(--m-line) !important;
  border-radius: var(--m-r-lg) !important; box-shadow: none !important;
  padding: 14px 16px !important; margin: 14px 0 0 0 !important; /* v63: alt marj 0 (kullanıcı değeri) */
  display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); /* dar galeri kolonunda 2×2 dengeli */
  gap: 8px !important; align-items: stretch;
}
.detailiconlist-col{
  background: var(--m-blue-soft) !important; border: 0 !important;
  border-radius: 12px !important; box-shadow: none !important;
  display: flex !important; flex-direction: row !important; align-items: center !important;
  gap: 10px !important; padding: 9px 12px !important; margin: 0 !important;
  float: none !important; width: auto !important; min-height: 0 !important;
  font-size: 12.5px !important; font-weight: 700 !important;
  color: var(--m-ink) !important; text-align: left !important; line-height: 1.3 !important;
}
.detailiconlist-col strong, .detailiconlist-col b, .detailiconlist-col span + *{
  font-size: 12.5px !important; font-weight: 700 !important; color: var(--m-ink) !important;
}
/* 4. kolon a-sarmalı (col > a > span > img) — a'yı düzleştir, span'ı descendant yakala */
.detailiconlist-col > a, .detailiconlist-col a{
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  align-items: center !important; justify-content: flex-start !important; gap: 10px !important;
  width: 100% !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; float: none !important;
  color: inherit !important; text-decoration: none !important; text-align: left !important;
  font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.3 !important;
}
.detailiconlist-col a br, .detailiconlist-col br{ display: none !important; }
.detailiconlist-col span{
  width: 30px !important; height: 30px !important; min-width: 30px !important;
  border-radius: 9px !important; background: #fff !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 4px !important; margin: 0 !important; flex: 0 0 auto;
}
.detailiconlist-col span img{ width: 16px !important; height: 16px !important; }
.detailiconlist-col span i{ font-size: 14px !important; width: auto !important; height: auto !important; }
@media (max-width: 768px){
  .detailiconlist{ grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   3) STICKY ADD-TO-CART — TEK KONSOLİDE BLOK (v47)
   Karar geçmişi: yüzen-kart TERK (v22) → orijinal tema çubuğu + yüzey cilası.
   Eski 7k (indirimli fiyat) + 7m/5 (sığdırma) kuralları buraya birleştirildi.
   Mobil scroll-tetik + 40px WA → 8c mobil bandında (bant-özel).
   ============================================================ */
/* yüzey */
.detaySticky{
  background: #fff !important;
  border-top: 1px solid var(--m-line) !important;
  box-shadow: 0 -6px 24px rgba(38,35,36,.08);
}
/* iskelet */
.detaySticky .dtstic{
  display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 18px; width: 100% !important;
  flex-wrap: nowrap !important;
}
.detaySticky .dtsticleft{ display: flex !important; align-items: center !important; gap: 12px; min-width: 0; flex: 1 !important; }
.detaySticky .dtsticright{ width: auto !important; flex: 0 0 auto !important; }
/* görsel + ad */
.detaySticky .dsImg img{ width: auto !important; height: auto !important; max-width: 96px !important; max-height: 96px !important; object-fit: cover; border-radius: 12px !important; }
.detaySticky .dsName{
  font-weight: 800 !important; color: var(--m-ink) !important; font-size: 13.5px !important;
  line-height: 1.3 !important; overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
/* fiyat: etiketsiz yalın pembe; indirimlide üstü-çizili eski yanında */
.detaySticky .dsPrice .Formline{ float: none !important; display: flex !important; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; }
.detaySticky .dsPrice .left_line, .detaySticky .dsPrice .center_line{ display: none !important; }
.detaySticky .dsPrice .right_line{ float: none !important; width: auto !important; text-align: left !important; }
.detaySticky .dsPrice .spanFiyat{ color: var(--m-pink-strong) !important; font-weight: 900 !important; font-size: 16px !important; }
.detaySticky .dsPrice .spanKdv{ display: none !important; } /* sticky'de KDV eki gösterilmez */
.detaySticky #divIndirimOrani{ display: none !important; }
.detaySticky .dsPrice #divIndirimliFiyat{ display: inline-flex !important; gap: 6px; align-items: baseline; }
.detaySticky .PiyasafiyatiContent .right_line *{
  color: #AAB2BA !important; font-size: 13px !important; font-weight: 600 !important;
}
/* KDV-dahil satırı varsa kahraman odur (JS tagPriceLayouts etiketler) */
.detaySticky .dsPrice.mng-has-kdv .IndirimliFiyatContent{ display: none !important; }
.detaySticky #divKDVDahilFiyat .left_line{ display: none !important; }
.detaySticky #divKDVDahilFiyat .right_line .spanFiyat{
  color: var(--m-pink-strong) !important; font-size: 16px !important; font-weight: 900 !important;
}
/* aksiyonlar: kompakt Sepete Ekle + daire WhatsApp */
.detaySticky .dsBasketBtn{
  display: inline-flex !important; align-items: center !important;
  gap: 10px !important; flex-wrap: nowrap !important;
}
.detaySticky .basketBtn{ width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; }
.detaySticky .buyfast{ padding: 0 !important; margin: 0 !important; }
.detaySticky .Addtobasket, .detaySticky .dsBasketBtn input.Addtobasket{
  text-indent: 0 !important; text-align: center !important;
  height: 40px !important; line-height: 40px !important;
  padding: 0 16px !important; font-size: 13px !important;
}
.detaySticky .mng-wa-btn{
  width: 40px !important; min-width: 40px !important; height: 40px !important;
  padding: 0 !important; border-radius: 50% !important; flex: 0 0 auto !important;
  margin: 0 !important;
}
.detaySticky .mng-wa-btn span{ display: none !important; }

/* ============================================================
   4) GENEL — kart / arama / rozet (canlıda doğrulananlar)
   ============================================================ */
/* (.productItem taban+hover kuralları v1.0.0-rc1'de tek bloğa indi — bkz. "ÜRÜN
   KARTLARI (v34)" bölümü; buradaki eski kopya canlıda zaten eziliyordu) */
.productPrice{ color: var(--m-pink-strong) !important; font-weight: 900 !important; }
.discountIcon, .discountIcon_s2, .detailbadge, .indirimliOrani{
  background: var(--m-pink-strong) !important; color: #fff !important;
  border-radius: var(--m-pill) !important; font-weight: 800 !important;
}
.header-search-form button, .ux-search-submit{ background: var(--m-blue) !important; color: #fff !important; }
.sepetUrunSayisi{ background: var(--m-pink-strong) !important; color: #fff !important; border-radius: var(--m-pill) !important; }
.getMoreProducts{
  background: #fff !important; color: var(--m-blue) !important;
  border: 2px solid var(--m-blue) !important; border-radius: var(--m-pill) !important; font-weight: 800 !important;
}
.getMoreProducts:hover{ background: var(--m-blue-soft) !important; }
.pageBorder a.aktif, .pageBorder a.active{
  background: var(--m-pink-strong) !important; color: #fff !important; border-color: var(--m-pink-strong) !important;
}

/* BENZER ÜRÜNLER — başlık / ok daireleri / noktalar */
.detaySliderContainer .JKatAdi{ margin: 0 0 14px !important; }
/* gri bantın GERÇEK kaynağı .bold (tema L857: bg #F7F7F7 + min-height 44) — komple sıfırla */
.detaySliderContainer .JKatAdi .bold{
  background: transparent !important; background-color: transparent !important;
  padding: 0 !important; min-height: 0 !important; border-radius: 0 !important;
}
.detaySliderContainer .JKatAdi .satir1{
  font-size: 20px !important; font-weight: 900 !important; color: var(--m-ink) !important;
  letter-spacing: -.01em; line-height: 1.3 !important;
  position: relative; padding-bottom: 8px !important;
}
/* sekme alt-çizgisiyle aynı dil: kısa pembe vurgu */
.detaySliderContainer .JKatAdi .satir1::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 30px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
.detaySliderContainer .ProductListprev, .detaySliderContainer .ProductListnext{
  width: 38px !important; height: 38px !important; border-radius: 50% !important;
  background: #fff !important; border: 1px solid var(--m-line) !important;
  box-shadow: none !important; color: var(--m-blue) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer; transition: all .28s var(--m-ease);
}
.detaySliderContainer .ProductListprev:hover, .detaySliderContainer .ProductListnext:hover{
  border-color: var(--m-blue) !important; color: #fff !important;
  background: var(--m-blue) !important;
}
/* ‹ › glif metni gizle, temiz FA chevron çiz (temanın olası span:before'u da iptal) */
.detaySliderContainer .ProductListprev span, .detaySliderContainer .ProductListnext span{
  font-size: 0 !important; line-height: 0 !important;
}
.detaySliderContainer .ProductListprev span::before, .detaySliderContainer .ProductListnext span::before{
  content: none !important;
}
.detaySliderContainer .ProductListprev::before, .detaySliderContainer .ProductListnext::before{
  font-family: 'FontAwesome'; font-size: 14px; line-height: 1; font-weight: 400;
}
.detaySliderContainer .ProductListprev::before{ content: '\f053'; }
.detaySliderContainer .ProductListnext::before{ content: '\f054'; }
.detaySliderContainer .owl-dots{ margin-top: 12px !important; display: flex !important; justify-content: center !important; gap: 6px !important; }
.detaySliderContainer .owl-dot{ background: transparent !important; border: 0 !important; padding: 0 !important; }
.detaySliderContainer .owl-dot span{
  width: 7px !important; height: 7px !important; margin: 0 !important;
  background: #D8DEE4 !important; border-radius: var(--m-pill) !important; display: block !important;
  transition: all .28s var(--m-ease);
}
.detaySliderContainer .owl-dot.active span{ background: var(--m-pink-strong) !important; width: 20px !important; }
/* benzer ürünler v2 — gri bant kalkar, oklar başlık hizasında, kart içi tipografi */
.detaySliderContainer .JKatAdi{ background: transparent !important; padding: 0 !important; }
.detaySliderContainer .ulUrunSlider{ position: relative !important; }
.detaySliderContainer .owl-nav{
  position: absolute !important; top: -48px !important; right: 0 !important; left: auto !important;
  display: flex !important; gap: 8px !important; margin: 0 !important;
}
.detaySliderContainer .ProductListprev, .detaySliderContainer .ProductListnext{
  position: static !important; transform: none !important; margin: 0 !important;
}
.productItem .productMarka{
  color: var(--m-blue) !important; font-size: 11px !important; font-weight: 800 !important;
  letter-spacing: .04em; text-transform: uppercase;
}
.productItem .productName a{
  font-size: 13.5px !important; font-weight: 700 !important;
  color: var(--m-ink) !important; line-height: 1.35 !important;
}
/* (.productDetail padding'i tek blokta — v34 bölümünde 12px 14px 16px) */
.productItem .rating i{ font-size: 13px !important; letter-spacing: 1px; }
.productItem .discountPriceSpan{ color: var(--m-pink-strong) !important; font-weight: 900 !important; font-size: 16px !important; }
.productItem .discountKdv{ color: var(--m-soft) !important; font-size: 11px !important; font-weight: 700 !important; }
.productItem .mycartIcon a{
  display: flex !important; align-items: center !important; justify-content: center !important;
  height: 38px !important; border: 2px solid var(--m-blue) !important; border-radius: var(--m-pill) !important;
  color: var(--m-blue) !important; font-size: 13px !important; font-weight: 800 !important;
  background: #fff !important;
}
.productItem .mycartIcon a:hover{ background: var(--m-blue-soft) !important; }

/* ============================================================
   5) FAB (JS enjekte — canlıda doğrulandı)
   ============================================================ */
.mng-fab-stack{
  position: fixed; right: 30px; bottom: 30px; z-index: 9999; /* köşeye eşit boşluk */
  display: flex; flex-direction: column; gap: 10px; align-items: center;
  transition: bottom .28s var(--m-ease);
}
/* sticky bar görünürken FAB kaldırma: JS otomatik ölçer (bar yüksekliği + 10px, inline style) */
.mng-fab{
  position: relative;
  width: 44px; height: 44px; border-radius: 50%; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center; color: #fff;
  box-shadow: 0 8px 20px rgba(38,35,36,.16); text-decoration: none;
}
.mng-fab:hover{ transform: translateY(-3px) scale(1.05); }
.mng-fab.wa{ background: var(--m-wa); }  .mng-fab.wa:hover{ background: var(--m-wa-dark); }
.mng-fab.tel{ background: var(--m-blue); } .mng-fab.tel:hover{ background: var(--m-blue-dark); }
.mng-fab.ig{ background: linear-gradient(45deg,#F58529 0%,#DD2A7B 55%,#8134AF 100%); }
.mng-fab.ig:hover{ filter: brightness(1.08); }
.mng-fab svg{ width: 21px; height: 21px; }

/* tooltip — hover'da VE 10 sn'lik rotasyonda (JS .mng-tip-on ekler) */
.mng-fab .mng-tip{
  position: absolute; right: 54px; top: 50%;
  transform: translateY(-50%) translateX(8px);
  background: var(--m-ink); color: #fff; font-size: 12px; font-weight: 700;
  padding: 7px 12px; border-radius: 9px; white-space: nowrap;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: all .28s var(--m-ease);
  box-shadow: var(--m-sh-sm);
}
.mng-fab .mng-tip::after{
  content: ""; position: absolute; left: 100%; top: 50%;
  transform: translateY(-50%); border: 5px solid transparent; border-left-color: var(--m-ink);
}
.mng-fab:hover .mng-tip, .mng-fab.mng-tip-on .mng-tip{
  opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0);
}

/* back-to-top yığına alınır (JS taşır) → AYNI boyut, AYNI hiza, AYNI radius */
.mng-fab-stack #back-to-top{
  position: static !important; margin: 0 !important; float: none !important;
  bottom: auto !important; right: auto !important;
  width: auto !important; height: auto !important;
}
.mng-fab-stack #back-to-top a{
  width: 44px !important; height: 44px !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: var(--m-ink) !important; color: #fff !important;
  box-shadow: var(--m-sh) !important; border: 0 !important; margin: 0 !important;
  transition: all .28s var(--m-ease);
}
.mng-fab-stack #back-to-top a:hover{ transform: translateY(-3px) scale(1.05); background: #000 !important; }
.mng-fab-stack #back-to-top a svg{ width: 19px !important; height: 19px !important; }
.mng-fab-stack #back-to-top a svg path{ fill: #fff !important; stroke: #fff; }

/* ============================================================
   5.5) DETAY GENELİ — kampanya dili + nefes + onarımlar
   ============================================================ */
/* FAZ 0 — kolon %'leri GERİ ALINDI (Audit-2 kök neden #1-2):
   Galeri px-kilitli (100px absolute thumb rayı + 480px float görsel = 580px);
   dış kabı %'ye çevirmek iç senkronu koparıyordu. Tema px sistemi geçerli.
   FAZ 2'de ray+görsel+toplam PX-SENKRON yeniden ölçeklenecek. */

/* FAZ 1 — çerçeve (v30): daraltma YALNIZ ÜRÜN DETAY sayfasında (html.mng-page-detail,
   JS etiketler). Arşiv/kategori GENİŞ kalır — filtre + ürün grid'i nefes ister
   (kullanıcı kararı). Yalnız >1024; tema bantlarına ve mobile dokunulmaz. */
@media (min-width: 1025px){
  html.mng-page-detail .ticiContainer,
  html.mng-page-detail .ticiContainer2,
  html.mng-page-detail ul.breadcrumb,
  html.mng-page-detail .ticiBottomBlockContent .SonZiyaretEdilenUrunler{
    max-width: min(1240px, calc(100% - 48px)) !important;
  }
}

/* aksiyon linkleri → çipler (GERÇEK yapı, export'tan doğrulandı:
   .BottomList .ProductIcon > .UFavorilerimeEkle/.FiyatHaberVer > a.tipL > .boxIcon+metin) */
/* İKİNCİL AKSİYONLAR — UX DAĞITIMI (çipler kalır, bağlamına gider):
   • Favorilere / İstek Listeme / Karşılaştır → CTA altında 3 hafif çip (tek satır)
   • Fiyat Düşünce Haber Ver → fiyat kartının içine (JS taşır, .mng-price-alert)
   • Tavsiye Et → Paylaş satırına (JS taşır, .mng-inline-action)
   • Yorum Yaz + Sorular → GİZLİ (kullanıcı kararı; v47'de mng-tab-links kalıntıları silindi) */
/* 3'lü KART TASARIMI (kullanıcı referansı: ikon üstte, metin altta, beyaz kart) */
.BottomList .ProductIcon, .BottomList .ProductIcon2{
  display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)); /* 4 kart: Favori/İstek/Karşılaştır/Tavsiye */
  gap: 10px !important;
  margin: 14px 0 0 !important; float: none !important; width: 100% !important;
}
.BottomList .ProductIcon .clear{ display: none !important; } /* grid'de boş hücre yaratmasın */
/* Yorum Yaz + Sorular tamamen kaldırıldı (kullanıcı kararı) */
.YorumYazbtnContent, .SoruSorbtnContent{ display: none !important; } /* kullanıcı kararı: yorum/soru butonları kapalı */
@media (max-width: 700px){
  .BottomList .ProductIcon, .BottomList .ProductIcon2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
.BottomList .ProductIcon > div, .BottomList .ProductIcon2 > div{
  margin: 0 !important; padding: 0 !important; float: none !important;
  border: 0 !important; background: transparent !important; width: auto !important;
}
.BottomList .ProductIcon a, .BottomList .ProductIcon2 a{
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important; gap: 8px !important;
  width: 100% !important; height: 100% !important; box-sizing: border-box !important;
  background: #fff !important; border: 1px solid var(--m-line) !important;
  box-shadow: var(--m-sh-sm) !important;
  border-radius: 14px !important; padding: 14px 8px !important;
  font-size: 12px !important; font-weight: 800 !important; color: var(--m-ink) !important;
  margin: 0 !important; float: none !important; min-height: 0 !important; line-height: 1.25 !important;
  text-transform: none !important; white-space: normal !important; text-align: center !important;
}
.BottomList .ProductIcon a:hover, .BottomList .ProductIcon2 a:hover{
  border-color: var(--m-blue) !important; color: var(--m-blue) !important;
  transform: translateY(-2px); box-shadow: var(--m-sh) !important;
}
.BottomList .boxIcon{
  width: auto !important; height: auto !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 !important;
  border-radius: 0 !important; background: transparent !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 auto !important;
}
.BottomList .boxIcon svg{ width: 20px !important; height: 20px !important; }
.BottomList .boxIcon svg path{ fill: var(--m-blue) !important; }
/* çift ikon sorunu: box1 içindeki fa-ikon gizli, yalnız svg kalır */
.BottomList a .box1 i, .BottomList a i{ display: none !important; }
.BottomList a .box1, .BottomList a span{ font-size: 12px !important; font-weight: 800 !important; }
/* taşınan linklerin küçük ikonları (fiyat alarmı / tavsiye)
   (v47: .mng-tab-links kuralları SİLİNDİ — JS o elemanı artık üretmiyordu, ölü bloktu) */
.mng-share .mng-inline-action .boxIcon, .mng-price-card .mng-price-alert .boxIcon{
  width: auto !important; height: auto !important; background: transparent !important;
  margin: 0 !important; padding: 0 !important; display: inline-flex !important; flex: 0 0 auto !important;
}
.mng-share .mng-inline-action .boxIcon svg, .mng-price-card .mng-price-alert .boxIcon svg{
  width: 13px !important; height: 13px !important;
}

/* fiyat alarmı — fiyat kartında sessiz link (üstte ince ayraç) */
.mng-price-card .mng-price-alert{
  margin-top: 12px !important; padding-top: 12px !important;
  border-top: 1px dashed var(--m-line) !important;
}
/* çift ikon fix: box1 içindeki fa-ok gizli, yalnız svg kalır */
.mng-price-alert .box1 i, .mng-price-alert i.fa{ display: none !important; }

/* VARYANT SEÇİCİ (#divUrunEkSecenek) — yeni dil: chip'ler (JS kısa açıklamanın altına taşır) */
#divUrunEkSecenek{ margin: 12px 0 0 !important; border: 0 !important; padding: 0 !important; }
#divUrunEkSecenek .eksecenekLine{
  display: flex !important; align-items: center !important; gap: 10px !important;
  flex-wrap: wrap; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
#divUrunEkSecenek .left_line{
  float: none !important; width: auto !important;
  font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase; letter-spacing: .05em; color: var(--m-soft) !important;
}
#divUrunEkSecenek .center_line{ display: none !important; }
#divUrunEkSecenek .right_line{
  float: none !important; width: auto !important; text-align: left !important;
  display: flex !important; gap: 8px !important; flex-wrap: wrap;
}
#divUrunEkSecenek .size_box{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 0 !important; width: auto !important; height: 34px !important; padding: 0 14px !important;
  background: #fff !important; border: 2px solid var(--m-line) !important;
  border-radius: var(--m-pill) !important;
  font-size: 12.5px !important; font-weight: 700 !important; color: var(--m-ink) !important;
  cursor: pointer; text-transform: none !important; float: none !important; margin: 0 !important;
  line-height: 1 !important; box-shadow: none !important;
  transition: all .28s var(--m-ease);
}
#divUrunEkSecenek .size_box:hover{ border-color: var(--m-blue) !important; }
#divUrunEkSecenek .size_box.selected{
  border-color: var(--m-blue) !important; background: var(--m-blue-soft) !important; color: var(--m-blue) !important;
}
.mng-price-card .mng-price-alert a{
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: transparent !important; border: 0 !important; padding: 0 !important;
  font-size: 12px !important; font-weight: 700 !important; color: var(--m-soft) !important;
  text-transform: none !important;
}
.mng-price-card .mng-price-alert a:hover{ color: var(--m-blue) !important; }

/* Tavsiye Et — Paylaş satırında inline */
.mng-share .mng-inline-action{ display: inline-block !important; margin-left: 14px !important; vertical-align: middle; }
.mng-share .mng-inline-action a{
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: transparent !important; border: 0 !important; padding: 0 !important;
  font-size: 12px !important; font-weight: 700 !important; color: var(--m-soft) !important;
}
.mng-share .mng-inline-action a:hover{ color: var(--m-blue) !important; }

/* (v47: "Yorum Yaz + Sorular sekme sağında" bloğu SİLİNDİ — mng-tab-links ölü;
   .urunTab position:relative KORUNDU — Trendyol paneli/owl-nav konumlaması kullanıyor) */
.urunTab{ position: relative !important; }

/* YILDIZLAR: temanın ORİJİNAL #stars widget'ı — biz SADECE renk veririz.
   Motor core'da (quickViewV2 prepareStarRaiting): hover doldurma = li.hover,
   seçim = li.selected class'ları. JS müdahalesi YOK. */
.Formline.puanVer{
  display: flex !important; align-items: center !important; gap: 10px !important;
  margin: 0 0 4px !important; border: 0 !important; padding: 0 !important; line-height: 1 !important;
}
.Formline.puanVer > *, .Formline.puanVer a, .Formline.puanVer > span, .Formline.puanVer > div{
  display: inline-flex !important; align-items: center !important;
  float: none !important; margin: 0 !important; line-height: 1 !important; height: auto !important;
}
#PuanVer, .rating-stars, #stars{ display: inline-flex !important; visibility: visible !important; opacity: 1 !important; }
#stars{ gap: 2px; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#stars li{ display: inline-block !important; float: none !important; cursor: pointer; }
#stars .starItem{
  font-size: 15px !important; color: #B9C6D2; visibility: visible !important;
  transition: color .18s var(--m-ease), transform .18s var(--m-ease);
}
/* core'un doldurma (li.hover) ve seçim (li.selected) geri bildirimi */
#stars li:hover .starItem, #stars li.hover .starItem, #stars li.selected .starItem{
  color: #F5A623 !important;
}
#stars li:hover .starItem{ transform: scale(1.15); }
.PuanVerSag, #commentsize{ color: var(--m-soft) !important; font-weight: 700 !important; }

/* (ürün açıklaması HTML'i kullanıcı tarafında yönetiliyor — CSS müdahalesi kaldırıldı) */

/* NEFES — dikey ritim (mockup'taki gap:1.2rem hissi, tüm buy kolonu) */
.ProductDetail{ margin-top: 8px !important; }
#ProductDetailMain .TopDet{ padding-bottom: 24px !important; }
.RightDetailLeft .ProductName h1{ margin: 6px 0 10px !important; line-height: 1.2 !important; }
.RightDetailLeft .TextList{ margin: 0 0 6px !important; }
.RightDetailLeft #divOnyazi{ margin: 10px 0 12px !important; }
.RightDetailLeft .PriceList.mng-price-card{ margin: 14px 0 16px !important; }
.mng-buy{ margin-top: 4px !important; }
/* (mng-camp / mng-share / urunTab / urunTabAlt değerleri kendi ana bloklarında — çift tanım temizlendi) */
.detaySliderContainer, #divAltUrunlerList{ margin-top: 30px !important; }

/* ============================================================
   6) RESPONSIVE (yalnız bizim eklediklerimiz)
   ============================================================ */
@media (max-width: 768px){
  .mng-price-sub{ grid-template-columns: 1fr 1fr; }
  .mng-price-card #fiyat2 .spanFiyat{ font-size: 24px !important; }
  .mng-buyrow2{ flex-direction: column; }
  /* sticky iç düzeni mobilde TEMANIN ORİJİNALİ (v23: dsImg/dsName gizleme kaldırıldı) */
  .mng-fab-stack{ bottom: 14px; right: 14px; } /* bar görünürken JS otomatik kaldırır */
  .mng-fab, .mng-fab-stack #back-to-top a{ width: 40px !important; height: 40px !important; }
  .mng-fab .mng-tip{ display: none; } /* mobilde tooltip kapalı — dokunmatikte anlamsız */
}
/* ============================================================
   9) KATMAN 1 — MARKA PRİMİTİFLERİ (v31, site geneli)
   Kural disiplini: YALNIZ renk/tipografi/radius/gölge/focus.
   display/position/visibility/layout YOK. Kanıtsız class YOK
   (TiciNoty vb. DOM görülünce eklenecek).
   ============================================================ */
/* butonlar — tema .button ailesi marka diline
   İSTİSNA: header arama butonu (.ux-search-submit) — tema onu arama pill'inin
   sağ kapağı olarak tasarlamış; tam daire yapınca beyaz köşeler açılıyordu */
input.button:not(.ux-search-submit), a.button:not(.ux-search-submit),
button.button:not(.ux-search-submit), .button:not(.ux-search-submit){
  border-radius: var(--m-pill) !important;
  font-weight: 800 !important;
  transition: background .28s var(--m-ease), color .28s var(--m-ease),
              border-color .28s var(--m-ease), transform .28s var(--m-ease);
}
/* form elemanları — köşe + çizgi + odak halkası */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"]:not(#txtbxArama),
select, textarea{
  border-radius: 10px;
  border-color: var(--m-line);
  transition: border-color .28s var(--m-ease), box-shadow .28s var(--m-ease);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:not(#txtbxArama):focus,
select:focus, textarea:focus{
  border-color: var(--m-blue);
  box-shadow: 0 0 0 3px var(--m-blue-soft);
  outline: none;
}
::placeholder{ color: #A6ADB4; }
/* header arama butonu büyüteci: beyaz + kalın (svg attribute'ları CSS ile ezilir) */
#btnKelimeAra .svgIcon svg path{ stroke: #fff !important; stroke-width: 2.2 !important; }
/* onay kutuları / radyolar — tek satırda marka rengi */
input[type="checkbox"], input[type="radio"]{ accent-color: var(--m-blue); }
/* klavye odağı (erişilebilirlik + marka) */
:focus-visible{ outline: 2px solid var(--m-blue); outline-offset: 2px; }
/* metin seçimi */
::selection{ background: var(--m-blue-soft); color: var(--m-ink); }
/* tipografi cilası (v34): yumuşak render + başlıklarda hafif sıkı tracking */
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3{ letter-spacing: -.01em; }
/* ince marka kaydırma çubuğu (WebKit) */
/* v60: iki scrollbar ailesi EŞİTLENDİ — tema iç-konteyner 5px→7px, global 10px→7px
   (thumb'daki 2px beyaz çerçeve görünür kalınlığı inceltiyordu, kaldırıldı) */
::-webkit-scrollbar{ width: 7px; height: 7px; }
::-webkit-scrollbar-track{ background: transparent; }
::-webkit-scrollbar-thumb{ background: #D3DAE0; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover{ background: var(--m-blue); }

@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; animation: none !important; }
}

/* ============================================================
   7) v17 — STICKY GALERİ + BREADCRUMB + SEKME İÇERİKLERİ
   ============================================================ */

/* 7a. STICKY SOL KOLON — yalnız >1024; tema bant genişlikleri (580/520px)
   flex-basis:auto ile aynen korunur. top = fixed header (#headerNew.gectop) payı. */
@media (min-width: 1025px){
  .TopDet{ display: flex !important; align-items: flex-start; }
  .TopDetLeft{ float: none !important; flex: 0 0 auto; position: sticky; top: 104px; }
  .RightDetail{ float: none !important; flex: 1 1 auto; min-width: 0; width: auto !important; }
}

/* 7b. BREADCRUMB — JS (moveBreadcrumb) ürün başlığının üstüne taşır; eski üst bant gizlenir */
.proCategoryTitle.mng-crumb-done{ display: none !important; }
.TopList > ul.breadcrumb{
  float: none !important; display: flex !important; flex-wrap: wrap; align-items: center;
  width: 100%; margin: 0 0 8px !important; padding: 0 !important; clear: both;
}
.TopList > ul.breadcrumb *{
  font-size: 11.5px !important; line-height: 18px !important;
  color: var(--m-soft); font-weight: 600; float: none !important;
}
.TopList > ul.breadcrumb li{ display: inline-flex; align-items: center; white-space: nowrap; }
.TopList > ul.breadcrumb li:after{ font-size: 8px !important; margin: 0 6px !important; color: #B9B9B9; }
.TopList > ul.breadcrumb li:last-child:after{ display: none; }
.TopList > ul.breadcrumb li:last-child{ max-width: 260px; overflow: hidden; }
.TopList > ul.breadcrumb li:last-child span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.TopList > ul.breadcrumb a:hover span{ color: var(--m-blue); }
.TopList > ul.breadcrumb #linkOncekiSayfa{ display: none !important; }

/* (7c. Trendyol iskelet stilleri v1.0.0-rc1'de SİLİNDİ — sekme v87'de kalktı,
   yorumlar görsel altı slider'da) */

/* 7d. YORUM boş-durum kartı ("Senden duymak istiyoruz!") */
.commentTiciContent{ float: none !important; width: 100%; }
.commentTiciNewComment{
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  background: #fff; border: 1px solid var(--m-line); border-radius: var(--m-r-lg);
  padding: 28px 24px; text-align: center; margin: 4px 0;
}
.commentTiciNewCommentTitle{
  margin: 0 !important; font-size: 17px !important; font-weight: 900 !important; color: var(--m-ink) !important;
}
.commentTiciNewCommentText{
  margin: 0 !important; font-size: 13px !important; font-weight: 600 !important;
  color: var(--m-soft) !important; max-width: 520px; line-height: 1.55 !important;
}
.commentTiciNewCommentButton{
  display: inline-flex !important; align-items: center; justify-content: center;
  height: var(--m-btn-h); padding: 0 28px !important; margin-top: 4px;
  background: var(--m-pink-strong) !important; color: #fff !important;
  font-size: 14px !important; font-weight: 800 !important;
  border-radius: var(--m-pill) !important; text-decoration: none !important;
  transition: all .28s var(--m-ease);
}
.commentTiciNewCommentButton:hover{ background: #D63652 !important; transform: translateY(-2px); }

/* 7e. ÖDEME SEÇENEKLERİ — havale rozeti + taksit tablosu grid'i */
#divHavaleFiyati.odemeSecenekHavale{
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--m-blue-soft); border: 1px solid #D8EAF1; border-radius: 12px;
  padding: 12px 18px; margin: 4px 0 14px;
}
#divHavaleFiyati.odemeSecenekHavale span{ font-size: 13px; font-weight: 700; color: var(--m-soft); }
#divHavaleFiyati.odemeSecenekHavale b{ font-size: 16px; font-weight: 900; color: var(--m-blue); }
/* PayTR kendi CSS'ini de yüklüyor (float/width'li) → ID-öncelikli + !important sertleştirme */
#paytr_taksit_tablosu{
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 12px !important; width: 100% !important; margin-top: 0 !important; float: none !important;
}
#paytr_taksit_tablosu .taksit-tablosu-wrapper{
  float: none !important; width: auto !important; max-width: none !important;
  margin: 0 !important; box-sizing: border-box !important;
  background: #fff !important; border: 1px solid var(--m-line) !important; border-radius: 12px !important;
  padding: 12px 14px !important; transition: box-shadow .28s var(--m-ease);
}
#paytr_taksit_tablosu .taksit-tablosu-wrapper:hover{ box-shadow: var(--m-sh-sm); }
#paytr_taksit_tablosu .taksit-logo{
  display: flex !important; justify-content: center !important; float: none !important;
  width: 100% !important; padding: 4px 0 10px !important; margin: 0 !important;
}
#paytr_taksit_tablosu .taksit-logo img{ height: 24px !important; width: auto !important; object-fit: contain; }
#paytr_taksit_tablosu .taksit-baslik{
  display: flex !important; justify-content: space-between !important; gap: 8px;
  float: none !important; width: 100% !important; box-sizing: border-box !important;
  padding: 0 0 6px !important; margin: 0 0 4px !important; border-bottom: 1px solid var(--m-line) !important;
  background: none !important;
}
#paytr_taksit_tablosu .taksit-baslik .taksit-tutari-text{
  float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;
  font-size: 10.5px !important; font-weight: 800 !important; text-transform: uppercase;
  letter-spacing: .04em; color: var(--m-soft) !important; background: none !important;
}
#paytr_taksit_tablosu .taksit-tutar-wrapper{
  display: flex !important; justify-content: space-between !important; gap: 8px;
  float: none !important; width: 100% !important; box-sizing: border-box !important;
  padding: 5px 0 !important; margin: 0 !important;
  border: 0 !important; border-bottom: 1px dashed #EDEDED !important; background: none !important;
}
#paytr_taksit_tablosu .taksit-tutar-wrapper:last-child{ border-bottom: 0 !important; }
#paytr_taksit_tablosu .taksit-tutar-wrapper .taksit-tutari{
  float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;
  font-size: 12.5px !important; font-weight: 600 !important; color: var(--m-soft) !important;
  background: none !important; font-variant-numeric: tabular-nums; text-align: left !important;
}
#paytr_taksit_tablosu .taksit-tutar-wrapper .taksit-tutari:last-child{
  font-weight: 800 !important; color: var(--m-ink) !important; text-align: right !important;
}

/* 7f. ÜRÜN ÖNERİLERİ — hata bildirim formu */
.frmUrunOneriler{
  max-width: 640px; margin: 4px 0 !important; padding: 0 !important; list-style: none;
}
.frmUrunOneriler > li{ list-style: none; margin: 0 0 10px; float: none !important; width: 100%; }
.frmUrunOneriler > li:first-child strong span{
  font-size: 13px; font-weight: 600; color: var(--m-soft); line-height: 1.55;
}
.frmUrunOneriler .checkbox{
  display: flex !important; align-items: center; gap: 10px;
  background: #fff; border: 1px solid var(--m-line); border-radius: 10px;
  padding: 10px 14px; cursor: pointer; transition: all .28s var(--m-ease);
}
.frmUrunOneriler .checkbox:hover{ background: var(--m-blue-soft); border-color: #D8EAF1; }
.frmUrunOneriler .checkbox input[type="checkbox"]{
  accent-color: var(--m-blue); width: 16px; height: 16px; margin: 0 !important; flex: 0 0 auto;
}
.frmUrunOneriler .checkbox label{
  font-size: 13px !important; font-weight: 600; color: var(--m-ink); cursor: pointer; margin: 0;
}
.frmUrunOneriler li strong[style]{ /* "Notlar" başlığı (inline-style'lı) */
  font-size: 13px !important; font-weight: 800 !important; color: var(--m-ink) !important;
  height: auto !important; margin: 6px 0 8px !important; float: none !important; display: block !important;
}
.frmUrunOneriler .textarea{
  border: 1px solid var(--m-line) !important; border-radius: 10px !important;
  padding: 10px 14px !important; height: 96px !important;
  font-size: 13px; color: var(--m-ink) !important; background: #fff !important;
  transition: border-color .28s var(--m-ease); outline: none;
}
.frmUrunOneriler .textarea:focus{ border-color: var(--m-blue) !important; }
.frmUrunOneriler .oneriButton{
  display: inline-flex !important; align-items: center; justify-content: center;
  height: var(--m-btn-h) !important; padding: 0 28px !important;
  background: var(--m-blue) !important; color: #fff !important;
  font-size: 14px !important; font-weight: 800 !important; border: 0 !important;
  border-radius: var(--m-pill) !important; cursor: pointer;
  transition: all .28s var(--m-ease);
}
.frmUrunOneriler .oneriButton:hover{ background: var(--m-blue-dark) !important; transform: translateY(-2px); }

/* 7g. sayfa üstü nefes — breadcrumb bandı kalktı, ürün alanı headera yapışmasın */
.ProductDetailMain{ margin-top: 18px !important; }

/* 7h. thumbnail rayı ↔ ana görsel oluğu: ray 100→92px (görsel 480px yerinde kalır,
   100-92=8px boşluk scrollbar ile görsel arasına girer); thumb 84px'e iner */
@media (min-width: 768px){
  .SmallImages{ width: 92px !important; }
  .SmallImages div, .SmallImages .AltImgCapSmallImg{ width: 84px !important; }
}

/* 7i. İNDİRİMLİ FİYAT DÜZENİ v2 (v25) — tek odaklı kompozisyon:
   satır 1: [₺289,08 (pembe kahraman) + "KDV Dahil" küçük ek] [eski fiyat üstü çizili] [%4 rozeti]
   satır 2 (sakin): İndirimli ₺240,90 + KDV. Tek-fiyat düzeni (#fiyat2) etkilenmez. */
.mng-price-card #pnlFiyatlar{
  display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 4px 10px;
  float: none !important; width: 100% !important;
}
/* sarmalayıcıları düzleştir → tüm satırlar aynı flex bağlamında sıralanabilir */
.mng-price-card #pnlFiyatlar #divFiyatAlanlari,
.mng-price-card #pnlFiyatlar .urunDetayFiyatContainer,
.mng-price-card #pnlFiyatlar #divIndirimliFiyat{ display: contents; }
.mng-price-card #pnlFiyatlar .Formline{ width: auto !important; margin: 0 !important; float: none !important; }
.mng-price-card #divKDVDahilFiyat{ order: 1; }
.mng-price-card .PiyasafiyatiContent{ order: 2; }
.mng-price-card #divIndirimOrani{ order: 3; }
.mng-price-card .IndirimliFiyatContent{ order: 4; width: 100% !important; }
/* kahraman: önce fiyat, sonra küçük "KDV Dahil" eki */
.mng-price-card #divKDVDahilFiyat .left_line{
  order: 2; display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
  color: var(--m-soft) !important; margin: 0 0 0 6px !important; text-decoration: none !important;
}
.mng-price-card #divKDVDahilFiyat .center_line{ display: none !important; }
.mng-price-card #divKDVDahilFiyat .right_line .spanFiyat{
  color: var(--m-pink-strong) !important; font-size: 26px !important; font-weight: 900 !important;
  letter-spacing: -.02em;
}
/* eski fiyat: yalnız üstü çizili değer (etiket kafa karıştırıyordu) */
.mng-price-card .PiyasafiyatiContent .left_line, .mng-price-card .PiyasafiyatiContent .center_line,
.mng-price-card .PiyasafiyatiContent .spanKdv{ display: none !important; }
.mng-price-card .PiyasafiyatiContent .right_line .spanFiyat{
  color: #9AA3AB !important; font-size: 14px !important; font-weight: 600 !important;
}
/* %4 rozeti — marka pembesi, kompakt */
.mng-price-card #divIndirimOrani .left_line, .mng-price-card #divIndirimOrani .center_line{ display: none !important; }
.mng-price-card #divIndirimOrani .indirimliOrani #ltrIndirimOrani{
  background: var(--m-pink-strong) !important; border-radius: 8px !important;
  line-height: 22px !important; min-height: 22px !important; font-size: 12px !important;
}
/* alt bilgi satırı: İndirimli (KDV hariç) — sakin gri */
.mng-price-card .IndirimliFiyatContent .left_line{
  display: inline-block !important; font-size: 12px !important; font-weight: 700 !important;
  color: var(--m-soft) !important; text-decoration: none !important;
}
.mng-price-card .IndirimliFiyatContent .center_line{ display: none !important; }
.mng-price-card .IndirimliFiyatContent .right_line .spanFiyat{
  color: var(--m-soft) !important; font-size: 13px !important; font-weight: 700 !important;
}
.mng-price-card .IndirimliFiyatContent .spanKdv{
  display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
  color: var(--m-soft) !important; text-decoration: none !important; margin-left: 3px;
}

/* (7k STICKY-fiyat kuralları v47'de bölüm 3'e KONSOLİDE edildi) */

/* 7m. v26 DÜZELTMELERİ (iki canlı ekran görüntüsü teşhisi)
   (1) inline-gizli fiyat satırları hortlamasın — display:flex !important inline none'u eziyordu
       ("Sepet Fiyatı :" hayaleti bundan çıktı) */
.mng-price-card .Formline[style*="display:none"], .mng-price-card .Formline[style*="display: none"]{
  display: none !important;
}
/* (2) KAHRAMAN SEÇİMİ ürüne uyarlanır (JS tagPriceLayouts etiketler):
   varsayılan = İndirimli kahramandır (KDV-Dahil satırı olmayan kurulum) */
.mng-price-card #pnlFiyatlar .IndirimliFiyatContent{ order: 1; width: auto !important; }
.mng-price-card #pnlFiyatlar .IndirimliFiyatContent .left_line{ display: none !important; }
.mng-price-card #pnlFiyatlar .IndirimliFiyatContent .right_line .spanFiyat{
  color: var(--m-pink-strong) !important; font-size: 26px !important; font-weight: 900 !important;
  letter-spacing: -.02em;
}
.mng-price-card #pnlFiyatlar .IndirimliFiyatContent .right_line .spanKdv{
  display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
  color: var(--m-soft) !important; text-decoration: none !important; margin-left: 5px;
  vertical-align: baseline !important; /* "(KDV Dahil)" alta sarkmasın */
}
/* KDV-Dahil satırı OLAN üründe (mng-has-kdv) İndirimli sakin alt satıra döner */
.mng-price-card #pnlFiyatlar.mng-has-kdv .IndirimliFiyatContent{ order: 4; width: 100% !important; }
.mng-price-card #pnlFiyatlar.mng-has-kdv .IndirimliFiyatContent .left_line{
  display: inline-block !important; font-size: 12px !important; font-weight: 700 !important;
  color: var(--m-soft) !important;
}
.mng-price-card #pnlFiyatlar.mng-has-kdv .IndirimliFiyatContent .right_line .spanFiyat{
  color: var(--m-soft) !important; font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0;
}
/* (3) %4 rozeti dikey hiza — baseline'dan sarkıyordu */
.mng-price-card #pnlFiyatlar #divIndirimOrani{ align-self: center !important; }
/* (4) BOŞ puanVer satırı (yıldız render edilmiyor, tek başına "0" kalıyordu) — JS mng-empty etiketler */
.Formline.puanVer.mng-empty{ display: none !important; }
/* ((5) STICKY sığdırma kuralları v47'de bölüm 3'e KONSOLİDE edildi) */

/* 7l. KARGO BEDAVA — aksiyon gridinde 5. kart olarak duruyordu (bilgi ≠ aksiyon):
   grid'den gizlenir, JS kargo rozetine yeşil chip olarak ekler */
.BottomList .ProductIcon #divKargoBedava{ display: none !important; }

/* 7n. SEPETE EKLENDİ MODALI (v28) — tema diline hafif uyarlama */
#sepetEkleModal .modal-content{
  border-radius: var(--m-r-lg) !important; border: 0 !important;
  box-shadow: 0 18px 48px rgba(38,35,36,.18) !important; padding: 22px !important;
}
#sepetEkleModal .modal-close{
  width: 32px; height: 32px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--m-blue-soft); color: var(--m-blue);
  font-size: 18px; line-height: 1; cursor: pointer;
  transition: all .28s var(--m-ease);
}
#sepetEkleModal .modal-close:hover{ background: var(--m-pink-soft); color: var(--m-pink-strong); }
/* v36: SAF KOZMETİK — layout (flex/width/hizalama) kuralları KALDIRILDI;
   temanın kendi satır düzeni geçerli (çıkarma butonu/hizalar bozuluyordu) */
#sepetEkleModal .divCol1 img{ border: 1px solid var(--m-line); border-radius: 12px; }
#sepetEkleModal .divCol2 h4{ font-size: 14px; font-weight: 800; color: var(--m-ink); }
#sepetEkleModal .divStokKodu{ font-size: 11px; font-weight: 700; color: var(--m-soft); }
#sepetEkleModal .divCol3 h4{ font-size: 16px; font-weight: 900; color: var(--m-pink-strong); }
#sepetEkleModal .divCol3 p{ font-size: 12px; font-weight: 700; color: var(--m-soft); }
#sepetEkleModal .divEklenenSepetToplam{
  margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--m-line);
}
#sepetEkleModal .divEklenenSepetToplam p{
  font-size: 13px; font-weight: 700; color: var(--m-soft);
}
#sepetEkleModal .pSepetToplamAdet span{ color: var(--m-ink); font-weight: 800; }
#sepetEkleModal .pSepetToplamFiyat span{ font-size: 17px; font-weight: 900; color: var(--m-pink-strong); }
#sepetEkleModal .divAltButonlar{ display: flex !important; gap: 10px; margin-top: 16px; }
/* v59: eşit genişlik GARANTİ — basis 0 + core width/min-width sıfırlanır */
#sepetEkleModal .divAltButonlar a{
  flex: 1 1 0 !important; width: auto !important; min-width: 0 !important;
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; border-radius: var(--m-pill); font-size: 14px; font-weight: 800;
  text-decoration: none !important; cursor: pointer; transition: all .28s var(--m-ease);
}
#sepetEkleModal .modalDevamEtBTn{
  background: #fff !important; color: var(--m-ink) !important; border: 1px solid var(--m-line) !important;
}
#sepetEkleModal .modalDevamEtBTn:hover{
  background: var(--m-blue-soft) !important; border-color: var(--m-blue) !important; color: var(--m-blue) !important;
}
#sepetEkleModal .modalSepetimBtn{
  background: var(--m-pink-strong) !important; color: #fff !important; border: 0 !important;
}
#sepetEkleModal .modalSepetimBtn:hover{ background: #D63652 !important; transform: translateY(-2px); }
@media (max-width: 767px){
  #sepetEkleModal .divAltButonlar{ flex-direction: column; }
}
/* (kb chip'i v27'de kaldırıldı — Kargo Bedava artık görsel üstü rozet sütununda, bkz. 7j) */

/* 7j. GÖRSEL ÜSTÜ ROZET SÜTUNU (v27): Fırsat Ürünü + altında Kargo Bedava.
   (Fırsat: şablon render edip inline none basıyor, temada stili hiç yoktu.
    Kargo Bedava: JS aksiyon gridinden buraya taşır — buildImgBadges) */
.leftImage .mng-img-badges{
  position: absolute; top: 12px; left: 104px; z-index: 6; /* thumb rayının (92px) sağı */
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
/* v93: İNDİRİM ORANI rozeti — temanın hazır %'si (divIndirimOrani) JS ile buraya
   taşınır; etiket/iki nokta gizlenir, yalnız "%23 İndirim" pembe pill kalır */
.mng-img-badges #divIndirimOrani{
  display: block !important; position: static; float: none !important;
  width: auto !important; margin: 0 !important; padding: 0 !important;
}
.mng-img-badges #divIndirimOrani .left_line,
.mng-img-badges #divIndirimOrani .center_line{ display: none !important; }
.mng-img-badges #divIndirimOrani .indirimliOrani{
  display: inline-flex !important; align-items: center;
  background: var(--m-pink-strong) !important; color: #fff !important;
  font-size: 0 !important; /* rc2: ham '%' ve ' İndirim' text-node'ları gizli — yalnız %sayı kalır */
  font-weight: 800 !important; line-height: 1 !important;
  padding: 6px 12px !important; border-radius: var(--m-pill) !important;
  box-shadow: var(--m-sh-sm); letter-spacing: .02em; white-space: nowrap;
  float: none !important; width: auto !important; text-align: left !important;
}
/* temanın iç kırmızı kutusu nötr; '%' işareti ::before ile sayının önünde */
.mng-img-badges #divIndirimOrani .indirimliOrani #ltrIndirimOrani{
  background: none !important; padding: 0 !important; min-height: 0 !important;
  display: inline !important; line-height: 1 !important; border-radius: 0 !important;
  color: #fff !important; font-size: 12px !important; font-weight: 800 !important;
}
.mng-img-badges #divIndirimOrani .indirimliOrani #ltrIndirimOrani:before{
  content: '%' !important; float: none !important;
}
.mng-img-badges #divFirsatUrunu.DetayFirsatUrunu{ display: block !important; position: static; }
.mng-img-badges #divFirsatUrunu.DetayFirsatUrunu > div{
  background: var(--m-pink-strong); color: #fff; font-size: 12px; font-weight: 800;
  padding: 6px 12px; border-radius: var(--m-pill); box-shadow: var(--m-sh-sm); letter-spacing: .02em;
}
.mng-img-badges #divKargoBedava{ display: block !important; position: static; }
.mng-img-badges #divKargoBedava .boxIcon, .mng-img-badges #divKargoBedava .fa{ display: none !important; }
.mng-img-badges #divKargoBedava a.tipL{
  display: inline-block; text-decoration: none !important; cursor: default; pointer-events: none;
}
.mng-img-badges #divKargoBedava .box1{
  display: inline-block; background: #E9F8EF; color: #12813C;
  font-size: 12px; font-weight: 800; padding: 6px 12px;
  border-radius: var(--m-pill); box-shadow: var(--m-sh-sm); white-space: nowrap;
}
@media (max-width: 767px){
  .leftImage .mng-img-badges{ left: 12px; } /* mobilde ray altta — görsel sol üstü */
}

/* ============================================================
   8) v18 — MOBİL (≤767) DÜZELTMELERİ
   Tema ≤767 bandında galeri kuralı YOK (.Images 480px sabit kalıyor → taşma).
   ============================================================ */
@media (max-width: 767px){
  /* 8a. galeri akışkan: tam genişlik görsel + yatay thumb şeridi */
  .Images, #divVideoGoruntulemeAlan{ float: none !important; width: 100% !important; }
  .Images img{ width: 100% !important; height: auto !important; }
  .SmallImages{
    position: static !important; width: 100% !important; max-height: none !important;
    display: flex !important; gap: 8px; overflow-x: auto; overflow-y: hidden;
    padding: 10px 0 4px !important; float: none !important;
  }
  .SmallImages div, .SmallImages .AltImgCapSmallImg{
    float: none !important; width: 64px !important; flex: 0 0 64px; margin: 0 !important;
  }
  /* 8b. breadcrumb mobilde TEMANIN ORİJİNALİ (v22: taşıma yok, stil yok) */
  /* 8c. sticky çubuk mobilde SCROLL-TETİKLİ (v27) — temanın mobil bandı bottom:0 ile
     HEP AÇIK tutuyordu (L1971 civarı); kullanıcı kaydırınca-gelsin istedi */
  .detaySticky{ bottom: -120% !important; }
  .detaySticky.fixed{ bottom: 0 !important; }
  .detaySticky .mng-wa-btn{ width: 40px !important; min-width: 40px !important; height: 40px !important; }
  /* 8d. akordeon sekme başlıkları: gri zemin, aktif mavi */
  .urunOzellikTab .urunTab > ul > li{ border-bottom: 0 !important; margin-bottom: 8px !important; }
  .urunOzellikTab .urunTab > ul > li > a{
    background: #F3F4F6 !important; border-radius: 10px !important;
    padding: 0 34px 0 14px !important; box-sizing: border-box !important;
  }
  .urunOzellikTab .urunTab > ul > li > a:before{ right: 14px !important; }
  .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a{
    background: var(--m-blue) !important; color: #fff !important;
  }
  .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:before{ color: #fff !important; }
  .urunOzellikTab .urunTab > ul > li .urunDetayPanel{ padding: 14px 2px !important; }
}

/* ============================================================
   11) ARŞİV SAYFASI (v36) — başlık bandı · filtre paneli · sıralama · kart · mini-cart
   (selektörler kullanıcının verdiği canlı DOM'lardan — kanıtlı)
   ============================================================ */
/* kart: yıldızlar gizli (0 yorumla anlamsız kalabalık) */
.productItem .productPoints{ display: none !important; }
/* kart: marka satırı kategori gösterir (JS tagCards doldurur) */
.productItem .productMarka{ display: block !important; }

/* kart görseli: 2:3 DİKEY oran (v37 — kullanıcı tüm görselleri dikey yükleyecek;
   kare kalan eski görseller geçiş döneminde ortadan kırpılır) */
.productItem .productImage{
  position: relative; aspect-ratio: 2 / 3; overflow: hidden;
}
.productItem .productImage a{ display: block; width: 100%; height: 100%; }
.productItem .productImage img{
  width: 100% !important; height: 100% !important; object-fit: cover;
}

/* kart rozetleri (.productIconEx) — sarı default yerine marka dili:
   kargo=yeşil · fırsat=pembe · stok uyarısı=turuncu (kargo rozetinin warn paleti) */
.productItem .productIconEx{
  position: absolute; top: 10px; left: 10px; z-index: 3;
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
.productIconEx > div{
  font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important;
  padding: 6px 10px !important; border-radius: var(--m-pill) !important;
  box-shadow: var(--m-sh-sm); border: 0 !important;
  width: auto !important; float: none !important; margin: 0 !important;
}
.productIconEx .cargoIcon{ background: #E9F8EF !important; color: #12813C !important; }
.productIconEx .firsatIcon{ background: var(--m-pink-strong) !important; color: #fff !important; }
.productIconEx .urunListStokUyari{ background: #FFF6E9 !important; color: #B26A00 !important; }
/* — TÜKENDİ KARTLARI (v43): görsel siyah-beyaz, rozet görselin tam ortasında,
   Sepete Ekle yerine "WhatsApp ile Sor" (JS styleOutOfStock ekler) — */
.productItem.StokYok .productImage img{
  filter: grayscale(1); opacity: .9; transition: filter .28s var(--m-ease);
}
.productItem.StokYok:hover .productImage img{ filter: grayscale(.6); }
/* JS rozeti .productImage içine taşır → tam ortalama garantili */
.productItem .productImage .TukendiIco{
  position: absolute; inset: 0; z-index: 4;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.22); text-decoration: none !important;
}
.productItem .productImage .TukendiIco span{
  background: rgba(38,35,36,.85); color: #fff;
  font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  padding: 9px 20px; border-radius: var(--m-pill); box-shadow: var(--m-sh-sm);
}
/* WhatsApp ile Sor — aksiyon şeridinde sepete-ekle'nin yerini alır */
.productIcon .mng-wa-ask a{
  display: flex !important; align-items: center; justify-content: center; gap: 7px;
  background: var(--m-wa) !important; color: #fff !important;
  border-radius: var(--m-pill) !important; border: 0 !important;
  font-size: 12.5px !important; font-weight: 800 !important;
  height: 38px; padding: 0 14px; text-decoration: none !important;
  transition: all .28s var(--m-ease); cursor: pointer;
}
.productIcon .mng-wa-ask a:hover{ background: var(--m-wa-dark) !important; }
.productIcon .mng-wa-ask svg{ width: 16px; height: 16px; flex: 0 0 auto; }

/* "Son ürün" — en yüksek aciliyet: amber DOLU (konteyner dışında kalırsa da pill görünsün) */
.productIconEx .urunListSonUrun, .productItem .urunListSonUrun{
  background: #B26A00 !important; color: #fff !important;
  font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important;
  padding: 6px 10px !important; border-radius: var(--m-pill) !important;
  border: 0 !important; width: auto !important; float: none !important; margin: 0 !important;
  box-shadow: var(--m-sh-sm);
}

/* — HESABIM DROPDOWN (.nav-dropdown) — v46: kart yüzeyi ZATEN temada
   (.nav-dropdown'ın kendisi) — v40 hatası iç ul'a İKİNCİ kart giydirmekti
   (kart-içinde-kart görünüyordu). Doğrusu: MEVCUT yüzeyi boya, ul şeffaf. */
#headerNew .nav-dropdown, .nav-dropdown{
  background: #fff !important; border: 1px solid var(--m-line) !important;
  border-radius: 14px !important; box-shadow: 0 18px 44px rgba(38,35,36,.14) !important;
  min-width: 240px !important; /* v52: isim sığmıyordu */
}
#headerNew .nav-dropdown .nav-dropdown-ul, .nav-dropdown .nav-dropdown-ul{
  background: none !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important;
  padding: 8px !important; min-width: 210px !important; list-style: none !important;
  margin: 0 !important;
}
#headerNew .nav-dropdown .MyAccount-navigation-link, .nav-dropdown .MyAccount-navigation-link{
  list-style: none !important; float: none !important; width: auto !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
#headerNew .nav-dropdown .header-member-name span, .nav-dropdown .header-member-name span{
  display: block !important; padding: 10px 12px 12px !important; margin: 0 0 6px !important;
  font-size: 13px !important; font-weight: 900 !important; color: var(--m-ink) !important;
  border-bottom: 1px solid var(--m-line) !important; line-height: 1.35 !important;
  white-space: normal !important; overflow-wrap: anywhere; /* v52: uzun isim sarabilsin */
}
#headerNew .nav-dropdown .MyAccount-navigation-link a, .nav-dropdown .MyAccount-navigation-link a{
  display: block !important; padding: 9px 12px !important; border-radius: 8px !important;
  font-size: 13.5px !important; font-weight: 600 !important; color: var(--m-soft) !important;
  line-height: 1.4 !important; background: none !important; border: 0 !important;
  transition: all .28s var(--m-ease); text-decoration: none !important;
}
#headerNew .nav-dropdown .MyAccount-navigation-link a:hover, .nav-dropdown .MyAccount-navigation-link a:hover{
  background: var(--m-blue-soft) !important; color: var(--m-blue) !important;
}
#headerNew .nav-dropdown .header-member-exit a, .nav-dropdown .header-member-exit a{
  color: var(--m-pink-strong) !important;
}
#headerNew .nav-dropdown .header-member-exit a:hover, .nav-dropdown .header-member-exit a:hover{
  background: var(--m-pink-soft) !important; color: var(--m-pink-strong) !important;
}

/* alt kategori şeridi (.subDivisionDiv) gizli — v56 kullanıcı talimatı */
.subDivisionDiv{ display: none !important; }

/* — kategori başlık bandı — */
.categorydescblock{
  padding: 16px 0 4px;
  /* v57: düz #EFF6F8 yerine custom blok dilinde yumuşak degrade (mh-why ailesi) */
  background: linear-gradient(120deg, var(--m-blue-soft), #FBFDFE 55%, var(--m-pink-soft)) !important;
}
.categorydescblock ul.breadcrumb *{
  font-size: 12px !important;
  color: var(--m-soft); font-weight: 600;
  align-items: center; /* v57 kullanıcı değeri; line-height kaldırıldı */
}
.categorydescblock ul.breadcrumb li:after{ font-size: 8px !important; margin: 0 6px !important; color: #B9B9B9; }
.categoryPageTitle{
  font-size: 24px !important; font-weight: 900 !important; color: var(--m-ink) !important;
  letter-spacing: -.01em; position: relative; padding-bottom: 10px !important; margin-top: 6px;
}
.categoryPageTitle::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 30px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}

/* — sol filtre paneli — */
/* v82: FİLTRE PANELİ cilası YALNIZ MASAÜSTÜ (≥1042; temanın çekmece bandı ≤1041) —
   bu kurallar class ortak olduğu için mobil çekmeceye sızıp temanın çalışan
   sistemini bozuyordu; çekmece artık %100 ORİJİNAL temanın */
@media (min-width: 1042px){
.category-vertical-filters .vertical-filter-panel{
  background: #fff; border: 1px solid var(--m-line) !important; border-radius: 16px !important;
  padding: 16px !important; margin-bottom: 14px !important; box-shadow: none !important;
}
.category-vertical-filters .panel-heading{ padding: 0 !important; background: none !important; border: 0 !important; }
.category-vertical-filters .panel-title{
  display: block; font-size: 12px !important; font-weight: 900 !important;
  letter-spacing: .08em; text-transform: uppercase; color: var(--m-ink) !important;
  position: relative; padding: 0 20px 8px 0 !important; margin-bottom: 10px;
}
/* v38: pembe çizgi ::before'a taşındı — ::after artık DÜZGÜN collapse oku (temanınki bozuktu) */
.category-vertical-filters .panel-title::before{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 22px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
.category-vertical-filters .panel-title::after{
  content: '\f107' !important; font-family: 'FontAwesome' !important;
  position: absolute; right: 0; top: 0;
  font-size: 13px; font-weight: 400; color: var(--m-soft);
  letter-spacing: 0; text-transform: none;
  background: none !important; width: auto !important; height: auto !important;
}
.category-vertical-filters .list-group{ margin: 0 !important; padding: 0 !important; border: 0 !important; }
.category-vertical-filters .list-group li{ border: 0 !important; padding: 0 !important; background: none !important; }
.category-vertical-filters .list-group li a{
  display: block; padding: 7px 10px !important; border-radius: 8px;
  font-size: 13.5px !important; font-weight: 600 !important; color: var(--m-soft) !important;
  transition: all .28s var(--m-ease);
}
.category-vertical-filters .list-group li a:hover{
  background: var(--m-blue-soft); color: var(--m-blue) !important;
}
/* v58: AKTİF kategori — sınıfı JS basar (markActiveCat, URL eşleşmesi), CSS yalnız renk */
.category-vertical-filters .list-group a.mng-active{
  background: var(--m-blue-soft) !important; color: var(--m-blue) !important;
  font-weight: 800 !important; border-radius: 8px;
}
/* fiyat aralığı slider'ı */
.FiyatSlider .ui-slider{
  height: 4px !important; border: 0 !important; border-radius: 4px !important;
  background: var(--m-line) !important; margin: 14px 8px 10px;
}
.FiyatSlider .ui-slider-range{ background: var(--m-blue) !important; border-radius: 4px; }
.FiyatSlider .ui-slider-handle{
  width: 16px !important; height: 16px !important; top: -6px !important;
  border-radius: 50% !important; background: #fff !important;
  border: 2px solid var(--m-blue) !important; cursor: pointer; outline: none;
}
.FiyatSlider .amount{ font-size: 12.5px !important; font-weight: 800 !important; color: var(--m-ink) !important; margin-top: 8px; }
} /* v82 masaüstü media sonu */

/* — SIRALAMA ÇUBUĞU — TEK KONSOLİDE BLOK (v47; eski v36+v44+v45 katmanları birleşti)
   Hedef düzen: [Sıralama][Stoktakiler] ………… [51 Ürün][görünüm ikonları] */
/* v75: sıralama çubuğunun TÜM kuralları (yüzey kartı dahil) YALNIZ masaüstü —
   display !important'lar mobilde temanın gizlediği listeyi zorla açıp kart
   arkasında hayalet bırakıyor, Filtreleme'nin tıklanmasını engelliyordu */
@media (min-width: 768px){
.brandlistselection{
  background: #fff; border: 1px solid var(--m-line); border-radius: 14px;
  padding: 10px 14px; margin-bottom: 16px;
}
.brandlistselection .sortingContent{
  display: flex !important; align-items: center; gap: 12px; flex-wrap: wrap;
  width: 100% !important; list-style: none; margin: 0 !important; padding: 0 !important;
}
.brandlistselection .sortingContent > li{
  display: flex !important; align-items: center;
  float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important;
}
.brandlistselection #filterOrderSelect{
  height: 38px; padding: 0 12px; font-size: 13px; font-weight: 700; color: var(--m-ink);
}
/* Stoktakiler chip'i */
.brandlistselection .filterOrderInStock{
  display: inline-flex !important; align-items: center; height: 38px; padding: 0 16px;
  border: 1px solid var(--m-line); border-radius: var(--m-pill);
  font-size: 13px !important; font-weight: 700 !important; color: var(--m-soft) !important;
  transition: all .28s var(--m-ease);
}
.brandlistselection .filterOrderInStock:hover{
  border-color: var(--m-blue); color: var(--m-blue) !important; background: var(--m-blue-soft);
}
/* sağ grup: adet + ikonlar (order ile sıra garanti) */
.brandlistselection .FiltrelemeUrunAdet{
  margin-left: auto !important; display: flex !important; align-items: center; gap: 12px;
}
.brandlistselection .FiltrelemeUrunAdet > span{
  order: 1; font-family: inherit !important; font-size: 13px !important;
  font-weight: 700 !important; color: var(--m-soft) !important; letter-spacing: 0 !important;
}
.brandlistselection .blockSelect{
  order: 2; display: flex !important; gap: 6px; float: none !important; margin: 0 !important;
}
.brandlistselection .blockSelect a{ margin: 0 !important; float: none !important; }
/* görünüm butonları — FA5 glifleri (fas/fal) FA4'te yok; ikonu biz çizeriz,
   grid yoğunluğu ikon boyutuyla ima edilir (3<4<5 kolon) */
.brandlistselection .btnCatSorting{
  width: 34px; height: 34px; border-radius: 10px !important;
  border: 1px solid var(--m-line) !important; color: var(--m-soft) !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  transition: all .28s var(--m-ease); background: #fff !important;
}
.brandlistselection .btnCatSorting i{ display: none !important; }
.brandlistselection .btnCatSorting::before{ font-family: 'FontAwesome'; line-height: 1; }
.brandlistselection .sort_2::before{ content: '\f009'; font-size: 14px; }
.brandlistselection .sort_3::before{ content: '\f00a'; font-size: 14px; }
.brandlistselection .sort_4::before{ content: '\f00a'; font-size: 12px; }
.brandlistselection .sort_5::before{ content: '\f00a'; font-size: 10px; }
.brandlistselection .sort_hrz::before{ content: '\f00b'; font-size: 14px; }
.brandlistselection .btnCatSorting:hover{ border-color: var(--m-blue) !important; color: var(--m-blue) !important; }
.brandlistselection .btnCatSorting.Active{
  background: var(--m-blue) !important; border-color: var(--m-blue) !important; color: #fff !important;
}
/* v57 — DİZİLİM GARANTİSİ (ID-seviyesi): class-bazlı kurallar canlıda üç kez yenildi;
   #divSayfalamaUst spesifikliğini hiçbir tema/core kuralı geçemez.
   Hedef: [Sıralama][Stoktakiler] ………… [39 Ürün][ikonlar] */
#divSayfalamaUst .brandlistselection{
  display: block !important; width: 100% !important; float: none !important;
}
#divSayfalamaUst .brandlistselection .sortingContent{
  display: flex !important; align-items: center !important; flex-wrap: wrap !important;
  width: 100% !important; gap: 12px !important; text-align: left !important;
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}
#divSayfalamaUst .brandlistselection .sortingContent > li{
  display: flex !important; align-items: center !important;
  float: none !important; width: auto !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; text-align: left !important;
}
#divSayfalamaUst .brandlistselection .sortingContent > li.FiltrelemeUrunAdet{
  margin-left: auto !important; display: flex !important; align-items: center !important;
  gap: 12px !important;
}
#divSayfalamaUst .brandlistselection .FiltrelemeUrunAdet > span{ order: 1 !important; }
#divSayfalamaUst .brandlistselection .FiltrelemeUrunAdet .blockSelect{
  order: 2 !important; display: flex !important; gap: 6px !important;
  float: none !important; margin: 0 !important;
}
} /* v75 media sonu */

/* — header mini-cart (#checkoutCartProductDiv) — */
#checkoutCartProductDiv .checkoutCartProductContent{
  background: #fff; border: 1px solid var(--m-line) !important; border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(38,35,36,.14) !important; overflow: hidden;
}
#checkoutCartProductDiv .checkoutProductItem{
  padding: 12px 14px !important; border-bottom: 1px solid #F0F2F4 !important;
}
#checkoutCartProductDiv .checkoutItemImg img{
  border: 1px solid var(--m-line); border-radius: 10px;
}
#checkoutCartProductDiv .checkoutItemName span{
  font-size: 13px !important; font-weight: 700 !important; color: var(--m-ink) !important; line-height: 1.35;
}
#checkoutCartProductDiv .checkoutItemPrice span{
  font-size: 13.5px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important;
}
#checkoutCartProductDiv .checkoutItemVariant span,
#checkoutCartProductDiv .checkoutItemSalesUnit span{
  font-size: 11.5px !important; font-weight: 600 !important; color: var(--m-soft) !important;
}
#checkoutCartProductDiv .checkoutItemDelete a{
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  transition: background .28s var(--m-ease); cursor: pointer;
}
#checkoutCartProductDiv .checkoutItemDelete a:hover{ background: var(--m-pink-soft); }
#checkoutCartProductDiv .checkoutItemDelete a:hover svg path{ fill: var(--m-pink-strong); }
#checkoutCartProductDiv .priceCheckoutInfo{
  padding: 12px 14px !important; border-top: 1px solid var(--m-line) !important; background: #FAFCFD;
}
#checkoutCartProductDiv .priceCheckoutText{ font-size: 13px !important; font-weight: 700 !important; color: var(--m-soft) !important; }
#checkoutCartProductDiv .priceCheckoutValue{ font-size: 16px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important; }
#checkoutCartProductDiv .cartCheckoutButtonsContent{ display: flex; gap: 8px; padding: 12px 14px; }
#checkoutCartProductDiv .checkoutButton{ flex: 1; float: none !important; width: auto !important; }
#checkoutCartProductDiv .checkoutButton a{
  display: flex; align-items: center; justify-content: center;
  height: 42px; border-radius: var(--m-pill) !important;
  font-size: 13px !important; font-weight: 800 !important;
  text-decoration: none !important; transition: all .28s var(--m-ease);
}
#checkoutCartProductDiv .basketUrlButton a{
  background: #fff !important; color: var(--m-ink) !important; border: 1px solid var(--m-line) !important;
}
#checkoutCartProductDiv .basketUrlButton a:hover{
  background: var(--m-blue-soft) !important; border-color: var(--m-blue) !important; color: var(--m-blue) !important;
}
#checkoutCartProductDiv .orderCompleteButton a{
  background: var(--m-pink-strong) !important; color: #fff !important; border: 0 !important;
}
#checkoutCartProductDiv .orderCompleteButton a:hover{ background: #D63652 !important; }

/* — YAN SEPET PANELİ (#globalLiteCart mini cart) — v41, SAF KOZMETİK:
   tema satır düzenlerine (flex/float) DOKUNULMAZ; renk/tipografi/köşe/hover */
#globalLiteCart .modal-content{
  border-radius: 18px !important; box-shadow: 0 24px 60px rgba(38,35,36,.2) !important;
}
#globalLiteCart .spnCartTxt{
  font-size: 15px !important; font-weight: 900 !important; color: var(--m-ink) !important;
}
#globalLiteCart .miniCartRigthHeader-fav-button span{
  font-size: 12.5px !important; font-weight: 700 !important; color: var(--m-soft) !important;
  transition: color .28s var(--m-ease);
}
#globalLiteCart .miniCartRigthHeader-fav-button:hover span{ color: var(--m-pink-strong) !important; }
#globalLiteCart .header-close-btn{ cursor: pointer; transition: opacity .28s var(--m-ease); }
#globalLiteCart .header-close-btn:hover{ opacity: .6; }
/* genel toplam satırları */
#globalLiteCart .miniCartSatir1.totalAmount{
  background: #FAFCFD; border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line);
}
#globalLiteCart .miniCartCol1{ font-size: 13px !important; font-weight: 700 !important; color: var(--m-soft) !important; }
#globalLiteCart .miniCartCol2{ font-size: 16px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important; }
/* butonlar: Sipariş Tamamla = pembe dolu · Sepete Git = mavi ghost */
#globalLiteCart .checkoutAsGuestButton{
  border-radius: var(--m-pill) !important; font-weight: 800 !important;
  font-size: 13.5px !important; transition: all .28s var(--m-ease);
}
#globalLiteCart .fastOrderUrlButton{
  background: var(--m-pink-strong) !important; color: #fff !important; border: 0 !important;
}
#globalLiteCart .fastOrderUrlButton:hover{ background: #D63652 !important; }
#globalLiteCart .fastOrderUrlButton span{ color: #fff !important; }
#globalLiteCart .basketUrlButton{
  background: #fff !important; color: var(--m-ink) !important; border: 1px solid var(--m-line) !important;
}
#globalLiteCart .basketUrlButton:hover{
  background: var(--m-blue-soft) !important; border-color: var(--m-blue) !important;
}
#globalLiteCart .basketUrlButton:hover span{ color: var(--m-blue) !important; }
/* hediye çeki linki */
#globalLiteCart .hediyeCekiBtnContent a{ color: var(--m-soft) !important; transition: color .28s var(--m-ease); }
#globalLiteCart .hediyeCekiBtnContent a:hover{ color: var(--m-blue) !important; }
#globalLiteCart .hediyeCekiBtnContent .offers-tab span{ font-size: 13px !important; font-weight: 700 !important; }
/* ürün satırları */
#globalLiteCart .miniCartRight img{ border: 1px solid var(--m-line); border-radius: 10px; }
#globalLiteCart .minimarka a{
  font-size: 11px !important; font-weight: 800 !important; color: var(--m-blue) !important;
  letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important;
}
#globalLiteCart .miniurunAdi a{
  font-size: 13px !important; font-weight: 700 !important; color: var(--m-ink) !important;
  line-height: 1.35 !important; text-decoration: none !important;
}
#globalLiteCart .miniurunAdi a:hover{ color: var(--m-blue) !important; }
#globalLiteCart .eksecenek span{ font-size: 12px !important; color: var(--m-soft) !important; }
#globalLiteCart .eksecenek span + span{ font-weight: 700 !important; color: var(--m-ink) !important; }
#globalLiteCart .miniCartButtonSil a{
  font-size: 12px !important; font-weight: 700 !important; color: var(--m-pink-strong) !important;
  cursor: pointer; transition: opacity .28s var(--m-ease);
}
#globalLiteCart .miniCartButtonSil a:hover{ opacity: .7; }
#globalLiteCart .miniCartButtonSil svg{ width: 5px; height: 8px; fill: var(--m-pink-strong); }
/* adet kontrolü → v60 konsolide STEPPER bloğu aşağıda (v55 istisnaları bölümü) */
/* fiyatlar: tek fiyat pembe; indirimliyle birlikte eski fiyat gri üstü çizili */
#globalLiteCart .miniCartItemprice .DiscountPrice{
  font-size: 15px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important;
}
#globalLiteCart .miniCartItemprice .DiscountPrice.lineThrough{
  font-size: 12.5px !important; font-weight: 600 !important; color: #9AA3AB !important;
  text-decoration: line-through !important;
}
#globalLiteCart .miniCartItemprice .CartPrice{
  font-size: 15px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important;
}
#globalLiteCart .miniCartHr{ border: 0; border-top: 1px solid #F0F2F4; }
/* hediye çeki paneli */
#globalLiteCart .miniCartGiftCode .checkoutAsGuestButton{
  background: var(--m-blue) !important; color: #fff !important; border: 0 !important;
}
#globalLiteCart .miniCartGiftCode .checkoutAsGuestButton:hover{ background: var(--m-blue-dark) !important; }

/* — MİNİ-CART ÜRÜN SATIRI — v53 KESİN KARAR: yapı %100 TEMANIN
   (v44/v52 flex/order/absolute denemeleri iki kez bozdu — kullanıcı talimatıyla SÖKÜLDÜ).
   Cila kuralları (renk/tipografi/köşe) yukarıdaki v41 bloğunda; DÜZEN kuralı YASAK.
   v55 istisnaları AŞAĞIDA — kullanıcının kendi talimatları: — */
/* (1) Sil düzeni (kullanıcı değeri) */
#globalLiteCart .miniCartButtonSil{
  display: block !important; margin-top: 5px !important; margin-bottom: 10px !important;
}
/* (2) v60: adet kontrolü = TEK BİTİŞİK STEPPER [−|3|+] — core'un float/absolute
   dizilimi input'u eksinin üstüne bindiriyordu; static+flex her mekanizmayı ezer */
#globalLiteCart .adettanim3{
  display: flex !important; align-items: center !important;
  float: none !important; position: static !important; width: auto !important;
}
#globalLiteCart .adettanim3 label{
  font-size: 12px !important; font-weight: 700 !important; color: var(--m-soft) !important;
  margin: 0 8px 0 0 !important; float: none !important;
}
#globalLiteCart .adettanim3 .aMiniSepetAzalt,
#globalLiteCart .adettanim3 .aMiniSepetArtir{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 28px !important; height: 28px !important; flex: 0 0 28px;
  float: none !important; position: static !important; margin: 0 !important; padding: 0 !important;
  border: 1px solid var(--m-line) !important; background: #fff !important; color: var(--m-soft) !important;
  text-decoration: none !important; cursor: pointer; transition: all .28s var(--m-ease);
}
#globalLiteCart .adettanim3 .aMiniSepetAzalt{ border-radius: 8px 0 0 8px !important; }
#globalLiteCart .adettanim3 .aMiniSepetArtir{ border-radius: 0 8px 8px 0 !important; }
#globalLiteCart .adettanim3 .aMiniSepetAzalt i,
#globalLiteCart .adettanim3 .aMiniSepetArtir i{ font-size: 10px !important; }
#globalLiteCart .adettanim3 .aMiniSepetAzalt:hover,
#globalLiteCart .adettanim3 .aMiniSepetArtir:hover{
  border-color: var(--m-blue) !important; color: var(--m-blue) !important;
  background: var(--m-blue-soft) !important;
}
#globalLiteCart .txtMiniSepetAdet{
  width: 36px !important; height: 28px !important; flex: 0 0 36px; padding: 0 !important;
  float: none !important; position: static !important; margin: 0 !important;
  line-height: 26px !important; /* 28px kutu − 2×1px kenar: dikey merkez */
  text-align: center !important; font-size: 13px !important; font-weight: 800 !important;
  color: var(--m-ink) !important; background: #fff !important;
  border: 1px solid var(--m-line) !important; border-left: 0 !important; border-right: 0 !important;
  border-radius: 0 !important;
  -moz-appearance: textfield; appearance: textfield;
}
#globalLiteCart .txtMiniSepetAdet::-webkit-inner-spin-button,
#globalLiteCart .txtMiniSepetAdet::-webkit-outer-spin-button{
  -webkit-appearance: none; margin: 0;
}
/* (3b) başlık şeridi (v59, kullanıcı değerleri) */
#globalLiteCart .miniCartRigthHeader{
  width: 100% !important; z-index: 200;
  padding: 24px 16px !important;
  display: flex !important; justify-content: space-between !important;
}
/* (3) Favorilerim — JS başlığın ALTINA taşır; tam genişlik ghost buton */
#globalLiteCart .miniCartRigthHeader + .miniCartRigthHeader-fav-button{
  display: flex !important; align-items: center; justify-content: center; gap: 8px;
  margin: 12px 14px 12px !important; height: 40px;
  background: #fff !important; border: 1px solid var(--m-line) !important;
  border-radius: var(--m-pill) !important; text-decoration: none !important;
  transition: all .28s var(--m-ease);
}
#globalLiteCart .miniCartRigthHeader + .miniCartRigthHeader-fav-button span{
  font-size: 13px !important; font-weight: 700 !important; color: var(--m-soft) !important;
}
#globalLiteCart .miniCartRigthHeader + .miniCartRigthHeader-fav-button:hover{
  border-color: var(--m-pink-strong) !important; background: var(--m-pink-soft) !important;
}
#globalLiteCart .miniCartRigthHeader + .miniCartRigthHeader-fav-button:hover span{
  color: var(--m-pink-strong) !important;
}
/* BOŞ SEPET (v52): tema hiç stillenmemişti + fal ikon FA4'te görünmüyor */
#globalLiteCart .miniCartBos{
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 40px 20px; text-align: center;
}
#globalLiteCart .miniCartBos i{ display: none !important; }
#globalLiteCart .miniCartBos::before{
  content: '\f07a'; font-family: 'FontAwesome'; font-size: 30px; color: var(--m-blue);
  width: 68px; height: 68px; border-radius: 50%; background: var(--m-blue-soft);
  display: flex; align-items: center; justify-content: center;
}
#globalLiteCart .miniCartBosDescriptionTitle{
  font-size: 16px !important; font-weight: 900 !important; color: var(--m-ink) !important;
}
#globalLiteCart .miniCartBosDescription{
  font-size: 13px !important; font-weight: 600 !important; color: var(--m-soft) !important;
  max-width: 280px; line-height: 1.5 !important;
}
#globalLiteCart .minicartbos-explore-button{
  display: inline-flex !important; align-items: center; justify-content: center;
  height: 44px; padding: 0 26px !important; margin-top: 6px;
  border-radius: var(--m-pill) !important; font-size: 13.5px !important; font-weight: 800 !important;
  text-decoration: none !important; transition: all .28s var(--m-ease);
}
#globalLiteCart .minicart-discover-btn{ background: var(--m-blue) !important; border: 0 !important; }
#globalLiteCart .minicart-discover-btn span{ color: #fff !important; }
#globalLiteCart .minicart-discover-btn:hover{ background: var(--m-blue-dark) !important; }
#globalLiteCart .minicart-login-btn{ background: #fff !important; border: 1px solid var(--m-line) !important; }
#globalLiteCart .minicart-login-btn span{ color: var(--m-ink) !important; }
#globalLiteCart .minicart-login-btn:hover{ border-color: var(--m-blue) !important; background: var(--m-blue-soft) !important; }

/* MOBİL HEADER İKONLARI (v52 — v45 raporunda kalmıştı):
   tetikleyici SVG'lerin sapı markup'ta stroke="white" — beyaz zeminde görünmezdi */
.newSearcBtnClick .search-svg svg path, .mobile-search-item .search-svg svg path{
  stroke: #222 !important;
}
/* mavi submit (v53): butonda SVG mevcutmuş — v52'nin FA4 büyüteci ÇİFT ikon yaptı, kaldırıldı.
   SVG'yi beyazlatan kural (üstte, v42) tek ikonu doğru renklendirir; fal glifi gizli kalır. */
#btnKelimeAra i{ display: none !important; }

/* MARQUEE yerleşimi (v67): bant #top-bar'a ABSOLUTE demirlenir (etiketi JS basar:
   .mng-topbar-mq — :has canlıda güvenilmez). Tarihçe: Ticimax modül sarmalayıcısı
   içeriğe-göre-daralan türde → 100vw scrollbar kadar taşırıyordu (v53-64),
   width:100% ise 0'a çöküp bandı YOK ETTİ (v65-66). left:0/right:0 hem
   sarmalayıcıdan hem viewport ölçüsünden bağımsız: taşma da çökme de imkânsız. */
#headerNew #top-bar .headerContainer{ max-width: 100% !important; padding: 0 !important; }
/* v68: demir YALNIZ masaüstü — mobil top-bar kutusu farklı, demir sağda boşluk
   bırakıyordu */
@media (min-width: 1100px){
  .mh-marquee{ width: 100% !important; margin: 0 !important; }
  #headerNew #top-bar.mng-topbar-mq{ position: relative; height: 34px; overflow: hidden; }
  #headerNew #top-bar.mng-topbar-mq .mh-marquee{
    position: absolute; left: 0; right: 0; top: 0; width: auto !important;
  }
}
/* v70: MOBİLDE ölçüm JS'in (marqueeAlign) — sarmalayıcı çökmesine karşı taban
   100vw; JS gerçek genişliği (clientWidth) ve sol kaçıklığı inline düzeltir.
   !important YOK ki inline stil kazanabilsin. */
@media (max-width: 1099px){
  .mh-marquee{ width: 100vw; max-width: none; margin: 0; }
}
/* v71: MOBİL YATAY TAŞMA SİGORTASI — bant ölçümle doğru yerleşmesine rağmen
   sayfa sağa kayabiliyorsa taşan BAŞKA bir elemandır; hangisi olursa olsun
   yatay kaydırma kilitlenir. 'clip' scroll-container oluşturmaz (sticky/fixed
   bozulmaz); desteklemeyen eski tarayıcı 'hidden'a düşer. */
@media (max-width: 1099px){
  html, body{ overflow-x: hidden; overflow-x: clip; }
}

/* v82: MOBİL ÇEKMECE = %100 ORİJİNAL TEMA. v52 kontrast + v76/77/78/79 kuvvet
   kuralları SÖKÜLDÜ — hepsi, masaüstü cilalarının çekmeceye sızmasının (asıl
   kök neden; v82'de ≥1042'ye kapsandı) belirtilerini yamıyordu.
   Bilinçli kalanlar: Kaydet pili (kullanıcı talebi) + scroll kilidi + akordeon JS. */
@media (max-width: 1099px){
  /* Kaydet — pembe pill */
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{
    display: block !important; padding: 10px !important; margin-top: 10px !important;
  }
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; min-width: 0 !important; height: 46px !important;
    background: var(--m-pink-strong) !important; color: #fff !important;
    border-radius: var(--m-pill) !important; font-size: 14px !important;
    font-weight: 800 !important; text-transform: none !important;
    line-height: 1 !important; padding: 0 !important; cursor: pointer;
  }
  /* çekmece açıkken arka sayfa kilidi (JS: lockScrollCheck) */
  html.mng-lock, html.mng-lock body{ overflow: hidden !important; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{
    overscroll-behavior: contain;
  }

  /* — v83 ÇEKMECE CİLASI — yalnız görsel (renk/kenar/radius/tipografi);
     düzen kuralı YOK (v82 dersi), important YOK (sonra geldiğimiz için kazanır) — */
  body .category-vertical-filters.top-filters{ background: #F7FAFB; }
  /* üst şerit */
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{
    background: var(--m-blue); font-weight: 800; letter-spacing: .02em;
  }
  body .category-vertical-filters.top-filters .FiltreUst .closeFilt,
  body .category-vertical-filters.top-filters .FiltreUst a,
  body .category-vertical-filters.top-filters .FiltreUst a i{ color: #fff; }
  /* Stoktakiler anahtar satırı */
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{
    border: 1px solid var(--m-line); border-radius: 12px;
    font-weight: 700; color: var(--m-ink);
  }
  /* panel kartları */
  body .category-vertical-filters.top-filters .vertical-filter-panel{
    background: #fff; border: 1px solid var(--m-line); border-radius: 14px;
    margin-bottom: 10px; overflow: hidden;
  }
  body .category-vertical-filters.top-filters .panel .panel-heading a{
    font-weight: 800; color: var(--m-ink); font-size: 14px;
  }
  body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{ color: var(--m-soft); }
  /* kategori listesi: ana seviye koyu, alt seviye soft + içerlek; aktif mavi */
  body .category-vertical-filters.top-filters .list-group.dropdown{ padding: 2px 10px 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown li a{
    color: var(--m-ink); font-size: 14px;
  }
  body .category-vertical-filters.top-filters .list-group.kategori li ul{ padding-left: 12px; }
  body .category-vertical-filters.top-filters .list-group.kategori li ul a{
    color: var(--m-soft); font-size: 13px;
  }
  body .category-vertical-filters.top-filters .list-group a.mng-active{
    color: var(--m-blue); font-weight: 800;
  }
  /* filtre onay kutuları: temanın siyahı → marka mavisi, köşeler yumuşak */
  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item:before{
    border-radius: 4px; border-color: #C7CDD3;
  }
  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item.selected:before,
  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item:hover:before{
    border-color: var(--m-blue); background-color: var(--m-blue);
  }
  body .category-vertical-filters.top-filters .liFiltreElement a{
    color: var(--m-ink); font-size: 14px;
  }
  /* fiyat slider'ı: masaüstündekiyle aynı marka dili.
     NOT: marj !important — temanın L1737 kuralı (!important, üst marj 0) rayı
     kartın tepesine yapıştırıp tutamaçları kırptırıyordu */
  body .category-vertical-filters.top-filters .FiyatSlider{ padding: 12px 12px 8px; }
  body .category-vertical-filters.top-filters .FiyatSlider .ui-slider{
    height: 4px; border: 0; border-radius: 4px; background: var(--m-line);
    margin: 18px 12px 16px !important; width: calc(100% - 24px) !important;
  }
  body .category-vertical-filters.top-filters .FiyatSlider .ui-slider-range{
    background: var(--m-blue); border-radius: 4px;
  }
  body .category-vertical-filters.top-filters .FiyatSlider .ui-slider-handle{
    width: 16px; height: 16px; top: -6px; border-radius: 50%;
    background: #fff; border: 2px solid var(--m-blue); cursor: pointer; outline: none;
  }
  body .category-vertical-filters.top-filters .FiyatSlider .amount{
    font-size: 12.5px; font-weight: 800; color: var(--m-ink);
    text-align: center; clear: both; margin: 4px 0 2px;
  }
}

/* VİTRİN MOBİL (v52): "2'li göster" ayarı slider-init olmayan blokta griddi etkilemiyor —
   garanti: mobilde vitrin kartları 2 kolon */
@media (max-width: 767px){
  .anasayfa_urun_slider .ItemOrj{
    width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important;
  }
}
/* (b) aksiyon kartları — v47: varsayılan 4'lü SABİT (normal ürün düzeni geri geldi);
   auto-fit yalnız STOK-YOK'ta (5. kart Gelince Haber Ver o zaman görünür) */
.StokYok .BottomList .ProductIcon, .RightDetail.StokYok .BottomList .ProductIcon{
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}
/* Katman .button pill'ine karşı kesin güvence (Tavsiye Et vb.) */
.BottomList .ProductIcon a.button, .BottomList .ProductIcon2 a.button{
  border-radius: 14px !important;
}
/* stok-yok senaryosunda ASIL CTA "Gelince Haber Ver" — mavi vurgulu kart */
.BottomList .ProductIcon .UGelinceHaberVer a{
  background: var(--m-blue-soft) !important; border: 1px solid var(--m-blue) !important;
}
.BottomList .ProductIcon .UGelinceHaberVer .box1{ color: var(--m-blue) !important; font-weight: 800 !important; }
.BottomList .ProductIcon .UGelinceHaberVer .boxIcon svg, .BottomList .ProductIcon .UGelinceHaberVer .boxIcon path{
  stroke: var(--m-blue);
}
/* (c) "Ürün stoklarımızda kalmamıştır" — tema grisinden yumuşak uyarı kartına */
#divStokYok{
  background: linear-gradient(105deg, #FFF6E9, #FFFBF4) !important;
  border: 1px dashed #EACB98 !important; border-radius: 16px !important;
  padding: 26px 20px !important; text-align: center;
  font-size: 14px !important; font-weight: 800 !important; color: #B26A00 !important;
}
#divStokYok svg{ stroke: #B26A00; }
#divStokYok circle, #divStokYok path{ stroke: #B26A00 !important; }
/* (d) arşiv breadcrumb "asayfa" kırpılması: temanın float+auto-margin merkezi
   dar konteynerde taşıyordu — akış sola sabitlenir */
.categorydescblock ul.breadcrumb{
  float: none !important; display: flex !important; flex-wrap: wrap;
  align-items: center; /* v57 kullanıcı değeri */
  margin: 0 !important; padding: 0 !important; max-width: none !important;
}
.categorydescblock .categoryTitleText{ overflow: visible !important; float: none !important; }
/* ((e) sıralama kuralları v47'de ana SIRALAMA ÇUBUĞU bloğuna KONSOLİDE edildi) */

/* — ARAMA ÖNERİ PANELİ (#divAramaAlani) — v47: VAR OLAN panel boyanır, yeni yüzey YOK */
#divAramaAlani{
  margin-top: 10px !important; /* input ile panel arası nefes */
  border: 1px solid var(--m-line) !important; border-radius: 16px !important;
  box-shadow: 0 24px 56px rgba(38,35,36,.16) !important; overflow: hidden;
}
#divAramaAlani .ticimax-search-sidebar{ background: #FAFBFC; padding: 16px !important; }
#divAramaAlani .ticimax-search-products{ padding: 16px !important; }
/* v52: pembe çizgi hizası — başlık kutusu paddingsiz/metin-genişliğinde olsun */
#divAramaAlani h3{
  margin-left: 0 !important; padding-left: 0 !important;
  width: fit-content; display: block;
}
#divAramaAlani .ticimax-sidebar-item h3,
#divAramaAlani .ticimax-search-products-title h3{
  font-size: 12px !important; font-weight: 900 !important; color: var(--m-ink) !important;
  text-transform: uppercase; letter-spacing: .07em;
  position: relative; padding-bottom: 8px !important; margin: 0 0 10px !important;
}
#divAramaAlani .ticimax-sidebar-item h3::after,
#divAramaAlani .ticimax-search-products-title h3::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 22px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
#divAramaAlani .ticimax-sidebar-item ul{ list-style: none; margin: 0; padding: 0; }
#divAramaAlani .ticimax-sidebar-item li a{
  display: block; padding: 7px 10px; border-radius: 8px;
  font-size: 13.5px !important; font-weight: 600 !important; color: var(--m-soft) !important;
  transition: all .28s var(--m-ease); text-decoration: none !important;
}
#divAramaAlani .ticimax-sidebar-item li a:hover{
  background: var(--m-blue-soft); color: var(--m-blue) !important;
}
#divAramaAlani .ticimax-search-product-image img{
  border: 1px solid var(--m-line); border-radius: 10px;
}
#divAramaAlani .ticimax-search-product-info-category{
  font-size: 11px !important; font-weight: 800 !important; color: var(--m-blue) !important;
  text-transform: uppercase; letter-spacing: .04em;
}
#divAramaAlani .ticimax-search-product-info-name{
  font-size: 13.5px !important; font-weight: 700 !important; color: var(--m-ink) !important;
  line-height: 1.35 !important;
}
#divAramaAlani .ticimax-search-product-info-price{
  font-size: 14px !important; font-weight: 900 !important; color: var(--m-pink-strong) !important;
}
#divAramaAlani .ticimax-search-product-info-oldPrice{
  font-size: 12px !important; font-weight: 600 !important; color: #9AA3AB !important;
  text-decoration: line-through !important; margin-left: 6px;
}
#divAramaAlani .products > li > a{
  border-radius: 12px !important; transition: all .28s var(--m-ease);
  padding: 12px !important; /* v52: görsel çerçeveye yapışıyordu */
}
#divAramaAlani .ticimax-search-product-image{ margin-right: 12px !important; }
#divAramaAlani .products > li > a:hover{
  box-shadow: var(--m-sh-sm); border-color: var(--m-blue) !important;
}

/* — v45 DÜZELTMELERİ — */
/* arşiv tükendi kartı: WhatsApp ile Sor tam genişlik (kullanıcı onayı) */
.productIcon .mng-wa-ask{ width: 100%; }
/* aksiyon kartları TEK radius: Katman-1'in .button pill'i Tavsiye Et/Yorum/Soru'yu
   ovalleştiriyordu — kart köşesine sabitle (hepsi aynı görünsün) */
.BottomList .ProductIcon > div > a, .BottomList .ProductIcon2 > div > a{
  border-radius: 14px !important;
}
/* (sıralama sağ-grup kuralları v1.0.0-rc1'de silindi — birebir kopyaları
   yukarıdaki v75 birleşik masaüstü bloğunda zaten var) */
/* footer iletişim: ikon + metin dikey ortalı */
.mh-fcontact li{ align-items: center !important; }
/* saga imzası: yarısı siyah kalıyordu — tema link rengini eziyor */
.mh-saga a, .mh-saga a b{ color: #8c52ff !important; }

/* ============================================================
   10) MNG-HOME (v32) — Anasayfa HTML blokları + Footer
   Kaynak: mininga-anasayfa-panel.html (mh- önekli, çakışma-güvenli)
   ============================================================ */
.mng-home{ max-width: min(1240px, calc(100% - 48px)); margin: 0 auto; color: var(--m-ink); }
.mng-home *, .mng-home *::before, .mng-home *::after{ box-sizing: border-box; }
.mng-home a{ text-decoration: none; }

/* — HERO — */
.mh-hero{
  display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center;
  padding: 40px 0 8px;
}
.mh-eyebrow{
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--m-blue-soft); color: var(--m-blue);
  font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
  padding: 5px 12px; border-radius: var(--m-pill); margin-bottom: 14px;
}
.mh-eyebrow::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--m-blue); }
.mh-hero h1{
  margin: 0 0 14px; font-size: clamp(30px, 3.6vw, 46px); font-weight: 900;
  line-height: 1.12; letter-spacing: -.02em; color: var(--m-ink);
}
.mh-hl{ color: var(--m-pink-strong); }
.mh-lede{ margin: 0 0 22px; font-size: 15px; font-weight: 600; color: var(--m-soft); line-height: 1.6; max-width: 460px; }
.mh-cta{ display: flex; gap: 10px; flex-wrap: wrap; }
.mh-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  height: 50px; padding: 0 26px; border-radius: var(--m-pill);
  font-size: 14.5px; font-weight: 800; transition: all .28s var(--m-ease);
}
.mh-btn-main{ background: var(--m-blue); color: #fff; box-shadow: var(--m-sh); }
.mh-btn-main:hover{ background: var(--m-blue-dark); color: #fff; transform: translateY(-2px); }
.mh-btn-ghost{ background: #fff; color: var(--m-ink); border: 1px solid var(--m-line); }
.mh-btn-ghost:hover{ border-color: var(--m-blue); color: var(--m-blue); background: var(--m-blue-soft); }
.mh-trust{ display: flex; gap: 20px; flex-wrap: wrap; margin-top: 26px; }
.mh-ht{ display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; color: var(--m-ink); }
.mh-ic{
  width: 38px; height: 38px; border-radius: 50%; background: var(--m-blue-soft); color: var(--m-blue);
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.mh-hero-visual{ position: relative; }
.mh-hero-img{
  width: 100%; height: auto; display: block;
  border-radius: 22px; box-shadow: 0 24px 60px rgba(38,35,36,.14);
}
.mh-float{
  position: absolute; left: 18px; bottom: 18px;
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.94); backdrop-filter: blur(8px);
  border-radius: 14px; padding: 10px 16px; box-shadow: var(--m-sh-sm);
  font-size: 13px; font-weight: 800; color: var(--m-ink);
}
.mh-float small{ display: block; font-size: 11px; font-weight: 700; color: var(--m-soft); }
.mh-fic{
  width: 34px; height: 34px; border-radius: 50%; background: #E9F8EF; color: #12813C;
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}

/* — BÖLÜM BAŞLIĞI (sekme/benzer ürünler diliyle aynı: kısa pembe vurgu) — */
.mh-section{ margin-top: 56px; margin-bottom: 56px; } /* alt boşluk: hover gölgesi kesilmesin */
.mh-shead{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.mh-shead h2{
  margin: 0; font-size: 22px; font-weight: 900; letter-spacing: -.01em; color: var(--m-ink);
  position: relative; padding-bottom: 8px;
}
.mh-shead h2::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 30px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
.mh-ssub{ margin: 6px 0 0; font-size: 13px; font-weight: 600; color: var(--m-soft); }
.mh-slink{ font-size: 13px; font-weight: 800; color: var(--m-blue); white-space: nowrap; transition: color .28s var(--m-ease); }
.mh-slink:hover{ color: var(--m-blue-dark); }

/* — KATEGORİ TILE'LARI (mockup birebir: dönüşümlü mavi/pembe degrade zemin,
     beyaz KARE-yuvarlak ikon kutusu; hover'da ikon renge dolar) — */
.mh-tiles{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.mh-tile{
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px;
  background: linear-gradient(160deg, var(--m-blue-soft), #fff);
  border: 1px solid var(--m-line); border-radius: 16px;
  padding: 21px 12px; text-align: center; transition: all .28s var(--m-ease);
}
.mh-tile:nth-child(even){ background: linear-gradient(160deg, var(--m-pink-soft), #fff); }
.mh-tic{
  width: 48px; height: 48px; flex: 0 0 auto; border-radius: 14px;
  background: #fff; color: var(--m-blue); box-shadow: var(--m-sh-sm);
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .28s var(--m-ease);
}
.mh-tile:nth-child(even) .mh-tic{ color: var(--m-pink-strong); }
.mh-tname{ font-size: 13px; font-weight: 800; color: var(--m-ink); line-height: 1.3; }
.mh-tile:hover{ transform: translateY(-5px); box-shadow: var(--m-sh); border-color: transparent; }
.mh-tile:hover .mh-tic{ background: var(--m-blue); color: #fff; }
.mh-tile:nth-child(even):hover .mh-tic{ background: var(--m-pink-strong); color: #fff; }

/* — HEADER ÜSTÜ MARQUEE BAR (mavi, 3 metin, saf CSS sonsuz kayma; hover'da durur) —
   v66: track AKIŞTAN ÇIKARILDI (absolute) — max-content genişliği (~2-3 ekran)
   normal akışta üstteki Ticimax sarmalayıcılarına içsel genişlik olarak sızıp
   SAYFA GENİŞLİĞİNDE yatay scroll yaratıyordu. Absolute çocuk içsel boyuta
   katkı yapmaz → taşma yapısal olarak imkânsız. Yükseklik bu yüzden sabit. */
.mh-marquee{
  max-width: none; /* tam genişlik bant */
  position: relative; height: 34px; padding: 0;
  background: linear-gradient(90deg, var(--m-blue), var(--m-blue-dark));
  overflow: hidden;
}
.mh-marquee-track{
  position: absolute; left: 0; top: 0; bottom: 0;
  display: flex; align-items: center; width: max-content;
  animation: mhScroll 36s linear infinite; /* v39: yavaşlatıldı */
}
.mh-marquee:hover .mh-marquee-track{ animation-play-state: paused; }
.mh-mq{
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
  margin-right: 56px; /* periyodik aralık — flex gap yerine (kusursuz -50% döngüsü için) */
  color: rgba(255,255,255,.92); font-size: 11.5px; font-weight: 700; letter-spacing: .07em; /* v39: büyük harf tipografisi */
}
.mh-mq b{ color: #fff; font-weight: 900; }
/* metinler arası nokta ayracı */
.mh-mq::after{ content: ''; width: 5px; height: 5px; border-radius: 50%;
  background: rgba(255,255,255,.45); margin-left: 51px; flex: 0 0 auto; }
@keyframes mhScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); } /* içerik 2 kopya → yarıda kesintisiz döner */
}
@media (prefers-reduced-motion: reduce){
  .mh-marquee-track{ animation: none; }
}

/* — PRE-FOOTER CTA (footer'ın üstüne taşan degrade bant) — */
.mh-precta{
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: linear-gradient(120deg, var(--m-blue), var(--m-blue-dark));
  border-radius: var(--m-r-lg); padding: 30px 36px;
  margin-top: -34px; /* footer zemininin üstüne biner — derinlik */
  box-shadow: 0 18px 44px rgba(33,151,184,.28);
}
.mh-precta-copy h3{ margin: 0 0 6px; font-size: 21px; font-weight: 900; color: #fff; letter-spacing: -.01em; }
.mh-precta-copy p{ margin: 0; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.85); max-width: 460px; }
.mh-precta-btns{ display: flex; gap: 10px; flex-wrap: wrap; }
.mh-btn-wa{ background: var(--m-wa); color: #fff; box-shadow: 0 10px 24px rgba(37,211,102,.32); }
.mh-btn-wa:hover{ background: var(--m-wa-dark); color: #fff; transform: translateY(-2px); }
.mh-btn-tel{ background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.4); }
.mh-btn-tel:hover{ background: #fff; color: var(--m-blue); }

/* — FOOTER — */
/* v74: Ticimax footer konteyneri FULL-BLEED — temanın 7 bant kuralı (masaüstü
   1320/1240/1180/1100/960px kilitleri + mobil 16-20px padding) gri zemini her
   genişlikte kesiyordu. İç genişliği zaten .mh-fwrap yönetiyor. */
body .footerTemp section.elementor-section .elementor-container{
  max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;
}
/* v73: footer mng-home'suz (marquee dersi — mobil kural iki yanı 14px kırpıyordu);
   mng-home'dan miras aldığı resetler artık kendi bünyesinde */
.mh-footer{ max-width: none; margin-top: 88px; background: #F7FAFB; border-top: 1px solid var(--m-line); color: var(--m-ink); }
.mh-footer, .mh-footer *, .mh-footer *::before, .mh-footer *::after{ box-sizing: border-box; }
.mh-footer a{ text-decoration: none; }
/* Ticimax footer-widget sarmalayıcısı: ul/li kalıntılarını temizle */
ul.footerText{ margin: 0; padding: 0; }
ul.footerText > li{ list-style: none; margin: 0; padding: 0; }
.mh-fwrap{ max-width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.mh-ftop{
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 40px;
  align-items: start; padding: 40px 0 32px;
}
.mh-flogo img{ height: 44px; width: auto; }
.mh-fbrand p{ margin: 14px 0 16px; font-size: 13.5px; font-weight: 600; color: var(--m-soft); line-height: 1.6; max-width: 300px; }
.mh-fsocial{ display: flex; gap: 8px; }
.mh-fsocial a{
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid var(--m-line); background: #fff; color: var(--m-soft);
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .28s var(--m-ease);
}
.mh-fsocial a:hover{ background: var(--m-blue); border-color: var(--m-blue); color: #fff; }
.mh-fcol h4{
  margin: 0 0 16px; font-size: 12px; font-weight: 900; letter-spacing: .08em;
  text-transform: uppercase; color: var(--m-ink);
  position: relative; padding-bottom: 8px; /* başlıklar aynı taban çizgisinde */
}
.mh-fcol h4::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 22px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
.mh-fcol > a{
  display: block; padding: 6px 0; font-size: 13.5px; font-weight: 600;
  color: var(--m-soft); line-height: 1.4; transition: color .28s var(--m-ease), padding-left .28s var(--m-ease);
}
.mh-fcol > a:hover{ color: var(--m-blue); padding-left: 4px; }
.mh-fcontact{ list-style: none; margin: 0; padding: 0; }
.mh-fcontact li{ display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 13.5px; font-weight: 600; color: var(--m-soft); }
.mh-fcontact b{ color: var(--m-ink); font-weight: 800; }
.mh-fico{
  width: 34px; height: 34px; border-radius: 50%; background: var(--m-blue-soft); color: var(--m-blue);
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.mh-fpay{
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 16px 0; border-top: 1px solid var(--m-line);
}
.mh-flab{ font-size: 12px; font-weight: 700; color: var(--m-soft); }
.mh-fpays{ display: flex; gap: 8px; flex-wrap: wrap; }
.mh-fpays span{
  border: 1px solid var(--m-line); background: #fff; border-radius: var(--m-pill);
  padding: 5px 12px; font-size: 11px; font-weight: 800; color: var(--m-soft); letter-spacing: .04em;
}
.mh-fbottom{
  border-top: 1px solid var(--m-line); padding: 16px 0;
  max-width: min(1240px, calc(100% - 48px)); margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  font-size: 12.5px; font-weight: 600; color: var(--m-soft);
}
.mh-fbottom b{ color: var(--m-ink); }
/* 88SAGA imzası — standart format: "designed by 88SAGA INC. VISUAL INTELLIGENCE" (mor #8c52ff) */
.mh-saga{
  font-size: 11.5px; font-weight: 700; color: #A6ADB4; letter-spacing: .05em;
}
.mh-saga a{
  color: #8c52ff !important; margin-left: 5px; text-decoration: none !important;
  transition: opacity .28s var(--m-ease);
}
.mh-saga a:hover{ opacity: .75; }
.mh-saga b{ font-weight: 900; letter-spacing: .08em; }

/* — KAMPANYA ŞERİDİ (bi mavi bi pembe ritim; hover'da ikon renge dolar) — */
.mh-promos{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mh-promo{
  position: relative; display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1px solid var(--m-line); border-radius: 16px;
  padding: 16px 18px; overflow: hidden; transition: all .28s var(--m-ease);
}
.mh-promo::before{
  content: ''; position: absolute; top: 0; left: 18px; right: 18px; height: 3px;
  border-radius: 0 0 3px 3px; background: var(--m-blue);
  opacity: 0; transition: opacity .28s var(--m-ease);
}
.mh-promo:nth-child(even)::before{ background: var(--m-pink-strong); }
.mh-promo:hover{ transform: translateY(-3px); box-shadow: var(--m-sh); border-color: transparent; }
.mh-promo:hover::before{ opacity: 1; }
.mh-pic{
  width: 46px; height: 46px; flex: 0 0 auto; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--m-blue-soft); color: var(--m-blue); transition: all .28s var(--m-ease);
}
.mh-promo:nth-child(even) .mh-pic{ background: var(--m-pink-soft); color: var(--m-pink-strong); }
.mh-promo:hover .mh-pic{ background: var(--m-blue); color: #fff; }
.mh-promo:nth-child(even):hover .mh-pic{ background: var(--m-pink-strong); color: #fff; }
.mh-ptxt b{ display: block; font-size: 14px; font-weight: 900; color: var(--m-ink); line-height: 1.25; }
.mh-ptxt small{ display: block; font-size: 12px; font-weight: 600; color: var(--m-soft); margin-top: 2px; }

/* — NEDEN MININGAA (mavi→pembe degrade bant + beyaz kartlar) — */
.mh-why{
  background: linear-gradient(135deg, var(--m-blue-soft), #FFF9F9 62%, var(--m-pink-soft));
  border-radius: 24px; padding: 44px 36px;
}
.mh-why-head{ text-align: center; max-width: 520px; margin: 0 auto 28px; }
.mh-why-head h2{ margin: 0 0 8px; font-size: 24px; font-weight: 900; letter-spacing: -.01em; color: var(--m-ink); }
.mh-why-head p{ margin: 0; font-size: 13.5px; font-weight: 600; color: var(--m-soft); }
.mh-why-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mh-why-item{
  background: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 18px;
  padding: 26px 18px; text-align: center; box-shadow: var(--m-sh-sm);
  transition: all .28s var(--m-ease);
}
.mh-why-item:hover{ transform: translateY(-4px); box-shadow: var(--m-sh); }
.mh-wic{
  width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  background: var(--m-blue-soft); color: var(--m-blue); transition: all .28s var(--m-ease);
}
.mh-why-item:nth-child(even) .mh-wic{ background: var(--m-pink-soft); color: var(--m-pink-strong); }
.mh-why-item:hover .mh-wic{ background: var(--m-blue); color: #fff; transform: scale(1.06); }
.mh-why-item:nth-child(even):hover .mh-wic{ background: var(--m-pink-strong); }
.mh-why-item b{ display: block; font-size: 15px; font-weight: 900; color: var(--m-ink); margin-bottom: 6px; }
.mh-why-item p{ margin: 0; font-size: 12.5px; font-weight: 600; color: var(--m-soft); line-height: 1.55; }

/* — ANASAYFA VİTRİN BAŞLIĞI (hazır blok: "En Yeni Ürünler" vb.) — v51:
   mh-shead diliyle; gri bant yine .bold'dan geliyordu, iç içe satir1'ler düzleştirildi */
.hazirBlokContent.anasayfa_urun_slider{ margin-top: 56px !important; margin-bottom: 56px !important; }
.vitrinUrunBaslik{
  background: transparent !important; padding: 0 !important;
  margin: 0 0 16px !important; text-align: left !important;
}
.vitrinUrunBaslik .bold{
  background: transparent !important; background-color: transparent !important;
  padding: 0 !important; min-height: 0 !important; border-radius: 0 !important;
  display: inline !important;
}
.vitrinUrunBaslik .satir1{
  font-size: 22px !important; font-weight: 900 !important; color: var(--m-ink) !important;
  letter-spacing: -.01em; line-height: 1.3 !important;
  padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important;
}
/* pembe vurgu EN İÇ satir1'de (v52: dış span'in başındaki whitespace çizgiyi kaydırıyordu —
   metni doğrudan saran elemana bağlanınca hiza garantili) */
/* v54: çizgi AKIŞ içinde ayrı blok — absolute+padding yöntemi temanın satir1
   kurallarıyla savaşıp yapışık kalıyordu; margin-top'u hiçbir kural ezemez */
.vitrinUrunBaslik .bold .satir1{ display: inline-block !important; }
.vitrinUrunBaslik .bold .satir1::after{
  content: ''; display: block;
  width: 30px; height: 3px; border-radius: 3px;
  background: var(--m-pink-strong); margin-top: 10px;
}
@media (max-width: 767px){
  .hazirBlokContent.anasayfa_urun_slider{ margin-top: 40px !important; margin-bottom: 40px !important; }
  .vitrinUrunBaslik .satir1{ font-size: 19px !important; }
}

/* — BLOG BLOĞU (Blok E) — /blog'dan canlı; kartlar bi mavi bi pembe aksanlı — */
.mh-blog-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mh-blog-card{
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--m-line); border-radius: 16px;
  overflow: hidden; transition: all .28s var(--m-ease);
}
.mh-blog-card::before{
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--m-blue); opacity: 0; transition: opacity .28s var(--m-ease); z-index: 1;
}
.mh-blog-card:nth-child(even)::before{ background: var(--m-pink-strong); }
.mh-blog-card:hover{ transform: translateY(-4px); box-shadow: var(--m-sh); border-color: transparent; }
.mh-blog-card:hover::before{ opacity: 1; }
.mh-bimg{ display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--m-blue-soft); }
.mh-bimg img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--m-ease); }
.mh-blog-card:hover .mh-bimg img{ transform: scale(1.04); }
.mh-bbody{ display: flex; flex-direction: column; gap: 7px; padding: 14px 16px 16px; flex: 1; }
/* (mh-bdate v50'de kaldırıldı — kartta tarih gösterilmiyor, başlık öne çıkar) */
.mh-btitle{
  font-size: 14px; font-weight: 800; color: var(--m-ink); line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mh-btext{ font-size: 12.5px; font-weight: 600; color: var(--m-soft); line-height: 1.5; }
.mh-bmore{ margin-top: auto; font-size: 12.5px; font-weight: 800; color: var(--m-blue); }
.mh-blog-card:hover .mh-bmore{ color: var(--m-blue-dark); }

/* — SEO İÇERİK BLOĞU (Blok D) — içerik korunarak marka diline çevrildi */
.mh-seo{ margin: 56px auto 0; line-height: 1.75; } /* v38: max-width kaldırıldı (tam genişlik) */
.mh-seo h2{
  font-size: 19px; font-weight: 900; color: var(--m-ink); margin: 30px 0 10px;
  position: relative; padding-bottom: 8px; letter-spacing: -.01em;
}
.mh-seo h2::after{
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 26px; height: 3px; border-radius: 3px; background: var(--m-pink-strong);
}
.mh-seo h3{ font-size: 15.5px; font-weight: 800; color: var(--m-ink); margin: 18px 0 6px; }
.mh-seo p{ margin: 0 0 13px; font-size: 14.5px; font-weight: 500; color: #4A5158; }
.mh-seo ul{ margin: 0 0 14px; padding-left: 20px; }
.mh-seo li{ margin: 0 0 6px; font-size: 14.5px; color: #4A5158; }
.mh-seo a{ color: var(--m-blue); font-weight: 700; transition: color .28s var(--m-ease); }
.mh-seo a:hover{ color: var(--m-blue-dark); text-decoration: underline; }
.mh-seo strong{ color: var(--m-ink); }
/* aç/kapa (CSS-only checkbox mekanizması korunur) */
.mh-seo .mh-seo-tgl{ position: absolute; opacity: 0; height: 0; width: 0; }
.mh-seo .mh-seo-body{ display: none; }
.mh-seo .mh-seo-tgl:checked ~ .mh-seo-body{ display: block; }
.mh-seo .mh-seo-btn{
  display: table; cursor: pointer; /* table: içerik kadar daralır + margin:auto ortalar */
  background: var(--m-blue); color: #fff; padding: 11px 22px;
  border-radius: var(--m-pill); font-weight: 800; font-size: 14px;
  margin: 10px auto 18px; transition: all .28s var(--m-ease);
}
.mh-seo .mh-seo-btn:hover{ background: var(--m-blue-dark); transform: translateY(-2px); }
.mh-seo .lbl-close{ display: none; }
.mh-seo .mh-seo-tgl:checked ~ .mh-seo-btn .lbl-open{ display: none; }
.mh-seo .mh-seo-tgl:checked ~ .mh-seo-btn .lbl-close{ display: inline; }
.mh-seo .mh-faq h3{ margin: 18px 0 5px; }
.mh-seo .mh-a{ font-size: 14px; margin: 0 0 8px; }

/* — MNG-HOME responsive — */
@media (max-width: 1024px){
  .mh-hero{ grid-template-columns: 1fr; gap: 28px; padding-top: 24px; }
  .mh-ftop{ grid-template-columns: 1fr 1fr; gap: 28px; }
  .mh-promos{ grid-template-columns: repeat(2, 1fr); }
  .mh-why-grid{ grid-template-columns: repeat(2, 1fr); }
  .mh-blog-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px){
  /* v72: marquee MUAF — bu kural bandın genişliğini 28px kırpıp sağda boşluk
     bırakıyordu (kullanıcı buldu); diğer bloklar kenar boşluğunu korur */
  .mng-home:not(.mh-marquee){ max-width: calc(100% - 28px); }
  .mh-hero h1{ font-size: 30px; }
  .mh-cta .mh-btn{ flex: 1 1 auto; }
  .mh-trust{ gap: 12px; }
  .mh-section{ margin-top: 40px; }
  .mh-tiles{ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
  .mh-tile{ padding: 16px 8px; }
  .mh-ftop{ grid-template-columns: 1fr; gap: 24px; padding: 32px 0 20px; }
  .mh-fpay{ flex-direction: column; align-items: flex-start; }
  .mh-precta{ padding: 22px 20px; margin-top: -24px; }
  .mh-precta-copy h3{ font-size: 18px; }
  .mh-precta-btns{ width: 100%; }
  .mh-precta-btns .mh-btn{ flex: 1 1 auto; }
  .mh-fbottom{ justify-content: center; text-align: center; }
  .mh-promos{ grid-template-columns: 1fr; gap: 10px; }
  /* v40: mobilde promo kartı dikey — ikon üstte ortada, metinler altında ortalı */
  .mh-promo{ flex-direction: column; text-align: center; gap: 10px; padding: 18px 14px; }
  .mh-why{ padding: 28px 16px; border-radius: 18px; }
  .mh-why-grid{ grid-template-columns: 1fr; gap: 10px; }
  .mh-seo{ margin-top: 40px; }
  .mh-seo h2{ font-size: 17px; }
  .mh-blog-grid{ grid-template-columns: 1fr; gap: 10px; }
  /* v40: pembe vurgu çizgili başlıklar mobilde SOLA hizalı kalır —
     tema mobilde başlıkları ortalayınca left:0 çizgi ayrık düşüyordu */
  .mh-shead h2, .mh-seo h2, .mh-fcol h4,
  .categoryPageTitle, .detaySliderContainer .JKatAdi .satir1{
    text-align: left !important;
  }
  .mh-shead{ text-align: left; }
}

/* — ÜRÜN KARTLARI (v34, site geneli: arşiv + anasayfa vitrini + benzer ürünler;
     sınıflar arşiv export'undan doğrulandı) — */
.productItem{
  position: relative; /* rozet sütunu (.productIconEx) karta çapalanır */
  background: #fff; border: 1px solid var(--m-line) !important; border-radius: 16px !important;
  overflow: hidden;
  transition: transform .28s var(--m-ease), box-shadow .28s var(--m-ease), border-color .28s var(--m-ease);
}
.productItem:hover{
  transform: translateY(-4px); box-shadow: var(--m-sh) !important; border-color: transparent !important;
}
.productItem .productDetail{ padding: 12px 14px 16px !important; }
.productItem .productPrice .discountPriceSpan{ color: var(--m-pink-strong) !important; font-weight: 900 !important; }
.productItem .productPrice .discountKdv{ color: var(--m-soft) !important; font-size: 11px !important; font-weight: 700 !important; }

/* ==================== MOBİL MENÜ (v61) — YALNIZ CİLA ====================
   Aç-kapa/kaydırma mekanizması ve düzen CORE'UN (tema yalnız transition vermiş,
   L1566). Burada sadece renk / tipografi / ayraç / köşe. upTagText zaten
   tema L1033'te gizli — dokunma. ============================================ */
body .newHeaderNavigation.mobileStyle .newHeaderNav{ background: #fff; }

/* üst şerit: geri + kapat */
body .newHeaderNavigation.mobileStyle .newMenuTop{
  background: #fff; border-bottom: 1px solid var(--m-line);
}
body .newHeaderNavigation.mobileStyle .menuBackBtn,
body .newHeaderNavigation.mobileStyle .menuCloseBtn{ color: var(--m-ink) !important; }
body .newHeaderNavigation.mobileStyle .menuBackBtn i,
body .newHeaderNavigation.mobileStyle .menuCloseBtn i{
  font-size: 18px; color: var(--m-ink) !important;
}
body .newHeaderNavigation.mobileStyle .menuBackBtn span{
  font-size: 14px; font-weight: 800; color: var(--m-ink) !important;
}

/* ana seviye: ince ayraçlı satırlar, koyu kalın etiket */
body .newHeaderNavigation.mobileStyle .newHeaderNavUl > li.nav-item{
  border-bottom: 1px solid #F0F2F4;
}
body .newHeaderNavigation.mobileStyle .newHeaderNavUl > li.nav-item > a.nav-item-link,
body .newHeaderNavigation.mobileStyle .newHeaderNavUl > li.nav-item > a.nav-item-link > span{
  font-size: 14px; font-weight: 700; color: var(--m-ink) !important;
}

/* Tüm Ürünler (lastmenu) mavi vurgu — ana kuraldan SONRA, aynı ağırlıkta kazanır */
body .newHeaderNavigation.mobileStyle .newHeaderNavUl > li.lastmenu > a.nav-item-link,
body .newHeaderNavigation.mobileStyle .newHeaderNavUl > li.lastmenu > a.nav-item-link > span{
  color: var(--m-blue) !important; font-weight: 800;
}

/* sağ ok tetikleyicileri (alt seviyeye geçiş) */
body .newHeaderNavigation.mobileStyle .nextKolonBtn,
body .newHeaderNavigation.mobileStyle .nextSubBtn,
body .newHeaderNavigation.mobileStyle .nextKolonBtn i,
body .newHeaderNavigation.mobileStyle .nextSubBtn i{
  color: var(--m-soft) !important; font-size: 16px;
}

/* alt seviye (menu-wrap içi): kolon linkleri orta ton, en alt seviye soft */
body .newHeaderNavigation.mobileStyle .menu-wrap ul.kolon .nav-item-link,
body .newHeaderNavigation.mobileStyle .menu-wrap ul.kolon .nav-item-link span{
  font-size: 13.5px; font-weight: 600; color: var(--m-ink) !important;
}
body .newHeaderNavigation.mobileStyle .menu-wrap .nav-submenu .nav-item-link,
body .newHeaderNavigation.mobileStyle .menu-wrap .nav-submenu .nav-item-link span{
  font-size: 13px; font-weight: 500; color: var(--m-soft) !important;
}

/* kategori görsel kartı */
body .newHeaderNavigation.mobileStyle .menu-list-image img{ border-radius: 14px; }

/* ==================== v75 — MOBİL ONARIMLAR ==================== */

/* (1) SEPETE EKLENDİ MODALI mobilde BOTTOM-SHEET — tema tam ekran açıyordu,
   kapatma tuşu da görünmüyordu. İçerik kadar yükseklik + görünür kapatma. */
@media (max-width: 767px){
  #sepetEkleModal .modal-content{
    position: fixed !important; left: 0 !important; right: 0 !important;
    bottom: 0 !important; top: auto !important; transform: none !important;
    width: 100% !important; max-width: 100% !important;
    height: auto !important; max-height: 85vh !important; overflow-y: auto !important;
    margin: 0 !important; border-radius: 20px 20px 0 0 !important;
    padding: 20px 16px 16px !important;
  }
  #sepetEkleModal .modal-close{
    position: absolute !important; top: 10px !important; right: 12px !important; left: auto !important;
    display: flex !important; opacity: 1 !important; visibility: visible !important; z-index: 5;
  }
  #sepetEkleModal .modal-content-html{ margin-top: 6px; }
}

/* (2) KATEGORİ BANDI breadcrumb mobilde — temanın ikon-kısaltma deseni
   (ev ikonu + '...' + 40px satır) bizim metin kurallarımızla çarpışıp iki
   satırlık çorba oluyordu. Desen tamamen kapatılır: düz tek satır kırıntı. */
@media (max-width: 767px){
  body .categorydescblock ul.breadcrumb:before,
  body .categorydescblock ul.breadcrumb:after{ display: none !important; content: none !important; }
  body .categorydescblock ul.breadcrumb{
    display: flex !important; align-items: center !important; flex-wrap: nowrap !important;
    overflow: hidden; white-space: nowrap; float: none !important;
    margin: 0 0 2px !important; padding: 0 !important;
  }
  body .categorydescblock ul.breadcrumb *{
    font-size: 11.5px !important; line-height: 18px !important; max-width: none !important;
  }
  body .categorydescblock ul.breadcrumb li{
    display: inline-flex !important; align-items: center !important; float: none !important;
  }
  body .categorydescblock ul.breadcrumb li a span{
    font-size: 11.5px !important; color: var(--m-soft) !important;
  }
  body .categorydescblock ul.breadcrumb li a span:after{ display: none !important; content: none !important; }
  body .categorydescblock ul.breadcrumb li:after{
    content: '›' !important; font-family: inherit !important;
    font-size: 11px !important; line-height: 18px !important;
    margin: 0 6px !important; color: #B9B9B9 !important;
  }
  body .categorydescblock ul.breadcrumb li:last-child:after{ display: none !important; }
  body .categorydescblock ul.breadcrumb li:last-child{
    overflow: hidden; }
  body .categorydescblock ul.breadcrumb li:last-child span{
    overflow: hidden; text-overflow: ellipsis;
  }
  .categorydescblock .categoryTitleText{ margin: 10px 0 0 !important; }
  .categorydescblock .categoryPageTitle{
    font-size: 18px !important; font-weight: 800 !important; margin: 2px 0 10px !important;
  }
}

/* ==================== TRENDYOL YORUM SLIDER'I (v87) ====================
   Görsel+kartın ALTI, açıklamanın ÜSTÜ. Masaüstü 3 kart / mobil 1 kart,
   scroll-snap + JS autoplay (hover/dokunuşta durur). Yıldız turuncusu
   Trendyol kimliği; kalan her şey marka dili. ============================ */
.mng-tyrev{ clear: both; margin: 26px 0 6px; }
.mng-tyrev-head{
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 12px;
}
.mng-tyrev-score{ display: flex; align-items: baseline; gap: 8px; }
.mng-tyrev-score b{ font-size: 30px; font-weight: 900; color: var(--m-ink); line-height: 1; }
.mng-tyrev-stars{ color: #F27A1A; letter-spacing: 2px; font-size: 14px; line-height: 1.3; }
.mng-tyrev-meta{ display: flex; flex-direction: column; gap: 1px; }
.mng-tyrev-meta strong{ font-size: 14px; font-weight: 800; color: var(--m-ink); }
.mng-tyrev-meta span{ font-size: 12px; font-weight: 600; color: var(--m-soft); }
.mng-tyrev-all{
  margin-left: auto; display: inline-flex; align-items: center;
  height: 36px; padding: 0 16px; border: 1px solid #F27A1A; border-radius: var(--m-pill);
  color: #F27A1A !important; font-size: 12.5px; font-weight: 800;
  text-decoration: none !important; transition: all .28s var(--m-ease);
}
.mng-tyrev-all:hover{ background: #F27A1A; color: #fff !important; }
.mng-tyrev-wrap{ position: relative; }
.mng-tyrev-track{
  display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 4px;
  -webkit-overflow-scrolling: touch; /* v88: iOS momentum kaydırma */
}
.mng-tyrev-track::-webkit-scrollbar{ display: none; }
.mng-tyrev-card{
  flex: 0 0 calc((100% - 24px) / 3); scroll-snap-align: start;
  background: #fff; border: 1px solid var(--m-line); border-radius: 14px;
  padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; min-width: 0;
}
.mng-tyrev-card p{
  margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--m-ink);
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.mng-tyrev-card footer{
  margin-top: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 11.5px; font-weight: 600; color: var(--m-soft);
}
.mng-tyrev-card footer i{
  font-style: normal; background: #E9F8EF; color: #12813C;
  font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: var(--m-pill);
}
.mng-tyrev-nav{
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid var(--m-line); color: var(--m-ink);
  font-size: 18px; line-height: 1; cursor: pointer;
  box-shadow: 0 4px 14px rgba(38,35,36,.10); transition: all .28s var(--m-ease);
}
.mng-tyrev-nav.prev{ left: -10px; }
.mng-tyrev-nav.next{ right: -10px; }
.mng-tyrev-nav:hover{ border-color: var(--m-blue); color: var(--m-blue); }
/* rc2: DETAY fiyat satırı — [%23 çipi][eski üstü çizili][indirimli pembe] (kartla aynı dil);
   yalnız indirimli üründe (JS mng-has-oran basar) — diğer fiyat kurulumları etkilenmez */
.mng-price-card #pnlFiyatlar .mng-oran-chip{
  order: 1; display: inline-flex; align-items: center; align-self: center;
  background: var(--m-pink-strong); color: #fff; font-size: 12px; font-weight: 800;
  line-height: 1; padding: 5px 9px; border-radius: var(--m-pill); white-space: nowrap;
}
.mng-price-card #pnlFiyatlar.mng-has-oran .PiyasafiyatiContent{ order: 2 !important; }
.mng-price-card #pnlFiyatlar.mng-has-oran .IndirimliFiyatContent{ order: 3 !important; width: auto !important; }

/* rc2: KART indirim rozeti — discountIcon fiyat satırından görsel üstü sütuna (JS taşır) */
.productIconEx .discountIcon{
  display: inline-flex !important; align-items: center; float: none !important;
  margin: 0 !important; background: var(--m-pink-strong) !important; color: #fff !important;
  font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important;
  padding: 5px 10px !important; border-radius: var(--m-pill) !important;
  box-shadow: var(--m-sh-sm);
}
.productIconEx .discountIcon .discountIcon_s1{
  float: none !important; line-height: 1 !important; font-weight: 800 !important; font-size: 12px !important;
}
.productIconEx .discountIcon .discountIcon_s2,
.productIconEx .discountIcon .discountIconDetail{ display: none !important; }

/* v94: liste kartlarında ★puan çipi (görsel sol-alt; yalnız haritada verisi olan ürün) */
.productItem .productImage .mng-kart-puan{
  position: absolute; left: 8px; bottom: 8px; z-index: 3;
  display: inline-flex; align-items: center; gap: 4px;
  background: rgba(255,255,255,.95); border: 1px solid var(--m-line);
  border-radius: var(--m-pill); padding: 4px 9px;
  font-size: 11.5px; font-weight: 800; color: var(--m-ink);
  box-shadow: var(--m-sh-sm); pointer-events: none;
}
.mng-kart-puan b{ color: #F27A1A; font-weight: 900; }
.mng-kart-puan i{ font-style: normal; color: var(--m-soft); font-weight: 700; font-size: 10.5px; }

/* v90: slider altı kaynak/şeffaflık notu */
.mng-tyrev-not{
  margin: 8px 2px 0; font-size: 11px; line-height: 1.5;
  color: #9AA3AB; font-weight: 500;
}
/* v88: ürün adı altı mini puan rozeti (v1.0.0'da button oldu — resetler eklendi) */
.mng-tyrev-mini{
  display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 2px;
  background: none; border: 0; padding: 0; font-family: inherit; text-align: left;
  font-size: 12.5px; font-weight: 700; color: var(--m-soft) !important;
  text-decoration: none !important; cursor: pointer; transition: color .28s var(--m-ease);
}
.mng-tyrev-mini b{ color: var(--m-ink); font-weight: 900; }
.mng-tyrev-mini .mng-tyrev-stars{ font-size: 13px; letter-spacing: 0; }
.mng-tyrev-mini:hover{ color: var(--m-blue) !important; }
@media (max-width: 767px){
  .mng-tyrev-card{ flex: 0 0 100%; }
  /* v88: oklar mobilde de görünür (kullanıcı talebi) — küçük ve kenara yakın */
  .mng-tyrev-nav{ width: 30px; height: 30px; font-size: 16px; }
  .mng-tyrev-nav.prev{ left: 2px; }
  .mng-tyrev-nav.next{ right: 2px; }
  .mng-tyrev-all{ margin-left: 0; width: 100%; justify-content: center; }
}
