/* ==================== */
/* ------FE8--UM------- */
/* ==================== */
*{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: 'forma-djr-micro', 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: 'forma-djr-micro', 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: 'forma-djr-micro', 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: 'forma-djr-micro', 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: 'forma-djr-micro', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none;  text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 5px;padding: 0 10px;}
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 5px 5px;}
.cloudzoom-zoom { z-index: 999; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
.KasaOnuFirsatlarContent ul li a.button{border: none!important;}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header{margin-bottom: 50px;}
.Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);}
.Magazalar #searchStore{width: 25%;margin:0;}
.Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);}
.Magazalar #searchStore .buton{width: 105px;background: #222;border-color: #222;}
.Magazalar #searchStore .buton:hover{color: #222;}
.Magazalar .magazalarContent{float: left;width: 100%;margin-top: 50px;}
.Magazalar #nearStores{float: left;width: 100%;}
.Magazalar #nearStores >h2{font-weight: 600!important;color: #222;font-size:18px;}
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {float: left;width: 100%;}
.iletisimContent .row{margin: 0;}
.iletisimContent .AdBan{float: left;width: 50%;}
.iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;}
.iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;}
.iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;}
.iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; }
.iletisimContent .iletisimLeft .Left{display: none;}
.iletisimContent .iletisimLeft .Center{display: none;}
.iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;}
.iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;}
.iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';}
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {content: '\f1ac';}
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before   {content: '\f3c5';}
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before  {content: '\f2b6';}
.iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;}
.iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;}
.iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;}
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; }
.iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;}
.iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
.iletisimContent .iletisimForm .rowLeft .span .Center{display: none;}
.iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;}
.iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;}
.iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;}
.iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span .Center{display: none;}
.iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;}
.iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;}
.iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;}
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;}
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;}
/*------------------------------------Uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;}
.uyeOlContainer .uyeOlRow{margin:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;}
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important;line-height: 1;}
.uyeOlContainer .uyeOlColItem.checkboxItem label span {display: inline-block;vertical-align: top;float: left;font-size: 13px;line-height: 14px;width: calc(100% - 26px);}
.uyeOlContainer .uyeol {width:100%;text-align:center;padding:2px;margin:30px 0;height: 45px;font-size: 15px;line-height: 48px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label input{margin-left: -20px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label:before{margin-right: 10px;}
.uyeOlContainer .uyeOlCol .uyeOlCol{margin-right: 20px;}
.uyeOlContainer #chkSozlesme{margin: 0!important;}
.uyeOlContainer #chkSozlesme + label{width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px;}
.userContainer {float:left;width: 100%;margin: 30px 0;}
.userContainer .userDivLeft,
.userContainer .userDivRight{padding: 0;}
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv{float: left;width: 100%;margin: 10px 0 0;}
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label{width: 93%;float: right;}
.userContainer #chkSozlesme+label {width: 93%;float: right;}
.userContainer .userLeftBox, .userContainer .userRightBox{width: 100%;float: left;margin: 0;padding:25px;}
.userContainer .userLoginBtn, .userContainer .userSignBtn{float: left;width: 100%;}
.userContainer .uyeGirisBeniHatirla{margin: 20px 0;}
.userContainer .uyeGirisBeniHatirla input,.userContainer .uyeGirisBeniHatirla span{float: left;}
.userContainer .uyeGirisBeniHatirla input{width:16px;height:16px;margin-right:10px;}
.userContainer .userPassBtn{margin: 20px 0;}
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; }
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;}
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin{float: left;width: 100%;text-align:center;margin: 50px 0;}
.userLogin .newuserForm .uyelikonay.basariliUyelik{display: inline-block;vertical-align:top;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title{color: #000;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before{content: '\f00c';font-family: 'FontAwesome';display: block;font-size: 40px;color:#097d2d;font-weight:bold;margin-bottom: 10px;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4{font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span{font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a{padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer{float: left;width: 100%;margin-top: 10px;}
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
/*Header-Footer*/
#header:before { content: '';display:table;}
#header:after { content: ''; display: table;}
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
#header {width: 100%;position: relative;float: left;z-index:1000;background: #fff;}
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*logo*/
#logo {display: inline-block;vertical-align:top;float: left;margin: 23px 0 23.37px;}
#logo .logo {display: inline-block;vertical-align:top;margin:0;}
#logo .logo img { display: block;max-width: 100%;}
/*headerButton*/
.headerButton{float: right;margin-top: 30px;}
.favi{float:right;margin: 0;}
.favi a{float:left;text-align:center;color: #000;font-size: 12px;line-height: 30px;fill:#000;}
.favi a .svgIcon{display: block;margin: 0 auto;line-height: 0;}
.favi a span{display: none;}
/*sepet*/
.mycart{float: right;z-index:99;position: relative;margin-right: 0!important;}
.mycart > a {display: block;color: #000;font-size: 12px;text-align:center;fill:#000;}
.mycart .svgIcon {display:inline-block;margin: 0 auto;line-height: 0;}
/*sepettext*/
.mycart .sepetTecxt {display:none;float: left;line-height: 30px;}
.mycart .sepetUrunSayisi{position:static;float:right;display:inline-block;color:#004236;font-size:14px;font-weight:500;text-decoration:underline;margin-left:10px;line-height:22px;}
.mycart .sepetUrun { display:none;}
.sepetTopTutar { display: none!important;}
/*sepetacilir*/
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden;}
.mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
@media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }}
.CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
.CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
.CartProduct ul { padding: 0; margin: 0; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
.CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .SepetTopAdet { }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 300; }
.CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
.CartProduct .SPrice li { font-size: 0; }
.CartProduct .SPrice li span { float: left; color: #000; font-size: 14px; text-transform: uppercase; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
.CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #000; }
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.CartProduct.more .SPrice { display: block; }
.CartProduct.more .Title { display: block; }
.CartProduct.more .cart-footer { display: block; }
.CartProduct.more .headerCartBtn { display: block !important; }
.CartProduct.more .headerOrderBtn { display: block !important; }
.sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; }
.sepetimBody .mycart:hover:after  {display: none;}
/*hesabim*/
.welcome { float: right; z-index: 99; position: relative;}
.welcome > div {float:left;}
.welcome ul {float:left;margin: 0;list-style:none;padding: 0;}
.uyeGirisWelcome,.uyeGirisUyeAdi{display: none;}
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {float: left;color: #000;font-size: 12px;line-height: 30px;}
.welcome .svgIcon{float: none; display: block;margin: 0 auto;line-height: 0;}
.headerUyeOl a, .headerCikis{}
/*socialbutton*/
.welcome li {display:inline-block;vertical-align:top;}
.headerSocialConnect { display:none !important; float: right; margin-left: 25px;}
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0;font-size: 12px;font-weight:normal;padding:0;}
.headerSocialConnect .baglanButton a:before {content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px;line-height: 43px;vertical-align:top;font-weight: normal;}
.usernav { display: none; }
/*Arama*/
.searchContent{display:inline-block;vertical-align:top;position:relative;z-index:5;width:calc(100% - 850px);margin:15px 0;}
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select {cursor: pointer; background: #fff;display: block; height: 40px;border: none;border-right: 1px solid #000; width: 135px; padding:0 0 0 15px; border-radius:0;text-transform: uppercase; color: #807e7e; font-size: 12px;font-weight: 300; }
#divAramaKategori option {text-transform: capitalize;}
.search {float: left;width: 100%;position: relative;}
.ButtonMic {display: none !important;position: absolute;right: 75px;top: 1px;padding: 0;border: none;border-radius: 0;background: transparent;color: #795f52;font-size: 14px;width: 20px;height: 40px;}
#txtbxArama{float:left;width:100%;height:50px;font-size:13px;font-weight:normal;border:1px solid #D6CE4B;color:#004236;padding:0 75px 0 30px;background:#fff;border-radius:25px;letter-spacing:0;transition:0.3s;-webkit-transition:0.3s;-ms-transition:0.3s;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#txtbxArama::-webkit-input-placeholder { color: #004236; }
#txtbxArama:-moz-placeholder { color: #004236; }
#txtbxArama::-moz-placeholder { color: #004236; }
#txtbxArama:-ms-input-placeholder { color: #004236; }
#txtbxArama:focus { color: #004236; }
#btnKelimeAra{background:url(../../Uploads/EditorUploads/images/search.svg) no-repeat center;width:75px;line-height:50px;font-size:0;color:#000;font-weight:normal;text-align:center;text-transform:uppercase;position:absolute;right:0;top:0;border:none;border-radius:0;padding:0;cursor:pointer;z-index:9;-moz-appearance:none;-webkit-appearance:none;}
#btnKelimeAra:hover{background:url(../../Uploads/EditorUploads/images/searchh.svg) no-repeat center;}
/*menu*/
.navigation {float:left;width: 100%;    background: #004236;}
.navigation > div { z-index: 1;text-align:center;padding: 0!important;}
.navigation .navUl {display: inline-block;font-size: 0;float: left;width: 100%;position: static;padding:0;margin:0;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
.navigation .navUl > li { display:inline-block;vertical-align:middle;margin: 0 15px;}
.navigation .navUl > li > a{float:left;color:#FFFFFF;font-size:15px;line-height:45px;letter-spacing:0.75px;font-weight:500;}
.navigation .navUl > li:hover > a{color:#D6CE4B;}

/*menuacilir*/
.navigation .altMenu{position:absolute;top:100%;left:0;right:0;background-color:#004236;display:none;border-top:1px solid #fff;padding: 30px 0;}
.navigation .navUl > li:hover > .altMenu {display: block;}
.navigation .altMenu .altmenuSol > span{display: none;}
.navigation .altMenu .altMenuler {display:block;text-align:left;max-width:1440px;margin:0 auto;}
.navigation .altMenu .altMenuler .altMenuSag {float: right;}
.navigation .altMenu .altMenuler .altMenuSag > a {}
.navigation .altMenu .altMenuler .altMenuSag > a > img { display: block;}
.navigation .altMenu .altMenuler .altmenuSol {float: left;width: 100%;}
.navigation .altMenu .altMenuler .altmenuSol ul {display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li {display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li li{float: left;clear: left;}
.navigation .altMenu .altMenuler .altmenuSol ul li a{display: block;}
.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{}
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover{text-decoration:underline;}
.navigation .altMenu .altMenuler .altmenuSol > ul {width: 60%;-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.navigation .altMenu .altMenuler .altmenuSol > ul > li {display: flex; align-items: flex-start; flex-direction: column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;margin-bottom: 20px;}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a{font-size:16px;color:#E8E8E9;line-height:19px;font-weight:400;}
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a:hover{color:#D6CE4B;}
.navigation .altMenu.picTrue .altMenuler .altMenuSag{width: calc(50% - 10px);}
.navigation .altMenu.picTrue .altMenuler .altmenuSol{width: calc(50% - 10px);}
/*yanresimlimenu*/
#header .yanResimliMenu {display: none;}
/*dilsecenegi*/
#lang_flag_container { top:0 !important; left:0!important;right: auto;bottom: auto; z-index: 9999 !important; position:relative !important;float:right;margin-left: 25px;display: none;}
#lang_flag_container:after {position: absolute; width: 100%; right: 0; top:18px; height: 20px; content: '';display: none;}
#lang_flag_container #lang-detail {display: none; left:auto !important;top: 100% !important;right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px);}
#lang_flag_container:hover #lang-detail {display: block!important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}
#lang_flag_container:hover:after {display: block;}
#lang {float: left; color: #000 !important; font-size: 14px !important;font-weight: normal;padding: 0 0 0 25px!important;line-height: 13px!important;}
#lang span { font-weight: normal;float: left; line-height: 13px!important;}
#lang_flag_container:hover #lang { color: #000 !important; font-weight: normal;}
#langHover { padding:8.5px 0!important;float: left;}
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a{font-size:11px!important;text-align: left;}
#lang-detail .currency a{font-size:11px!important;}
#lang-detail p{font-size:12px!important;}
/*Footer*/
#footer { float: left; width: 100%; position: relative;background: #fff;    margin-top: 60px;}
.FooterSC { float: left; width: 100%; position: relative;}
.FooterTop { float: left; width: 100%; position: relative;}
.FooterMiddle { float: left; width: 100%; position:relative;border-top:1px solid #E8E8E9;border-bottom:1px solid #E8E8E9;}
.FooterBottom { float: left; width: 100%; position: relative;padding: 10px 0;}
/*ebulten*/
.ebultenDiv {float: left;position: relative;width: 318px;margin: 30px 0 45px;}
.ebultenGelecek {display: block;width: 100%;float: left;}
#divNewsLetter {float: left;width: 100%;position: relative;display:none;}
.ebultenGelecek #divNewsLetter {display: block;padding: 0;}
#divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px;}
#UpdatePanel1 {position: relative; float: right;width: 100%;}
#txtbxNewsletterMail{height:40px;font-size:13px;color:#999999;padding:0 80px 0 15px;background:#fff;border:1px solid #004236;border-radius:20px;display:inline-block;width:100%;text-align:left;font-weight:normal;opacity:1;}
#txtbxNewsletterMail::-webkit-input-placeholder {color: #000;}
#txtbxNewsletterMail:-moz-placeholder {color: #000;}
#txtbxNewsletterMail::-moz-placeholder {color: #000;}
#txtbxNewsletterMail:-ms-input-placeholder {color: #000;}
#txtbxNewsletterMail:focus {color: #000;}
.ebultenDiv .newsbutton{color:#FFFFFF;background:#D6CE4B;width:73px;height:30px;line-height:30px;font-size:13px;font-weight:400;display:inline-block;position:absolute;right:5px;top:5px;text-align:center;border:none;border-radius:15px;padding:0;margin:0!important;text-decoration:none;}
.ebultenDiv .newsbutton:hover{color: #fff;background: #004236;}
/*footerlink*/
#footer .linkler{ float: left; width: 100%; position: relative;padding: 40px 0 50px;}
#footer .linkler .blink { float: left;width:100%;margin:0}
#footer .linkler .blink ul {margin: 0;padding: 0;list-style: none;}
#footer .linkler .blink > ul { float: left;width: 100%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
#footer .linkler .blink > ul > li {float: left;}
#footer .linkler .blink > ul > li:last-child {margin-bottom: 0;}
#footer .linkler .blink > ul li {display: block;}
#footer .linkler .blink > ul >li> span{display:table;clear:left;font-size:20px;color:#004236;font-weight:bold;margin-bottom:20px;position:relative;line-height:24px;}
#footer .linkler .blink > ul >li> span .ackapabtn{display: none;}
#footer .linkler .blink > ul >li >ul{display: inline-block;vertical-align:top;}
#footer .linkler .blink > ul >li >ul >li >a{float:left;width:100%;font-size:15px;color:#004236;font-weight:normal;margin-bottom:15px;line-height:19px;display:flex;align-items:center;}
#footer .linkler .blink > ul >li >ul >li:last-child >a{margin-bottom: 0;}
#footer .linkler .blink > ul >li >ul >li >a:hover{color:#D6CE4B;}
#footer .linkler .blink > ul li.ebulten ul li span{font-size:15px;font-weight:400;color:#004236;line-height:27px;}
#footer .linkler .blink > ul >li >ul >li >a img{margin-right:11px;}

@media screen and (min-width:769px) {
    #footer .linkler .blink > ul >li >ul{display: inline-block!important;}
}
/*footersocial*/
#footer .socialdiv{float: left;clear: left;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .socialdiv ul li{float: left;margin-right: 20px;}
#footer .socialdiv ul li:last-child{margin-right: 0;}
#footer .socialdiv ul li a{float: left;color: #c4c4c4;font-size: 17px;}
#footer .socialdiv ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
/*store*/
#footer .store{float: left;clear: left;}
#footer .store ul {padding: 0;margin: 0;list-style: none;}
#footer .store ul li{float: left;margin-right: 20px;}
#footer .store ul li:last-child{margin-right: 0;}
#footer .store ul li a{float:left;color:#004236;font-size:15px;display:flex;align-items:center;line-height:19px;font-weight:400;}
#footer .store ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
#footer .store ul li a img{margin:-3px 5px 0 0;}

/*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:1px solid #D6CE4B;border-radius:100%;background:#fff;fill:#004236;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 10px; margin-bottom: 20px;width: 25%;max-width: 25%;}
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}

.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%;}
.categoryContainer .ProductList { margin: 0 -10px }
.categoryContainer .ProductListContent .productItem { margin-bottom: 20px;}
.ItemOrj { float: left;padding: 0 10px;width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
/*urun*/
.productItem { width: 100%; position: relative; text-align: center;display: inline-block;float: left;background: #fff;border-radius: 20px;overflow: hidden;}
.productItem .productIcon {width:100%;float: left;}
/*urunresim*/
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;}
.productItem .productImage a, body .productItem .productImage a.Videolu{ display:block;position:relative;padding-bottom:100%;}
.productItem .productImage img, .productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
/*urunaciklama*/
.productItem .productDetail{display:block;float:left;width:100%;padding:20px 20px 10px 20px;text-align:left;border-bottom:1px solid #E8E8E9;}
/*urunad*/
.productItem .productName { position: relative;margin:0;float:left;width: 100%;margin: 5px 0 0;}
.productItem .productName a{float:left;width:100%;padding:0;line-height:20px;height:20px;font-weight:500;font-size:17px;color:#004236;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/}
/*urunfiyat*/
.productItem .productPrice{display:inline-flex;flex-direction:row-reverse;position:relative;margin:0;float:left;width:calc(100% - 122px);padding:0 20px;justify-content:left;}
.productItem .discountPrice {display: block;float: left;}
.productItem .discountPrice span{color:#004236;font-size:18px;line-height:61px;font-weight:800;}
.productItem .discountKdv, .productItem .regularKdv  {display:none;}
.productItem .regularPrice { display:block !important;float: left;margin-right: 5px;margin-top: 0;}
.productItem .regularPrice span{font-size:18px;color:#9AB4AF;-moz-text-decoration-color:#9AB4AF;text-decoration-color:#9AB4AF;line-height:61px;font-weight:normal;text-decoration:line-through;}

.HomeBody .productItem .productPrice{flex-direction: column;}
.HomeBody .productItem .discountPrice span {line-height: 30px; font-size: 16px;} 
.HomeBody .productItem .regularPrice span{line-height: 30px; font-size: 15px;}
/*urunpuan*/
.productItem .productPoints{float: left;width: 100%;clear: none;margin-top: 10px;}
.productItem .productPoints .rating{margin: 0;}
.productItem .productPoints .rating i{color:#D6CE4B;font-size:14px;margin-right:1px;}
.productItem .productPoints .rating i:last-child{margin-right: 0;}
.productItem .productPoints [data-rating^='1'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='2'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='2'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='3'] .star-3{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-1{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-2{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-3{color: #ff8a00;}
.productItem .productPoints [data-rating^='4'] .star-4{color: #ff8a00;}
.productItem .productPoints [data-rating^='5'] i{color: #ff8a00;}
/*Urun Iconlari*/
.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2{ z-index: 3; display: none;}
.discountIcon span,.mycartIcon a span{font-weight: normal;}
.favori a, .examineIcon a, .mycartIcon a {display: block;}
/*tukendi*/
.TukendiIco { z-index: 5;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;}
.TukendiIco span {line-height: 40px;background:rgba(255,255,255,0.8);position: absolute;left: 0;bottom: 50%;right: 0;max-width: 200px; border:none;color: #000;font-size: 13px;font-weight: normal;padding: 0;border-radius: 0;text-transform:uppercase;margin: 0 auto;}
/*stokyok*/
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; }
/*playbuton*/
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';}
/*ekbutonlar*/
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;}
/*******************************************KATEGORi**********************************/
.Block_Title { display: none; }
.noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*kategoriAciklama*/
.categorydesign {float: left;width: 100%;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign *{}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img {display:inline-block;vertical-align:middle;}
/*breadcrumb*/
.breadList.breadActive{display: none!important;}
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto;display: block!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;}
body ul.breadcrumb *{color:#999999;font-size:13px!important;line-height:50px!important;float:left;font-weight:normal;}
body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;}
body ul.breadcrumb li:after { content: '|'; display: inline-block; margin: 0 5px; color: #999999; font-size: 13px ; line-height: 50px; float: left; font-weight:normal;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body ul.breadcrumb li:nth-last-of-type(1) a span{color: #004236;}
body a#linkOncekiSayfa {line-height: 30px ; display: block ; color: #999999 ; font-size: 13px!important; font-weight: normal;}
.leftImage a#linkOncekiSayfa {display: none;}
/*ustalan*/
.categoryTitleText {float: left;width: 100%;}
.categoryTitle { float: left; width: 100%;}
body #divSayfalamaUst { float: right; margin:0 0 20px;padding:0;text-align: center;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;}
.brandlistselection .clear { clear: none;display: none; }
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.brandlistselection .sortingContent{background:#FFFFFF;border-radius:10px;padding: 15px;}
.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;position:absolute;left:50%;transform:translate(-50% , -50%);top: 50%;}
.blockSelect .sort_hrz{display: none;}
.blockSelect .sort_2{display: none;}
.blockSelect .sort_5{display: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;}
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;display: none;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width: 100%; background:transparent;line-height: 1;margin: 0;padding: 0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;}
/*sayfalama*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin:0;}
.pageNumber { float: right; text-align: right; margin:0;display: none;}
.pageNumber a { }
.pageNumberContent { }
.pageNumberBottom { float: right; text-align:center;margin:40px 0 0;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a,.pageBorder a{min-width:28px;height:40px;line-height:40px;font-size:13px;font-weight:bold;color:#004236;background:#fff;border-radius:0;border:none;float:left;position:relative;display:block;text-align:center;margin:0 5px;box-shadow:0px 0px 10px #E8E8E9;border-radius:90px;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover{color:#004236;background:#D6CE4B;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa{color:#004236;background:#D6CE4B;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain{float:left;width: 100%;}
.ProductDetailMainRow{float:left;width: 100%;}
.TopDet{display:flex;justify-content:space-between;}
.leftImage{width:calc(50% - 10px);float:left;position:relative;padding:0;background:#fff;border-radius:20px;}
.RightDetail { width:calc(50% - 10px); float: right; position: relative;padding: 0;background: #fff;border-radius: 20px;}
/*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: 500px;margin: 0;padding: 0;}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width: 90px;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 .thumb-item {float: left;clear: left;width: 80px;margin-bottom: 15px;}
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images,#divVideoGoruntulemeAlan { float: right; width: 100%;padding-bottom:100%; position: relative;}
.Images img,#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages{display:flex !important;float:left;width:auto;position:absolute;left:50%;bottom:-60px;border:1px solid #E8E8E9;border-radius:20px;transform:translateX(-50%);background:#fff;overflow:hidden;padding:10px 20px 0 20px;gap: 10px;}
.SmallImages div {float: left;width: 80px;margin-bottom: 10px;border: 1px solid #E8E8E9;border-radius: 10px;overflow: hidden;}
.SmallImages div img {max-width: 100%;max-height: 100%;}
.SmallImages div.active{border-color:#018164;}

.leftImage .productTimer{display: none!important;}
.DetayYeniUrun {display:none!important;}
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; position: relative;}
.RightDetail .MiddleList { float: left; width:100%; position: relative;}
.RightDetail .BottomList { float: left; width:100%; position: relative;padding: 0 30px;}
/*urunadi*/
.ProductName { float:left;position: relative;margin:30px 0 0;width: 100%;padding: 0 30px;}
.ProductName h1 { margin: 0; float: left;width: 100%;}
.ProductName h1 span{float:left;width:100%;display:inline-block;color:#004236;font-size:24px;font-weight:600;line-height:29px;}
/*stokkodu*/
#divUrunKodu{float:left;clear:left;color:#004236;font-size:13px;font-weight:400;line-height:16px;padding:0 0 0 30px;margin:15px 0 0;}
#divUrunKodu span{ display:inline-block;vertical-align:top;color: #004236; font-size: 13px; font-weight: normal; position: relative; line-height: 16px;float: left;}
#divUrunKodu span:after{content: ':';margin: 0 4px;}
/*taksitaciklama*/
#divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;}
#divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;}
/*paunver*/
.RightDetail .puanVer {float:left;clear: left;padding: 0 0 0 30px;margin: 15px 0 0;}
.RightDetail #PuanVer{float: left;margin-top:0;}
.RightDetail .PuanVerSag{float:left;color:#D6CE4B;font-size:13px;line-height:17px;margin:0 0 0 5px;font-weight:500;}
.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:12px;line-height:16px;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: 12px; 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: #D6CE4B;}
/*markaresmi*/
.markaresmi { float: left;position: relative; z-index: 1; display: none!important;}
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%;float: left;}
/*magazastok*/
#divMagazaStok{float:left;clear:left; margin:10px 0 0!important;}
#divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
/*on yazi*/
#divOnyazi{float:left;width:100%;padding:0 30px;margin: 15px 0 0;}
#divOnyazi .teksatir{margin-top: 0;float: left;width: 100%;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'forma-djr-micro', sans-serif !important;font-size: 14px;line-height: 17px;color: #004236;letter-spacing: 0.7px;}
#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 30px;margin:30px 0 0;}
#pnlFiyatlar { display: inline-block; vertical-align: top;float:left;}
#divIndirimliFiyat {display: block;}
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
#divIndirimOrani{ float:left;clear:left;margin-top:10px;line-height:14px;}
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
#divIndirimOrani .left_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line,
#divIndirimOrani .center_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
#divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani,
#divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;float: left;margin-right: 10px;}
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;}
.PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through;}
.PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;}
/*indirimli fiyati*/
.IndirimliFiyatContent {display: block;float: left;}
.IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;}
.IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; }
.IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block;}
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;}
#divTurkLirasiFiyat .right_line { display: inline-block;}
#divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat {display: block;}
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;}
#divIndirimsizFiyat .right_line { display: inline-block;font-weight: normal; }
#divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;}
#divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;}
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block;float: left;margin-top: 8px;}
#divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;}
#divKDVDahilFiyat .center_line { display: none;}
#divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
/*fiyatrenk*/
.PiyasafiyatiContent .right_line *{color:#9AB4AF;font-size:24px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line{color: #004236;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *{font-size: 24px; font-weight: 800;}
#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: 29px;}
/*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;padding: 0 30px;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin:30px 0 0;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:16px;color:#004236;font-size:13px;font-weight:500;text-transform:uppercase;margin: 0 0 15px;}
#divUrunEkSecenek .eksecenekLine .center_line {display: none;}
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box{float:left;cursor:pointer;text-align:center;font-size:14px;position:relative;color:#004236;font-weight:normal;margin-right:10px;margin-bottom: 10px;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}
/*selectvaryasyon*/
#divUrunEkSecenek .eksecenekLine.selectvaryasyon {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 100%;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width: 100%;float: left;height: 40px;border:1px solid #d7d7d7;color: #000;font-size: 13px;font-weight: normal;padding: 0 10px;background: #fff;border-radius:0;}
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 50px;}
#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:90px;height:47px;line-height:47px;text-align:center;border:1px solid #E8E8E9;border-radius:10px;padding:0 4px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {    border-color: #004236}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {    border-color: #004236}
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #f5f3f3!important;color: #7a7979!important;border-color: #e4dfdd;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #cecece; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);-webkit-transform:rotate(140deg);}
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%;}
#IlgiliUrunDiv #divIlgiliUrunler {}
.TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;padding: 0;}
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold{padding: 0;margin: 0;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin: 0;border: none;font-size: 13px;line-height: 40px;font-weight: normal;color: #000;}
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;margin-bottom: 10px; border-radius: 0;overflow:hidden;}
.TopDet #IlgiliUrunDiv ul li:hover {}
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0;box-shadow:none!important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer {display: none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage {padding: 0;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a {}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {display: none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage img {}
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }
/*satinal*/
#divSatinAl{float:left;width:100%;margin:30px 0 0;padding:30px;border-top:1px solid #E8E8E9;border-bottom:1px solid #E8E8E9;}
.BasketBtn{float:left;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;}
#divAdetCombo .right_line,.RightDetail .riSingle{width: 170px;}
#txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input,
.buyfast input{height: 50px!important;}
.Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown{line-height: 40px;}
/*Adet Select*/
#divAdetCombo { display: block!important;position:relative;float: left;clear: left;}
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left;max-width: 100%!important;}
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;}
/*Adet input*/
.RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;}
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 40px !important;font-size: 0; background:transparent;top:0;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 9px;}
.RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #004236;}
.RightDetail .riSingle a.riUp {left:auto;right:0;    border-left: 1px solid #E8E8E9;}
.RightDetail .riSingle a.riDown {left:0;    border-right: 1px solid #E8E8E9;}
/*adetveselect*/
.Basketinp { display: block;position: relative;float: left;clear: left;}
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: normal;margin:0;float: left;clear:left;line-height: 40px;}
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi {width: 100% !important; text-align: center; display: inline-block;padding: 0;  appearance: none; -moz-appearance: none;-webkit-appearance: none;}
#txtbxurunSiparisAdedi,#divAdetCombo select{background:#fff;color:#004236;border:1px solid #E8E8E9;font-size:18px;font-weight:600;float:left;margin:0;border-radius:10px;}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn ,
.buyfast { float: left;margin: 0 0 0 10px;}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {color: #fff; font-weight: 500; font-size:15px; width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border:none; border-radius:10px;text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;}
.basketBtn{width:100%;margin:0 10px;}
body .basketBtn input{text-indent:25px;background:url(../../Uploads/EditorUploads/images/udsepeticon.svg) no-repeat left #004236;background-position-x:26%;}
body .basketBtn input:hover{text-indent:25px;background:url(../../Uploads/EditorUploads/images/udsepeticon.svg) no-repeat left #004236;background-position-x:28%;}
body .buyfast input{background:#D6CE4B;color:#004236;}
body .buyfast input:hover{background:#D6CE4B;color:#004236;}
/*Hemen Al*/
.buyfast {width: 100%;margin: 0 0 0;}
.buyfast input {}
/*kombin Al*/
#divKombinSatinAl {margin: 20px 0 0 0;width: 100%;}
#divKombinSatinAl a{font-size: 14px;margin: 0!important;}
/*Iconlar*/
.ProductIcon{float:left;width:100%;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.ProductIcon .box1 {padding:0;margin:0;min-width:0;background:transparent;display:inline-block;vertical-align:top;color:#004236;font-size:13px;font-weight:400;}
.ProductIcon .box1 i {display: none;}
.ProductIcon .boxIcon{fill:#004236;width:40px;height:40px;border:1px solid #D6CE4B;background:#F7F7F7;border-radius:50%;margin-right:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.ProductIcon .boxIcon svg{height:22px;}

.ProductIcon > div{float: left;position: relative;position: relative;margin: 0 0 15px;width: auto;}
.ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: flex-start;-webkit-justify-content:flex-start;}
/*yazdiryorumtavsiye*/
.ProductIcon2 {float:left;width: 100%;display:none;}
.ProductIcon2 .clear{display: none;}
.ProductIcon2 #divSocialButtons{width: 100%;}
.ProductIcon2 > div{float:left;width: 33.33%;margin-bottom: 15px;position: relative;}
.ProductIcon2 > div > a{margin: 0; padding: 0;font-size: 14px;background:transparent;color:#000;float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: flex-start;-webkit-justify-content:flex-start;}
.ProductIcon2 > div > a:hover{color: #000; background:transparent!important;}
.ProductIcon2 .boxIcon {fill:#000; width:50px;height:50px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.ProductIcon2 .boxIcon svg{height:22px;}
/*paylas*/
.TopDet .product_social_icon_wrapper{position:absolute;top:0;right:0;font-size:0;margin-top:0;display:block!important;background:#999999;border-radius:0 20px 0 0;width:50px;height:50px;}
.TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 0;}
.TopDet .product_social_icon_wrapper ul{display:inline-block;vertical-align:top;list-style:none;padding:0;margin:0;position:absolute;right:100%;width:0;top:0;bottom:0;display:flex;align-items:center;background:#999999;overflow:hidden;transition:.3s;}
.TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
.TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #000;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.TopDet .product_social_icon_wrapper ul li a svg{width: 15px;}
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a{background: #3b5999;}
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a{background: #55acee;}
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a{background: #bd081c;}
.TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;}
.Share{float:left;width:100%;display:flex;align-items:center;justify-content:center;height:100%;cursor: pointer;}
.TopDet .product_social_icon_wrapper ul.active{width: 135px;padding: 0 15px;}
/*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:130px 0 0;display:block;background:#FFFFFF;border-radius:20px;}
.urunOzellik .urunTab {float:left;width: 100%;    padding: 15px 0 0;border-bottom: 2px solid #E8E8E9;}
.urunOzellik .urunTab ul {display: inline-block;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.urunOzellik .urunTab >ul > li{display:inline-block;vertical-align:top;margin:0 50px;}
.urunOzellik .urunTab >ul > li:last-child{margin-right: 0;}
.urunOzellik .urunTab >ul > li > a{cursor:pointer;color:#004236;font-size:18px;float:left;font-weight:normal;line-height:49px;position: relative;}
.urunOzellik .urunTab >ul > li > a span{font-weight:normal;}
.urunOzellik .urunTab >ul > li.active > a {font-weight: 800;}
.urunOzellik .urunTab >ul > li.active > a:after{content:'';width:100%;height:2px;background:#004236;position:absolute;left:0;bottom:-1px;}
.urunOzellik .urunTab >ul > li.active > a span{font-weight:800;}
.urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:30px 73px;}
.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:'forma-djr-micro',sans-serif !important;padding:0;float:left;width:100%;font-family:'forma-djr-micro',sans-serif !important;padding:0;float:left;width:100%;font-size:14px;line-height:17px;color:#004236;}
.urunTabAlt * { font-family: 'forma-djr-micro',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; }
.urunTabAlt span{display: block;}
.urunTabAlt p{margin:0 0 15px;}
body .teknikDetay{border:none;}

.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul li{float: left;width: 100%;}
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;}
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler { float: left; width: 100%; padding:0 20px 20px; margin:50px 0 0;background: #fff;text-align:center;}
#divEtiketler .productModuleTitle {float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin:10px 0; }
#divEtiketler a { color: #696d71; font-size: 13px; }
#divEtiketler a:hover {text-decoration:underline;}
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0!important;margin:30px 0!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:center;position: relative;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{line-height:48px;color:#004236;font-size:40px;font-weight:800;display:inline-block;vertical-align:top;padding:0!important;position:relative;z-index:1;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1 small{font-size:14px;display:block;line-height:14px;color:#9AB4AF;font-weight:400;letter-spacing:2.1px;}
/*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:-60px;left:-60px;top:40%;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background:#fff; border-radius:100%;border:none;width: 40px;height:40px;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;box-shadow: 0px 0px 10px #0000001A;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover{background-color: #D6CE4B;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGallerynext:hover,
.owl-carousel .owl-nav .ProductListnext:hover{background-color: #D6CE4B;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListnext span:after,.owl-carousel .owl-nav .InstaGalleryprev span:after,.owl-carousel .owl-nav .InstaGallerynext span:after,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after{content:'';color:#004236;font-size:25px;font-family:'FontAwesome';font-weight:300;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .InstaGalleryprev span:after{content:'\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after,.owl-carousel .owl-nav .ProductListnext span:after,.owl-carousel .owl-nav .InstaGallerynext span:after{content:'\f105';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {display: none;}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;background: #fff; border: 1px solid #000;margin: 0 4px;border-radius: 100%;display: inline-block;vertical-align:top;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active{background: #000;}
body #mainHolder_divDesign .owl-dots .owl-dot span{display: none;}
body .productList-Image-Owl .owl-dots .owl-dot span{display:none;}
body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active span, body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span{display:none!important;}
#mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left: 40px;right: 40px;    top: 47%;}
/*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;}
.detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite {float: left;width: 100%;}
/*pnlSlider*/
#pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block;}
#pnlSlider .flex-control-nav {position: absolute;bottom: 20px;right:0;left: 0;}
#pnlSlider .flex-control-paging li {margin: 0 2px;}
#pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:100%;border:none;box-shadow:none;text-shadow:none;background: #fff;}
#pnlSlider .flex-control-paging li a.flex-active {background: #000;}
#pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;}
#pnlSlider .flex-direction-nav li {display: inline-block;vertical-align:top;}
#pnlSlider .flex-direction-nav .flex-nav-prev {float: left;}
#pnlSlider .flex-direction-nav .flex-nav-next {float: right;}
#pnlSlider .flex-direction-nav .flex-prev, 
#pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;width:auto;height: auto;border-radius:0; top: 0;margin: 0;padding: 0;box-shadow:none;opacity: 1;font-size: 0;position: relative;text-shadow:none;text-align:center;}
#pnlSlider .flex-direction-nav .flex-prev{left: 0;} 
#pnlSlider .flex-direction-nav .flex-next{right: 0;}
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;}
#pnlSlider .flex-direction-nav .flex-prev:before {}
#pnlSlider .flex-direction-nav .flex-next:before {}
#pnlSlider .flex-direction-nav .flex-prev:hover,
#pnlSlider .flex-direction-nav .flex-next:hover {}
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs {position: static;background: #fff;text-align:center;}
#pnlSlider .HPSItems .flex-control-thumbs li {display: inline-block;vertical-align:top;float: none;max-width: 100%;}
#pnlSlider .HPSItems .flex-control-thumbs img {opacity: 1;}
#pnlSlider .HPSItems .flex-control-thumbs .flex-active {}
.HomePageSlideShowContainer {float: left;width: 100%;position:relative;}
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0;width: 100%;}
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
/*sitekodlari*/
.hesabimAnasayfaMenuler ul li a:hover .fa{color: #fff;}
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'forma-djr-micro', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.mobilMenuAcButton,.searchClick, .mycartClick, .welcomeOpen { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent{display: none;}
#store_region_container{display: none;}
#ticimaxCopyright{float: left;width: 100%;}
section{float: left;width: 100%;}
.sepetimBody .Basketstep ul li.pasif{opacity: 1;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
.sepetimBody .sepetItemB1 span.KampanyaTanimSpan{display: inline-block;}
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar{width: 2px;}
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track{ background: #E8E8E9;}
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb{background: #D6CE4B;}
/*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: #004236; }
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover,
.OdemeMenu ul li.activeMenu{ border-color: #004236;}
/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #004236;}
.tooltip.right .tooltip-arrow {border-right-color: #004236;}
.tooltip.left .tooltip-arrow {border-left-color: #004236;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #004236;}
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid #004236;}
.sepetimBody .Basketstep ul li.aktif:after{border-top-color:#004236; }
/*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: #004236;}
/*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: #004236;}
/*colorhover*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover,
.CartProduct .SProduct li a:nth-child(2):hover *{color: #004236;}
/*bordercolorhover*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover,
.CartProduct .headerCartBtn:hover{border-color: #004236;}
/*color*/
.siparisOzetTakip {color: #fff;}
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet{background: #fff;}
/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover {color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;}
body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;}
/*------------------------------------Sabit Renkler--------------------------------------------*/
.divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;}
.bottomHead {display: none;}
#divSliderYani {display: none;}
body {background: #F7F7F7;}
body section.landing-block{background:#f7f7f7!important;}

/*siteozelalan*/
.SayfaIcerik #divIcerik {background: #fff; margin-top: 60px; padding: 15px; }
.adetGuncelleContent>span, .divKampanyaAdetBox>span, .sepetItemB3>span, .sepetItemB4>span {display: block; margin-bottom: 10px; font-size: 12px; line-height: normal; }
div#divKargoBedava {width: 100%; float: left; padding:0 30px; }
div#divKargoBedava a.tipL {display: flex; justify-content: flex-start; margin: 10px 0; align-items: center; }
div#divKargoBedava .boxIcon {fill: #004236; width: 40px; height: 40px; border: 1px solid #d6ce4b; background: #f7f7f7; border-radius: 50%; margin-right: 5px; 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;}
div#divKargoBedava .box1 i {font-size: 0;}
#header.fixed .htop{display: none;}
#divMemberWelcomeContent{display:none;}
#logo .htop,#logo .navigation{display: none;}
.htop{float:left;width:100%;position:relative;background:#F7F7F7;    border-bottom: 1px solid #004236;}
.htop .announce{display:block;text-align:center;font-size:15px;font-weight:bold;color:#004236;letter-spacing:0.75px;line-height:40px;background:#fff;}
.htopLinks{float:left;width:100%;}
.htopLeft{float:left;}
.htopRight{float:right;display:flex;align-items:center;}
.htopLinks ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;}
.htopLinks ul li{margin-right:25px;}
.htopLinks ul li a{font-size:13px;font-weight:400;color:#004236;line-height:49px;display:flex;align-items:center;justify-content: center;}
.htopLinks ul li a img{margin-right:5px;}
.headerSocialDiv{float:left;display:flex;align-items:center;}
.headerSocialDiv span{font-size:13px;font-weight:400;color:#004236;line-height:50px;margin-right:10px;}
.headerSocialDiv ul{}
.headerSocialDiv ul li{margin-right:10px;}
.headerSocialDiv ul li a{width:25px;height:25px;background:#D6CE4B;border-radius:50%;}
.headerSocialDiv ul li a img{margin:0 auto;}
.htopLinks ul li a b:after{content:'|';margin:0 5px;font-size:14px;font-weight:400;}
.headerSocialDiv ul li:last-child{margin:0;}

.headerButton > div{position:relative;margin:0 30px;}
.headerButton > div:before{content:'';background:#E8E8E9;width:1px;height:30px;position:absolute;left:-30px;top:50%;transform:translateY(-50%);}
.headerButton a:hover svg{fill:#D6CE4B;}

.menubanner{float:left;width:100%;}
.menubanner ul{padding:0;margin:0;list-style:none;display:flex;gap:20px;justify-content:space-between;}

body .hazirBlokContent .txcol-md-9{-ms-flex:0 0 68.5%;flex:0 0 68.5%;max-width:68.5%;}
body .hazirBlokContent .txcol-md-3{-ms-flex:0 0 31.5%;flex:0 0 31.5%;max-width:31.5%;padding: 0 0 0 20px!important;}
body .ticimaxYanBlokItem.n2 a{padding-bottom:20px!important;}
body .ticimaxYanBlokItem:last-child a{padding: 0!important;}

#ulMarkaSliderTemplateData{}
#ulMarkaSliderTemplateData li{}
#ulMarkaSliderTemplateData li a{box-shadow:0px 0px 10px #E8E8E9;border-radius:90px;height:190px;display:flex;align-items:center;justify-content:center;padding:10px;}
#ulMarkaSliderTemplateData li a img{max-width:107px;}
#ulMarkaSliderTemplateData.owl-carousel .owl-stage-outer{padding:5px;margin:-5px;width:calc(100% + 10px); }
.ProductList.markaSlider{float:left;width:100%;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold span#spnMarkaSliderTitle{color:#D6CE4B;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold span#spnMarkaSliderTitle small{color:#D6CE4B;}
body #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow .txcol-sm.marka-context{    background: url(../../Uploads/EditorUploads/images/markabg.png) no-repeat center / cover!important;}

.productMarka{}
.productIconEx{position:absolute;left:10px;top:10px;}
.newIcon{float:left;clear:left;line-height:25px;width:50px;background:#D6CE4B;border-radius:13px;height:25px;overflow:hidden;font-size:11px;font-weight:bold;color:#FFFFFF;padding:0 5px;text-align:center;margin-bottom:5px;}
.discountIcon{float:left;clear:left;width:50px;height:25px;background:#004236;border-radius:13px;}
.discountIcon span{line-height:25px;color:#fff;font-weight:bold;font-size:11px;}

.mycartIcon{float:right;width:61px;height:61px;display:flex;align-items:center;}
.mycartIcon a{font-size:0;background:url(../../Uploads/EditorUploads/images/urunkartbag.svg) no-repeat center #999999;width:100%;height:100%;}
.mycartIcon a:hover{background-color:#D6CE4B;}
.favori{float:right;width:61px;display:flex;height:61px;}
.favori a{background:#EFEFEF;height:100%;width:61px;display:flex;align-items:center;justify-content:center;font-size:0;}
.favori a:after{content:'\f004';font-family:'FontAwesome';font-size:20px;color:#004236;font-weight:300;}
.favori a:hover:after{color:#FFFFFF;}
.favori a:hover{background:#004236;}
.favori a.listfavoriAktif:after{font-weight:bold;}
.productMarka{display:block!important;font-size:13px;color:#004236;text-transform:uppercase;float:left;width:100%;letter-spacing:0.65px;}

body #mainHolder_divDesign .ticimaxTabHead li a{font-size:24px;padding:0;background:transparent;line-height:29px;font-weight:400;color:#004236;padding:0 0 15px;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{background:transparent;color:#004236;font-weight:800;}
body #mainHolder_divDesign .ticimaxTabHead{margin-bottom:30px;border-bottom:2px solid #E8E8E9;}
body #mainHolder_divDesign .ticimaxTabHead ul{padding:0;margin:0;}
body #mainHolder_divDesign .ticimaxTabHead li{margin:0 50px;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a:after{content:'';width:100%;height:2px;background:#004236;position:absolute;left:0;bottom:-2px;}

.HomeBody .guvenList{display: block;}
.guvenList{float:left;width:100%;padding:50px 70px;display: none;}
.guvenList ul{padding:0;margin:0;list-style:none;display:flex;justify-content:space-between;gap:65px;}
.guvenList ul li{display:flex;align-items:center;border:1px solid #E8E8E9;background:#F7F7F7;border-radius:58px;width:25%;justify-content:center;}
.guvenList ul li .iconBox{width:110px;float:left;}
.guvenList ul li span{display:block;position:relative;line-height:75px;padding:0;border-left:1px solid #E8E8E9;font-size:14px;font-weight:600;color:#004236;width:calc(100% - 110px);text-align:center;}
.guvenList ul li .iconBox img{margin:0 auto;}

.etbis{float:left;width:60px;margin-right:30px;}
.cards{float:left;width:343px;height:70px;display:flex;align-items:center;}
.copyright{float:right;line-height:70px;font-size:13px;color:#999999;font-weight:400;}
body .mobilTicimaxLogo{margin:19px 0 10px;}

body ul.breadcrumb{margin:20px auto!important;background:#E8E8E9;border-radius:10px;padding:0 20px;}

.kategoriTextArea{float:left;width:100%;margin:0 0 20px;}
.kategoriTextArea p{margin:0;font-size:14px;color:#004236;line-height:17px;}
.cargoIcon{display:none;}

#divMarka .left_line,#divMarka .center_line{display:none;}
#divMarka .right_line,#divMarka .right_line *{font-size:15px;line-height:49px;color:#004236;letter-spacing:0.75px;text-transform:uppercase;font-weight:500;}
#divMarka{width:100%;margin:0;padding:0 60px 0 30px;border-bottom:1px solid #E8E8E9;}

#divIndirimOrani{clear:none;margin:-1px 0 0 10px;}
#divIndirimOrani .left_line,#divIndirimOrani .center_line{display:none;}
#divIndirimOrani .indirimliOrani{width:60px;height:29px;text-align:center;background:#D6CE4B;font-size:14px;font-weight:bold;color:#FFFFFF;border-radius:18px;line-height:29px;overflow:hidden;}
#divIndirimOrani .indirimliOrani *{font-size:14px;font-weight:bold;color:#FFFFFF;line-height:29px;}

#BenzerUrunDiv .JKatAdi .bold .satir1{font-size:24px;line-height:29px;font-weight:800;}
#BenzerUrunDiv .JKatAdi{margin:60px 0 35px!important;}

    /*.urunSliderOwl .ticimaxTabHead{display: none;}*/
    .urunSliderOwl .categoryTitle{display: none;}
    .urunSliderOwl .txcol-sm-3 {width: 255px !important;flex: 0 0 255px !important;max-width: 255px !important;}
    .urunSliderOwl  .txcol-sm-9,.urunSliderOwl  .txcol-lg-9 {width: calc(100% - 255px) !important;max-width: calc(100% - 255px) !important;flex: 0 0  calc(100% - 255px) !important;}
    .urunSliderOwl .ItemOrj {width: 100% !important;padding: 0 !important;margin: 0 !important;max-width: 100%;display: none;}
    .urunSliderOwl .ProductList.owl-carousel .ItemOrj{display: block;}
    .urunSliderOwl .blokResimLink img {width: 100%;}
    #mainHolder_divDesign .urunSliderOwl .owl-carousel .owl-nav {left: -20px;right: -20px;}


.ticimaxYanBlokItem a{float:left;}

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

    body .sortingContent .blockSelect{display:none;}
    body .brandlistselection .sortingContent li:first-child{float:right;}
    body #filterOrderSelect{height:30px;border:1px solid #D6CE4B;border-radius:10px;appearance:none;padding:0 10px 0 30px;font-size:13px;color:#004236;font-weight:600;background:url(../../Uploads/EditorUploads/images/filtreicon.svg) no-repeat left;background-position-x:10px;}
    body .appliedFilter.FiltrelemeUrunAdet span{text-indent:0;margin:0;line-height:60px;font-size:13px;font-weight:bold;color:#004236;}
    body .appliedFilter.FiltrelemeUrunAdet span:after{content:'Bulundu';margin-left:3px;font-weight:400;}
    body .sortingContent li a{padding:0;}
    body .sortingContent li a:hover{background:transparent;color:#004236;}
    body a.filterOrderInStock{color:#004236;font-size:13px;font-weight:400;line-height:30px!important;display:flex!important;align-items:center;}
    body a.filterOrderInStock:before{content:'';width:19px;height:19px;float:left;border:1px solid #D6CE4B;border-radius:50%;line-height:17px;margin-top:-1px;margin-right:6px;}
    body a.filterOrderInStock:hover:before{background:#D6CE4B;}

    /*Sol Filtre*/
    .leftBlock .category-vertical-filters { float: left; width: 100%;border:none; border-radius:10px;overflow: hidden; margin:0 0 20px; text-align: center; padding:0;background:#fff;}
    .leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0 ;    width: calc(100% + 25.5px); text-align: left; border: none;margin:0; background-color: transparent!important;}
    .leftBlock .panel-heading a{display:block;line-height:49px;font-size:16px;color:#004236;font-weight:500;padding:0 20px;background:#E8E8E9;border-radius:10px;}
    .leftBlock .panel-heading a:after{content:'\f106';font-family:'FontAwesome';float:right;font-weight:normal;font-size:19px;}
    .leftBlock .panel-heading.active a:after{content: '\f107';}

    .leftBlock .category-vertical-filters > div { width: 100%; padding:0 25.5px 0 0; margin:0 0 10px;float: left; display: inline-block;}
    .leftBlock .category-vertical-filters > div:last-child{margin-bottom: 0;}
    .leftBlock .category-vertical-filters .panel.div-kategori {}
    .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading {}
    .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a:after {display: block;}
    .leftBlock .category-vertical-filters .panel.div-kategori ul {}
    .leftBlock .category-vertical-filters .panel.div-kategori ul li {width: 100%;}

    .leftBlock .category-vertical-filters .panel.div-kategori ul li a{margin-bottom: 0;}
    .leftBlock .category-vertical-filters .panel.div-kategori ul li ul {}
    .leftBlock .category-vertical-filters .panel.div-kategori ul li ul a{}
    .leftBlock .category-vertical-filters .panel.div-kategori ul a:hover{}
    .leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a{}
    .leftBlock .category-vertical-filters .panel.div-kategori > ul > li{}

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group{float:left;text-align:left;padding:2px 25.5px 2px 20px;margin:20px 0;width:100%;top:100%;display:block;border:none;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, 
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin:0 0 15px; padding:0; background-color: transparent; width: 100%; height: auto; border: none;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child{margin-bottom: 0;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item{}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a{float:left;font-size:14px;color:#004236;display:inline-block;line-height:20px;font-weight:normal;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a {}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a {}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child { margin-bottom: 0; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover ul { }

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {background-size: 13px 13px!important;background-position: 0 0!important;background-repeat: no-repeat!important;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected { }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:nth-child(6n) {}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {padding-left: 23px;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {display: none!important;}

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before{margin-right:10px;width:19px;height:19px;border:1px solid #D6CE4B!important;border-radius:50%;background:#fff;display:inline-block!important;margin-top:0;text-align:center;line-height:19px;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { background:#D6CE4B;}
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{ background:#D6CE4B;}
    .FiyatSlider{float:left;width:100%;padding:0 60px;}

    body .leftBlock .slider-range{float:left;width:100%;border:none;border-radius:0;padding:0;margin:25px 0 10px;height:2px;background:#004236;}
    body .leftBlock .slider-range .ui-slider-range {height: 2px;background:#000;border-radius: 0;top:0;margin: 0;}
    body .leftBlock .slider-range .ui-slider-handle{width:10px;height:10px;border-radius:50%;background:#D6CE4B;border:none;margin:0;top:-4px;}
    body .leftBlock .slider-range span:nth-child(2){margin-left: 0;}
    body .leftBlock .slider-range span:nth-child(3){margin-left: -10px;}
    body .leftBlock .amount {float: left;width: 100%;color: #004236;font-size: 14px;text-align:center;margin-bottom: 30px;font-weight: 500;line-height: 17px;}
    /*Sol Filtre*/
}
/* ------------------------------------Container--------------------------------------------*/
.headerContent,body ul.breadcrumb,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 1440px; margin: 0 auto;position: relative; clear: both; display: block; }
.navigation > div{ max-width: 1440px; margin: 0 auto;position: static; 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;margin: 0 auto!important;}
/**/
.headerContent{text-align:center;}
.innerContainer{}
#divIcerik.homepage {}
.UyeOl .ticiContainer{}
#footer .ticiContainer{}
.UyeGiris .ticiContainer{}
.Magazalar .ticiContainer{}
.sepetimBody .ticiContainer{margin: 0 auto;}
.sepetimBody .headerContent{}
.HesabimTakip .ticiContainer{}
.Iletisimaspx .ticiContainer{}
.homeContainer .ticiContainer{}
.ticiContainer.homeContainer {}
.ticiContainer.pageContainer {}
.ticiContainer.categoryContainer {}
.sepetimBody #footer .ticiContainer{}
.ticiContainer.productDetailContainer {}
.sepetimBody .footerSslLogo{display: none!important;}
.sepetimBody .headerContent{box-shadow:none;}
/**/
.centerCount.Middle             {width: 100%;padding: 0;}
.centerCount.userLoginContent   {width: 100%;padding: 0;}
.centerCount.iletisimContent    {width: 100%;padding: 0;}
.centerCount.UyeolContent       {width: 100%;padding: 0;}
.centerCount.HesabimTakip       {width: 100%;padding: 0;}
/**/
.leftBlock   {float: left;width: 365px;padding-right: 36px;}
.rightBlock  {float: right;width:300px;padding-left:20px;}
.centerCount.LeftMiddle {width: calc(100% - 365px);}
.centerCount.RightMiddle {width: calc(100% - 300px);}
.centerCount {float: left;width: 100%;padding: 0;}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight   {width: 25%;}
.rightBlock.LeftMiddleRight  {width: 25%;}
.centerCount.LeftMiddleRight {width: 50%;}
/**/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle {width: 25%;padding-right: 20px;}
    .centerCount.LeftMiddle {width: 75%;}
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight   {width:25%;}
    .rightBlock.LeftMiddleRight  {width:25%;}
    .centerCount.LeftMiddleRight {width:50%;}
    /*OrtaSag*/
    .rightBlock.MiddleRight  {width:25%;}
    .centerCount.MiddleRight {width:75%;}
    .homeContainer .col-5li { width: 25%;}
}

@media screen and (min-width: 1540px) and (max-width: 1660px){
    /* ------------------------------------Container--------------------------------------------*/
    /*.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1480px;}
    /* ------------------------------------Container--------------------------------------------*/
    /*.homeContainer .ProductListContent .ProductList{max-width:1480px;}
    .sliderBannerContainer .ProductList{max-width:1480px;}
    .detaySliderContainer .ProductList{max-width:1480px;}
    .markaSlider .jCarouselLite{max-width:1480px;}
    #divIcerik.homepage{margin: 0 auto;}*/

    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}

}

@media screen and (min-width: 1500px) and (max-width: 1539px){
    /* ------------------------------------Container--------------------------------------------*/
    /*.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1440px;}
    /* ------------------------------------Container--------------------------------------------*/
    /*.homeContainer .ProductListContent .ProductList{max-width:1440px;}
    .sliderBannerContainer .ProductList{max-width:1440px;}
    .detaySliderContainer .ProductList{max-width:1440px;}
    .markaSlider .jCarouselLite{max-width:1440px;}
    #divIcerik.homepage{margin: 0 auto;}*/

    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
}

@media screen and (min-width: 1380px) and (max-width: 1499px){
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1320px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1320px;}
    .sliderBannerContainer .ProductList{max-width:1320px;}
    .detaySliderContainer .ProductList{max-width:1320px;}
    .markaSlider .jCarouselLite{max-width:1320px;}
    #divIcerik.homepage{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:20px;right:20px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    body .ticimaxYanBlokItem.n2:first-child a{padding-bottom:7px!important;}
    .navigation .altMenu .altMenuler{max-width:1320px;}

    .leftBlock{width:300px;padding:0 20px 0 0;}
    .centerCount.LeftMiddle{width:calc(100% - 300px);}
    .FiyatSlider{padding:0 30px;}

    #divAdetCombo .right_line,.RightDetail .riSingle{width:130px;}
    body .basketBtn input{background-position-x:24%;}
}

@media screen and (min-width: 1300px) and (max-width: 1379px){
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1240px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1240px;}
    .sliderBannerContainer .ProductList{max-width:1240px;}
    .detaySliderContainer .ProductList{max-width:1240px;}
    .markaSlider .jCarouselLite{max-width:1240px;}
    #divIcerik.homepage{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:20px;right:20px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    body .ticimaxYanBlokItem.n2:first-child a{padding-bottom:7px!important;}
    .guvenList ul{gap:25px;}
    .guvenList ul li .iconBox{width:90px;}
    .navigation .altMenu .altMenuler{max-width:1240px;}

    .leftBlock{width:300px;padding:0 20px 0 0;}
    .centerCount.LeftMiddle{width:calc(100% - 300px);}
    .FiyatSlider{padding:0 30px;}

    #divAdetCombo .right_line,.RightDetail .riSingle{width:130px;}
    body .basketBtn input{background-position-x:24%;}
    .PriceList{margin:15px 0 0;}
    #divSatinAl{margin:15px 0 0;padding:20px 30px;}
    #divUrunEkSecenek .eksecenekLine{margin:15px 0 0;}
    .ProductName{margin:15px 0 0;}
    #divOnyazi *{font-size:13px;line-height:15px;}

}

@media screen and (min-width: 1240px) and (max-width: 1299px){
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1180px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1180px;}
    .sliderBannerContainer .ProductList{max-width:1180px;}
    .detaySliderContainer .ProductList{max-width:1180px;}
    .markaSlider .jCarouselLite{max-width:1180px;}
    #divIcerik.homepage{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:20px;right:20px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    body .ticimaxYanBlokItem.n2:first-child a{padding-bottom:7px!important;}
    .guvenList ul{gap:20px;}
    .guvenList ul li .iconBox{width:75px;}
    .guvenList ul li .iconBox img{max-width:40px;max-height:40px;}
    .guvenList ul li span{line-height:65px;font-size:12px;}
    .navigation .navUl > li{margin:0 20px;}
    .searchContent{width:calc(100% - 750px);}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:30px;line-height:38px;}
    #ulMarkaSliderTemplateData li a{height:160px;}
    .productItem .productDetail{padding:10px;}
    .productItem .productPrice{padding:0 10px;}
    .mycartIcon{width:50px;height:50px;}
    .favori{width:50px;height:50px;}
    .productItem .discountPrice span,.productItem .regularPrice span{line-height:50px;}
    body #mainHolder_divDesign .ticimaxTabHead li{margin:0 25px;}
    .navigation .altMenu .altMenuler{max-width:1180px;}

    .leftBlock{width:300px;padding:0 20px 0 0;}
    .centerCount.LeftMiddle{width:calc(100% - 300px);}
    .FiyatSlider{padding:0 30px;}

    #divAdetCombo .right_line,.RightDetail .riSingle{width:130px;}
    body .basketBtn input{background-position-x:24%;}
    .PriceList{margin:15px 0 0;}
    #divSatinAl{margin:15px 0 0;padding:20px 30px;}
    #divUrunEkSecenek .eksecenekLine{margin:15px 0 0;}
    .ProductName{margin:15px 0 0;}
    #divOnyazi *{font-size:13px;line-height:15px;}
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1100px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    #divIcerik.homepage{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:20px;right:20px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    body .ticimaxYanBlokItem.n2:first-child a{padding-bottom:7px!important;}
    .guvenList ul{gap:20px;}
    .guvenList ul li .iconBox{width:75px;}
    .guvenList ul li .iconBox img{max-width:40px;max-height:40px;}
    .guvenList ul li span{line-height:65px;font-size:12px;width: calc(100% - 75px);}
    .navigation .navUl > li{margin:0 20px;}
    .searchContent{width:calc(100% - 650px);}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:30px;line-height:38px;}
    #ulMarkaSliderTemplateData li a{height:160px;}
    .productItem .productDetail{padding:10px;}
    .productItem .productPrice{padding:0 10px;}
    .mycartIcon{width:50px;height:50px;}
    .favori{width:50px;height:50px;font-size: 16px;}
    .productItem .discountPrice span,.productItem .regularPrice span{line-height:50px;font-size: 16px;}
    body #mainHolder_divDesign .ticimaxTabHead li{margin:0 25px;}
    .guvenList ul li{justify-content:space-between;}
    .navigation .altMenu .altMenuler{max-width:1100px;}

    .FiyatSlider{padding:0 30px;}

    #divAdetCombo .right_line,.RightDetail .riSingle{width:120px;}
    body .basketBtn input{background-position-x:24%;}
    #divSatinAl{margin:15px 0 0;padding:15px;}
    #divOnyazi *{font-size:13px;line-height:15px;}
    .ProductName h1 span{font-size:20px;line-height:22px;}
    .RightDetail .puanVer,#divUrunKodu,#divOnyazi,#divUrunEkSecenek .eksecenekLine,.PriceList,.ProductName{margin:10px 0 0;}
    .ProductIcon .boxIcon svg{height:12px;}
    .ProductIcon .boxIcon{width:30px;height:30px;}
    #divMarka .right_line,#divMarka .right_line *{line-height:40px;}
    .TopDet .product_social_icon_wrapper{width:40px;height:40px;border-radius: 0 10px 0 0;}
    .TopDet .product_social_icon_wrapper .PaylasTit img{height:20px;}
    .leftImage,.RightDetail,.urunOzellik,.SmallImages{border-radius:10px;}
    #divMarka{padding-left:15px;}
    .ProductName,.RightDetail .puanVer,#divUrunKodu,#divOnyazi,.PriceList,#divUrunEkSecenek,.RightDetail .BottomList{padding:0 15px;}
    .SmallImages{padding:10px 10px 0 10px;}
    #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width:60px;height:35px;line-height:35px;font-size:12px;}
    #divUrunEkSecenek .eksecenekLine .left_line{margin:0 0 7px;}
    .PiyasafiyatiContent .right_line *{font-size:20px;}
    .IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line *{font-size:20px;}

}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 960px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    #divIcerik.homepage{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:20px;right:20px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    body .ticimaxYanBlokItem.n2:first-child a{padding-bottom:7px!important;}
    .guvenList ul{gap:20px;}
    .guvenList ul li .iconBox{width:75px;}
    .guvenList ul li .iconBox img{max-width:40px;max-height:40px;}
    .guvenList ul li span{line-height:65px;font-size:12px;width: calc(100% - 75px);}
    .navigation .navUl > li{margin:0 20px;}
    .searchContent{width:calc(100% - 550px);}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:30px;line-height:38px;}
    #ulMarkaSliderTemplateData li a{height:160px;}
    .productItem .productDetail{padding:10px;}
    .productItem .productPrice{flex-wrap:wrap;height:50px;align-items:center;padding:5px 10px;}
    .mycartIcon{width:50px;height:50px;}
    .favori{width:50px;height:50px;font-size: 16px;}
    .productItem .discountPrice span,.productItem .regularPrice span{line-height:20px;font-size: 16px;}
    body #mainHolder_divDesign .ticimaxTabHead li{margin:0 25px;}
    .guvenList ul li{justify-content:space-between;}
    .htopLinks ul li{margin-right:10px;}
    .htopLinks ul li a{font-size:12px;}
    .headerSocialDiv span{font-size:12px;}
    .htop .announce{font-size:13px;}
    .headerButton > div{margin:0 20px;}
    .headerButton > div:before{left:-20px;}
    .productItem .productName a{font-size:15px;}
    .productMarka{font-size:11px;}
    .guvenList{padding:40px 0;}
    .navigation .altMenu .altMenuler{max-width:960px;}

    .FiyatSlider{padding:0 15px;}

    #divAdetCombo .right_line,.RightDetail .riSingle{width:100px;}
    body .basketBtn input{background-position-x:17%;}
    #divSatinAl{margin:15px 0 0;padding:15px;}
    #divOnyazi *{font-size:13px;line-height:15px;}
    .ProductName h1 span{font-size:20px;line-height:22px;}
    .RightDetail .puanVer,#divUrunKodu,#divOnyazi,#divUrunEkSecenek .eksecenekLine,.PriceList,.ProductName{margin:10px 0 0;}
    .ProductIcon .boxIcon svg{height:12px;}
    .ProductIcon .boxIcon{width:30px;height:30px;}
    #divMarka .right_line,#divMarka .right_line *{line-height:40px;font-size: 13px;}
    .TopDet .product_social_icon_wrapper{width:40px;height:40px;border-radius: 0 10px 0 0;}
    .TopDet .product_social_icon_wrapper .PaylasTit img{height:20px;}
    .leftImage,.RightDetail,.urunOzellik,.SmallImages{border-radius:10px;}
    #divMarka{padding-left:15px;}
    .ProductName,.RightDetail .puanVer,#divUrunKodu,#divOnyazi,.PriceList,#divUrunEkSecenek,.RightDetail .BottomList{padding:0 15px;}
    .SmallImages{padding:10px 10px 0 10px;}
    #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width:60px;height:35px;line-height:35px;font-size:12px;}
    #divUrunEkSecenek .eksecenekLine .left_line{margin:0 0 7px;}
    .PiyasafiyatiContent .right_line *{font-size:20px;}
    .IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line *{font-size:20px;}
    .ProductIcon .box1{font-size:12px;}
    .RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown{width:30px!important;}
    #txtbxurunSiparisAdedi,#divAdetCombo select,.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown,.basketBtn input,.buyfast input{height:40px!important;}
    #divKombinSatinAl a,.buyfast input,.basketBtn input{font-size:14px;}
    #txtbxurunSiparisAdedi,#divAdetCombo select{font-size:15px;}
    .urunOzellik .urunTab >ul > li{margin:0 20px;}
    .urunDetayPanel{padding:30px;}

}
@media (min-width: 768px) and (max-width: 1041px) {
    .mobilMenuAcButton{float: left;margin-top: 15px;margin-right: 20px;color: #000;fill: #000;}
    .mobilMenuAcButton span{display: block;font-size: 11px;}
    .mobilMenuAcButton svg{width: 30px;}
    #logo{margin:20px 0;}

}
@media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 720px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:720px;}
    .sliderBannerContainer .ProductList{max-width:720px;}
    .detaySliderContainer .ProductList{max-width:720px;}
    .navigation .altMenu .altMenuler{max-width:720px;}
    .markaSlider .jCarouselLite{max-width:720px;}
    #divIcerik.homepage{margin: 0 auto;}
    .headerContent{margin: 0 auto;}

    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:10px;right:10px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;}
    .guvenList ul{gap:15px;}
    .guvenList ul li .iconBox{width:60px;}
    .guvenList ul li .iconBox img{max-width:30px;max-height:30px;}
    .guvenList ul li span{line-height:50px;font-size:10px;width: calc(100% - 60px);}
    .navigation .navUl > li{margin:0 20px;}
    .searchContent{width:100%;margin-top:0;}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:25px;line-height:30px;}
    #ulMarkaSliderTemplateData li a{height:190px;border-radius: 70px;}
    .productItem .productDetail{padding:10px;}
    .productItem .productPrice{flex-wrap:wrap;height:50px;align-items:center;padding:5px 10px;}
    .mycartIcon{width:50px;height:50px;}
    .favori{width:50px;height:50px;font-size: 16px;}
    .productItem .discountPrice span,.productItem .regularPrice span{line-height:20px;font-size: 16px;}
    body #mainHolder_divDesign .ticimaxTabHead li{margin:0 15px;}
    .guvenList ul li{justify-content:space-between;}
    .htopLinks ul li{margin-right:5px;}
    .htopLinks ul li a{font-size:10px;}
    .headerSocialDiv span{font-size:10px;margin-right: 5px;}
    .htop .announce{font-size:13px;}
    .headerButton > div{margin:0 20px;}
    .headerButton > div:before{left:-20px;}
    .productItem .productName a{font-size:15px;}
    .productMarka{font-size:11px;}
    .guvenList{padding:40px 0;}
    body section.landing-block:first-child{margin-top:20px!important;}
    #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{width:30px;height:30px;}
    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListnext span:after,.owl-carousel .owl-nav .InstaGalleryprev span:after,.owl-carousel .owl-nav .InstaGallerynext span:after,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after{font-size:20px;}
    body #mainHolder_divDesign .t-vw-6 .ticiContainer{max-width:720px!important;padding:0!important;}
    body #mainHolder_divDesign .t-vw-6 .ticiContainer .txcol-sm-12{padding:0!important;}
    body #mainHolder_divDesign .ticimaxTabHead li a{font-size:20px;padding:0 0 5px;}
    #footer{margin-top:20px;}
    #footer .linkler .blink > ul >li> span{font-size:15px;}
    #footer .linkler .blink > ul >li >ul >li >a{font-size:13px;line-height:16px;margin:0 0 10px;}
    .ebultenDiv{width:250px;margin:15px 0 25px;}
    #footer .linkler .blink > ul li.ebulten ul li span{font-size:13px;line-height:23px;}
    #footer .store ul li a{font-size:13px;}
    #txtbxNewsletterMail{font-size:10px;}
    .etbis{margin-right:15px;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-md-9,body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok{padding:0!important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok .txrow .ticimaxYanBlokItem{padding:0 0 0 15px!important;}
    body .ticimaxYanBlokItem.n2 a{padding-bottom:0!important;}

    .kategoriTextArea{margin:0 0 10px;}
    .ItemOrj{padding:0 5px;}
    .categoryContainer .ProductList{margin:0 -5px;}
    .categoryContainer .ProductListContent .productItem{margin-bottom:10px;}
    .pageNumberBottom{margin:20px 0 0;}
    .productItem{border-radius:15px;}

    .leftImage{width:100%;border-radius: 10px;}
    .RightDetail{width:100%;margin:20px 0 0;border-radius: 10px;}
    .TopDet{flex-wrap:wrap;}
    .urunOzellik .urunTab >ul > li{margin:0 20px;}
    .urunOzellik{margin:20px 0 0;border-radius:10px;}
    .urunDetayPanel{padding:30px;}
    .SmallImages{display: none!important;}

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

    body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;margin: 0;border: none;background: #fff;float: left;width: 100%;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;text-align:left;color: #262324;font-weight: 500; font-size: 15px;line-height: 50px;padding: 0 10px;text-transform:uppercase;}
    body .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;display: block;}
    body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    body .category-vertical-filters.top-filters .panel:last-child {margin-bottom: 0;}
    body .category-vertical-filters.top-filters .list-group.dropdown{border: none;position:static;box-shadow: none;}
    body .category-vertical-filters.top-filters .list-group.dropdown ul {margin-top: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li{width:100%;margin-right: 0;text-align:left;margin-bottom: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li a{color: #000;line-height: 16px;}
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size: 13px;color: #262324;font-weight: normal;float: left;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius: 0;display: inline-block!important;width: 16px;height: 16px;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{border-color: #000;background: #000;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;height: auto;}
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width: 100%;margin:20px 0;}

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

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

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

    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;}
    .mobileImageSlider .owl-stage-outer{float: left;width: 100%;}
    .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;}
    .uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;}
    .uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;}
    .uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;}
    .Magazalar .magazaSelect{width: 100%;margin-right: 0;}
    .Magazalar #searchStore{width: 100%;margin-right: 0;}

    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top:0; border-bottom:1px solid #e8e8e8;}
    .menuUstBolum .CloseBtnMenu { float: right; fill: #fff; width: 50px; text-align: center; margin:0;cursor: pointer;}
    .menuUstBolum .CloseBtnMenu svg{width: 20px;margin-top: 15px;}
    .menuUstBolum .menuBack { float: left; line-height: 50px;fill: #fff; color: #fff;font-size: 15px; text-align: center; margin:0;cursor: pointer;padding-left: 20px;}
    .menuUstBolum .menuBack svg {margin-right: 10px;float: left;margin-top: 15px;width: 20px;}
    .mobilMenu {position: fixed;left:-110%;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;transition:left .3s ease-in-out;}
    .mobilMenu.acik {left:0;}
    .mobilMenu ul{list-style: none;padding: 0;margin: 0;}
    .mobilMenu .menuIcerikAlan {float: left;width: 100%;height:calc(100% - 51px);position:absolute;top: 51px;right: 0;left: 0;}
    .mobilMenu .navUl { float: left;width: 100%;height: 100%;}
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;padding: 0 0 0 5px;}
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a{color: #000; font-size: 14px;font-weight:normal;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 15px;z-index:2;position: relative;width: 100%;}
    .mobilMenu .navUl .ulVar > a{width: auto;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown{float: right;position:absolute;right: 0;top: 0;left: 0;z-index: 1;padding-right: 20px;cursor: pointer;height: 40px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg, .mobilMenu .navUl > li > ul li .ResimsizDown2 svg, .mobilMenu .navUl > li .ResimsizDown svg,
    .mobilMenu .navUl > li .ResimliDown svg{float: right;width: 12px;margin-top: 12px;}
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler{float: left;width: 100%;height: 100%;overflow-y:auto;overflow-x:hidden;position: absolute;top: 0;right: 0;left: 0;}
    .mobilMenu .altMenu .altMenuSag{display:none;}
    .mobilMenu .altMenu .altmenuSol{float: left;width: 100%;height: 100%;}
    /**/
    .mobilMenu .navUl > li ul.over{overflow-y:hidden;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu {position: fixed;left:-100%;top: 51px;bottom: 0;width: 360px;background: #fff;z-index: 3;transition:all 0.3s ease-in-out;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active {left: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span,.mobilMenu .navUl > li > ul li ul > span ,
    .mobilMenu .navUl > li > ul > span{color:rgba(40, 47, 54, 0.8);font-size: 18px;font-weight: 600;line-height: 55px;padding-left: 55px;border-bottom: 1px solid #e5e5e5;position: relative;float: left;width: 100%;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span{z-index: 0;position: relative;}
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack{z-index: 1;padding-left: 20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg, .mobilMenu .altMenu .altmenuSol > span .UpBtn svg,
    .mobilMenu .navUl > li > ul > span .NoiBack svg{float: left;width: 17px;margin-top: 19px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li{ float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a {color: #282f36; font-size: 14px;font-weight:500;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 13px;z-index:2;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul,.mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan{overflow-y:auto;overflow-x:hidden;}
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a{float: left;width: 50%;padding: 0 13px;min-height: 57px;text-align:center;margin-bottom: 15px;}
}
/* Mobil Ekran */
@media (max-width:767px) {
    .SayfaIcerik #divIcerik {margin-top: 20px; padding: 10px; }

    #divMemberWelcomeContent{display:block;}
    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav{left:10px;right:10px;}
    #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav{left:10px;right:10px;display: block;}
    .guvenList ul{gap:15px;}
    .guvenList ul li .iconBox{width:60px;}
    .guvenList ul li .iconBox img{max-width:30px;max-height:30px;}
    .guvenList ul li span{line-height:50px;font-size:10px;width: calc(100% - 60px);}
    .navigation .navUl > li{margin:0 20px;}
    .searchContent{width:100%;margin-top:0;}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:25px;line-height:30px;}
    #ulMarkaSliderTemplateData li a{height:190px;border-radius: 70px;}
    .productItem .productDetail{padding:10px;}
    .productItem .productPrice{flex-wrap:wrap;height:35px;align-items:center;padding:3px 10px;}
    .mycartIcon{width:35px;height:35px;}
    .favori{width:35px;height:35px;font-size: 16px;}
    .productItem .discountPrice span,.productItem .regularPrice span{line-height:13px;font-size:13px;}
    body #mainHolder_divDesign .ticimaxTabHead li{margin:0 15px;}
    .guvenList ul li{justify-content:space-between;width:calc(50% - 7px);}
    .htopLinks ul li{margin-right:5px;}
    .htopLinks ul li a{font-size:10px;}
    .headerSocialDiv span{font-size:10px;margin-right: 5px;}
    .htop .announce{font-size:13px;}
    .headerButton > div{margin:0 20px;}
    .headerButton > div:before{left:-20px;}
    .productItem .productName a{font-size:12px;line-height: 15px;height: 15px;}
    .productMarka{font-size:10px;line-height: 12px;}
    .guvenList{padding:20px 0;}
    body section.landing-block:first-child{margin-top:20px!important;}
    #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{width:30px;height:30px;}
    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListprev span:after,.owl-carousel .owl-nav .ProductListnext span:after,.owl-carousel .owl-nav .InstaGalleryprev span:after,.owl-carousel .owl-nav .InstaGallerynext span:after,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after{font-size:20px;}
    body #mainHolder_divDesign .t-vw-6 .ticiContainer{max-width:720px!important;padding:0!important;}
    body #mainHolder_divDesign .t-vw-6 .ticiContainer .txcol-sm-12{padding:0 10px!important;}
    body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;padding:0 0 0px;}
    #footer{margin-top:20px;}
    #footer .linkler .blink > ul >li> span{font-size:15px;}
    #footer .linkler .blink > ul >li >ul >li >a{font-size:13px;line-height:16px;margin:0 0 10px;}
    .ebultenDiv{width:250px;margin:15px 0 25px;}
    #footer .linkler .blink > ul li.ebulten ul li span{font-size:13px;line-height:23px;margin-top:10px;display:block;}
    #footer .store ul li a{font-size:13px;}
    #txtbxNewsletterMail{font-size:10px;}
    .etbis{margin-right:15px;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-md-9,body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok{padding:0!important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok .txrow .ticimaxYanBlokItem{padding:0!important;width: calc(50% - 5px);}
    body .ticimaxYanBlokItem.n2 a{padding-bottom:0!important;}
    body .hazirBlokContent .txcol-md-9{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    body .hazirBlokContent .txcol-md-3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok .txrow{display:flex;justify-content:space-between;}
    body #mainHolder_divDesign .hazirBlokContent .txrow #ticimaxYanBlok{padding:0 10px!important;}
    #mainHolder_divDesign .anasayfa_tek_slider.owl-carousel .owl-nav.disabled{display:block;}
    #ulMarkaSliderTemplateData{padding:0 10px;}
    body #mainHolder_divDesign .ticimaxTabHead ul{overflow:visible;}
    body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a:after{display:block;}
    body #mainHolder_divDesign .ticimaxTabHead{margin-bottom:0;}
    .productIconEx{left:5px;top:5px;}
    .productItem{border-radius:10px;}
    .newIcon{width:40px;height:20px;line-height:20px;border-radius:10px;}
    .discountIcon{width:40px;height:20px;}
    .discountIcon span{line-height:20px;}
    .productItem .productPoints{margin:5px 0 0;}
    .guvenList ul{flex-wrap:wrap;gap:14px;}
    .cards{width:calc(100% - 75px);}
    .copyright{float:left;width:100%;text-align:center;line-height:40px;}
    .FooterMiddle{border-bottom:none;}
    .kategoriTextArea{margin:0;}
    .pageNumberBottom{margin:20px 0 0;}
    .kategoriTextArea p{font-size:12px;}
    
    .TopDet{flex-wrap:wrap;}
    #divAdetCombo .right_line,.RightDetail .riSingle{width:100px;}
    body .basketBtn input{background-position-x:27%;}
    #divSatinAl{margin:15px 0 0;padding:15px;}
    #divOnyazi *{font-size:13px;line-height:15px;}
    .ProductName h1 span{font-size:16px;line-height:20px;}
    .RightDetail .puanVer,#divUrunKodu,#divOnyazi,#divUrunEkSecenek .eksecenekLine,.PriceList,.ProductName{margin:10px 0 0;}
    .ProductIcon .boxIcon svg{height:12px;}
    .ProductIcon .boxIcon{width:30px;height:30px;}
    #divMarka .right_line,#divMarka .right_line *{line-height:40px;font-size: 13px;}
    .TopDet .product_social_icon_wrapper{width:40px;height:40px;border-radius: 0 10px 0 0;}
    .TopDet .product_social_icon_wrapper .PaylasTit img{height:20px;}
    .leftImage,.RightDetail,.urunOzellik,.SmallImages{border-radius:10px;}
    #divMarka{padding-left:15px;}
    .ProductName,.RightDetail .puanVer,#divUrunKodu,#divOnyazi,.PriceList,#divUrunEkSecenek,.RightDetail .BottomList{padding:0 15px;}
    .SmallImages{padding:10px 10px 0 10px;}
    #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width:60px;height:35px;line-height:35px;font-size:12px;}
    #divUrunEkSecenek .eksecenekLine .left_line{margin:0 0 7px;}
    .PiyasafiyatiContent .right_line *{font-size:20px;}
    .IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line *{font-size:20px;}
    .ProductIcon .box1{font-size:12px;}
    .RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown{width:30px!important;}
    #txtbxurunSiparisAdedi,#divAdetCombo select,.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown,.basketBtn input,.buyfast input{height:40px!important;}
    #divKombinSatinAl a,.buyfast input,.basketBtn input{font-size:14px;}
    #txtbxurunSiparisAdedi,#divAdetCombo select{font-size:15px;}
    .urunOzellik .urunTab >ul > li{margin:0 20px;}
    .urunDetayPanel{padding:10px;}
    .BasketBtn{flex-wrap:wrap;}
    .basketBtn{width:calc(100% - 110px);margin:0 0 0 10px;}
    .buyfast{margin:10px 0 0;}
    .urunTabAlt{font-size:12px;line-height:15px;}
    .urunTabAlt p{margin:0 0 7px;}
    #BenzerUrunDiv .JKatAdi{margin:0 0 10px!important;}
    #BenzerUrunDiv .JKatAdi .bold .satir1{font-size:18px;line-height:20px;}
    .favori a:after{font-size:15px;}
    .mycartIcon a{background-size:14px;}

    /*----------------767----------------------*/
    body.overflow{overflow: hidden;}
    #divIcerik.homepage{margin: 0 auto;}
    body{padding-top: 50px;}
    #header {min-height: 50px;}
    body.sepetimBody { padding-top: 0; }
    #lang_flag_container{display: none;}
    .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;}
    .userContainer .userRightBox{margin-top: 20px;}
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;}
    .headerContent{margin: 0 auto;}
    #divIcerik{padding: 0 10px;margin: 0 auto;}
    .proCategoryTitle.categoryTitleText{padding: 0 10px;}
    #footer .ticiContainer{padding: 0 10px;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 50px;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    /*Logo*/
    #logo { float: none; position: static; display: block; border: none; width: auto;padding: 0; background: transparent; margin: 0; }
    #logo:after {display: none;}
    #logo .logo { margin: 0 auto; width:175px; float: none; padding:10.4px 0; text-align: center;display:block;background:transparent;}
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*header click button*/
    .mycart{top: 10px;right: 5px;width: 15px; height: 15px; z-index: 2;}
    .mycart .sepetUrunSayisi{width: 15px;height: 15px;line-height: 15px;background: #000;color: #fff;}
    .mobilMenuAcButton{display: block; position: absolute;top: 11px;left: 10px;}
    .searchClick{display: block; position: absolute;top: 11px;left: 50px;}
    .welcomeOpen{display: block; position: absolute;top: 11px;right: 50px;}
    .mycartClick{display: block; position: absolute;top: 11px;right: 10px;}
    .mobilMenuAcButton span{font-size:9px;display: block;line-height:9px;display:none;}
    .mobilMenuAcButton svg{width: 25px;}
    .searchClick svg{width: 25px;}
    .welcomeOpen svg{width: 22px;}
    .mycartClick svg{width: 25px;}
    /*mobilmenu*/
    .mobilMenu{width: 100%;bottom: 50px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu{width: 100%;bottom: 50px;}
    .menuUstBolum{margin-top: 0;}
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px;fill: #fff; position: absolute; left: 0; }
    .SepetUst .seClose svg {width: 20px;margin-top: 15px;}
    .CartProduct { background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; transform: none;-webkit-transform: none; box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct i{display:none;}
    .CartProduct.animated { right: 0; }
    .CartProduct.animated i{display: inline-block;}
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }
    .spanustSepetteUrunYok{font-size:16px;margin:20px 0 0 0;float:left;clear:both;text-align:center;width:100%;font-weight: 900;color: #d0112b;}
    .spanustSepetteUrunYok:before{content:'!';font-size:50px;vertical-align:top;border:1px solid;display: block;width: 100px;height: 100px;line-height: 98px;border-radius: 100%;margin: 0 auto;margin-bottom: 30px;}
    .mycart {background: none !important; padding: 0; margin: 0; border: none;position: absolute;left: auto;bottom: auto;}
    .mycart:before{display: none;}
    .mycart:after{display: none;}
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important;}
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi{ display: block !important; border-radius:100%;text-align:center;font-size: 12px;border: none;position: static;margin: 0;}
    .mycart .sepetUrunSayisi:before{display: none;}
    .mycart .sepetUrunSayisi:after{display: none;}
    .mycart > a {display: block;width: auto;height:auto;padding:0;border: none;margin: 0;background:transparent;}
    .mycart > a:before{display: none;}
    .mycart > a:after{display: none;}
    /*Sabit sayfalar icerik*/
    .spanTittle { font-size: 18px !important; }
    .iletisimContent .iletisimForm{width: 100%;padding: 0;}
    .iletisimContent .AdBan{width: 100%;}
    .iletisimContent .categoryTitle {margin: 0;}
    .iletisimContent .categoryTitle .categoryTitleText{line-height: 65px;}
    .iletisimContent .categoryTitle:before{display:none;}
    .iletisimContent .iletisimRight .categoryTitle {margin-bottom: 10px;}
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
    .iletisimContent .iletisimForm .categoryTitle {margin-bottom: 10px;}
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: none;display: block;margin: 10px 0 0;}
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 17px;}
    .iletisimContent .iletisimRight .iletisimbanka .span > div span{font-size: 12px;}
    .iletisimContent .iletisimLeft .Right{font-size: 12px;}
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size: 20px;}
    .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
    .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
    .SifremiUnuttum .line { width: 100%; }
    .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
    .SifremiUnuttum .button { width: 30%; }
    /*Header Sabitler*/
    .resimliYanMenu { display: none; }
    .navigation { display: none }
    #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height:auto; position: fixed;left: 0;right: 0;top: 0;}
    #header:before{display: none;}
    #header.homeHeader { border: none;}
    .headerContent {text-align:left;}
    /*Arama*/
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0;right: 0; padding: 0;border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .searchContent.active { height: 40px; padding:0; overflow: visible; width: 100%;}
    .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
    #txtbxArama { height: 40px; padding-right: 40px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px;border-radius: 0; margin:0;border: 1px solid #f1f1f1;text-align: left;}
    .searchContent.active #txtbxArama { padding: 0 35px 0 10px; }
    #btnKelimeAra { width: 40px; height: 40px; right: 0; top:0; line-height: 40px; text-indent: 0;padding: 0; left: auto; border: none;border-radius: 0;text-align:center;}
    .ButtonMic{right:40px;height: 40px;}
    /*hosgeldin div*/
    .welcome {display:block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 40px;}
    .welcome>div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome>ul { margin: 0; }
    .welcome>div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%;list-style: none;padding: 0;margin: 0; }
    .welcome li { float: none; display: inline-block!important; width: auto;vertical-align:top;}
    .headerSocialConnect {margin-left: 0;}
    .headerSocialConnect .baglanButton{margin-left:10px;}
    .headerSocialConnect .baglanButton a{line-height:40px;font-size:13px;color: #fff;padding:0;}
    .headerSocialConnect .baglanButton a:before{line-height: 40px;}
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block!important; font-size: 13px; line-height: 40px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight:500;}
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }
    /*urun butonlari*/
    .ProductIcon{margin: 10px 0 0;float: left;width: 100%;}
    .ProductIcon > div{margin: 0 0 10px;float: left;width: 100%;}
    .ProductIcon2 > div{margin: 0 0 10px;float: left;width: 100%;}
    .ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
    .ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
    .socialButons iframe{margin-right: 10px;}
    .socialButons .UWhatsApp{float: left;margin-right: 10px;}
    .socialButons .UTelegram{float: left;margin-right: 10px;}
    /*.TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;}*/
    .TopDet .product_social_icon_wrapper .PaylasTit{}
    /******************************************************/
    .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;display: block;}
    .bottomHead ul{margin: 0;list-style: none;padding: 0;}
    .bottomHead ul li{float: left;width: 25%;}
    .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 5px 0;color: #000;position: relative;height: 49px;}
    .bottomHead ul li a svg{width: 18px;display: block;margin: 0 auto 5px;}
    .bottomHead ul li.welcC a svg{margin-bottom: 3px;}
    /*Footer*/
    .FooterTop,.FooterMiddle,.FooterBottom{}
    #footer .linkler{padding:0;}
    #footer .linkler .blink > ul{display: block;}
    #footer .linkler .blink > ul > li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul{display: none;float: left;width: 100%;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span{float:left;width: 100%;margin: 0;line-height: 60px;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span .ackapabtn{float: right;display: block;position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right;}
    #footer .linkler .blink > ul >li> span .ackapabtn .svgbtn{width: 13px;fill: #004236;}
    #footer .linkler .blink > ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li>ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul >li >a{margin-bottom: 0;line-height: 40px;}
    .ebultenDiv{width: 100%;padding:0;margin: 0 0 10px;}
    .ebultenGelecek{margin-top: 0;}
    #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
    #back-to-top{bottom: 11%;right: 2%;}
    #back-to-top a{width: 30px;height: 30px;}
    #footer .socialdiv{margin: 0;text-align:center;}
    #footer .socialdiv ul{display: inline-block;vertical-align:top;}
    #footer .store{margin: 0;text-align:center;margin: 10px 0;}
    #footer .store ul{display: inline-block;vertical-align:top;}
    /*kategori*/
    .categoryContainer .categoryTitleText{padding: 0;margin: 0;}
    .ProductBody .categoryTitle{padding: 0;margin: 0;}
    body .category-vertical-filters.top-filters{width: 100%;height: calc(100% - 50px);box-shadow: none;border: none;}
    body ul.breadcrumb{white-space: nowrap;position: relative;padding: 0 10px;margin: 10px 0!important;}
    body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;}
    body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;}
    body ul.breadcrumb li:nth-child(1) a:before{display: none;}
    body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 12px!important;max-width: 25px;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 12px!important;content: '...';margin: 0 2px;}
    body ul.breadcrumb li {font-size: 0!important;}
    body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;}
    body ul.breadcrumb li:nth-last-of-type(1) {max-width: 100%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 12px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a span{font-size: 0!important;}
    body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;}
    .categoryTitleText{position: relative;z-index: 99;}
    .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);}
    .breadList.breadActive{display: block!important;}
    .breadList ul{list-style: none;}
    .breadList .mBread{float: left;width: 100%;}
    .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
    .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;}
    .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;}
    .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .breadList .mBread ul li a span{font-weight: normal;line-height: 15px;}
    .breadList .mBread ul li ul{padding-left: 4px;}
    .breadList .mBread >ul >li >a span{font-weight: 600;}
    .breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;}
    .categoryContainer .breadList .clbtn{right: -5px;}
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
    .categoryContainer .ProductList{margin: 0 -5px;}
    .categoryContainer .ProductListContent .productItem{margin-bottom: 10px;}
    body .mobilFilterOpenBtn .button{font-size: 13px;}
    /*urundetay*/
    .leftImage{float: left;width: 100%;border-radius: 10px;}
    .RightDetail{width:100%;padding:0;margin-top:10px;border-radius:10px;}
    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:10px 0;display:block;float:left;width:100%;border-radius:10px;background:#fff;overflow: hidden;}
    .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:last-child{border: none;}
    .urunOzellikTab .urunTab >ul >li > a{color: #5a5a5a;font-size: 14px;text-transform:uppercase;line-height: 44px;float: left;width: 100%;padding: 0 15px;font-weight: 500;position:relative;}
    .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;}
    .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color: #fff;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;}
    .urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;}
    .urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;}
    .urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;}
    .urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;}
    .urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;}
    .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
    .urunOzellikTab .yorum-item-left{flex: 0 0 100%;}
    .urunOzellikTab .v2YorumFilter{width: 100%;}
    .urunOzellikTab .v2YorumFiltreGrup{display: block;}
    .urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;}
    /*mobilicerik*/
    .detaySliderContainer{margin: 10px 0;}
    .sliderBannerContainer{margin: 10px 0;padding: 0 10px;}
    .htop{display: none;}

    .urunSliderOwl .txcol-sm-9, .urunSliderOwl .txcol-lg-9 {width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;}
    .urunSliderOwl .ItemOrj {max-width: 100%!important}
    #mainHolder_divDesign .urunSliderOwl .owl-carousel .owl-nav {left: 0; right: 0; }
}
@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){
}

/* ===== VS-ICERIK-TIPOGRAFI: BASLANGIC (guncellerken bu blogu degistir) ===== */
/* ==========================================================================
   VITAMINSAN · İÇERİK TİPOGRAFİSİ REVİZYONU  (rev 1 · 10.08.2026)
   --------------------------------------------------------------------------
   KAPSAM
     1) Kategori açıklama metni   -> .categorydesign (#mainHolder_divKategoriBaslik)
     2) Blog detay içeriği        -> .blogCenter > div:not([class])
     3) Blog liste kartları       -> .blogCenter li.post-item (.pi-*)

   NEDEN !important
     İçerikler panele Word/Office'ten yapıştırılmış. HTML'de satır içi
     (inline) style'lar var: font-family:"Times New Roman", font-size:12.0pt,
     color:#0f4761, line-height:107%, margin:0cm 0cm 4.0pt 23.0pt, <o:p>,
     class="MsoNormal" / "MsoListParagraph". Inline style'ı ancak !important
     ezer. Kurallar sadece bu üç kapsayıcının içinde geçerli, tema geneline
     dokunmaz.
   ========================================================================== */

/* ==========================================================================
   0 · FONT
   Tema her yerde 'forma-djr-micro' yazıyor ama sayfada tek bir @font-face
   veya Typekit bağlantısı YOK. Yani o font hiçbir zaman yüklenmedi, site
   tarayıcının jenerik sans-serif'ine düşüyordu. Modern görünmemesinin en
   büyük sebebi buydu.

   Figtree geldi: değişken ağırlık 400-800, tek dosya, font-display:swap.
   latin-ext alt kümesi Türkçe ğ ş İ karakterleri için şart.
   Google Fonts CSS'i @import ile çekilmedi, çünkü @import dosyanın en
   üstünde olmak zorunda ve istek zincirini üçe çıkarıyor. woff2 doğrudan
   çağrılıyor, iki hop.
   ========================================================================== */

/* latin-ext (Türkçe ğ ş İ Ğ Ş buradan gelir) */
@font-face{
    font-family:'Figtree';
    font-style:normal;
    font-weight:400 800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* latin */
@font-face{
    font-family:'Figtree';
    font-style:normal;
    font-weight:400 800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
    --vs-green:#004236;
    --vs-green-lt:#0B5A4A;
    --vs-green-dk:#00312A;
    --vs-yellow:#D6CE4B;
    --vs-ink:#25302D;
    --vs-ink-soft:#5C6B67;
    --vs-line:#E5E8E7;
    --vs-soft:#F5F8F7;
    /* Gölgeler nötr siyah değil, zeminin yeşiline boyalı */
    --vs-shadow-sm:0 1px 2px rgba(0,49,42,.06),0 2px 8px rgba(0,49,42,.05);
    --vs-shadow-md:0 2px 6px rgba(0,49,42,.07),0 12px 28px rgba(0,49,42,.08);
    --vs-ease:cubic-bezier(.4,0,.2,1);
    --vs-font:'Figtree','forma-djr-micro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

/* Temada forma-djr-micro'yu bildiren 9 seçicinin tamamı.
   Geri kalan her şey body'den miras alıyor. FontAwesome <i> etiketleri
   bilerek dışarıda, ikonlar bozulmasın. */
body,
body select, body input, body button, body textarea,
body .textarea, body .textbox, body .button,
body #divOnyazi *:not(i),
body .urunTabAlt, body .urunTabAlt *:not(i),
body .sayfaIcerik *:not(i){
    font-family:var(--vs-font) !important;
}
/* İKON FONTLARINA HİÇ DOKUNMUYORUZ. Burada bir zamanlar
     body [class*=" fa-"]{font-family:'FontAwesome' !important}
   vardı ve iki ayrı hataya yol açtı: footer'daki sosyal ikonlar ve ürün
   paylaş butonundaki WhatsApp ikonu boş kutuya döndü.

   Sebebi: core CSS ikon ailelerini zaten eksiksiz yönetiyor.
     .fa, .fas            -> FontAwesome (900)
     .fal, .far           -> FontAwesome
     .fab + 14 tekil sınıf -> FontAwesomeBrands
       (.fa.fa-whatsapp, .fa.fa-facebook, .fa.fa-instagram, .fa.fa-youtube,
        .fa.fa-twitter, .fa.fa-x-twitter, .fa.fa-linkedin, .fa.fa-pinterest,
        .fa.fa-google, .fa.fa-google-plus, .fa.fa-google-play, .fa.fa-apple,
        .fa.fa-youtube-play, .fa.fa-pinterest-p)
   Yani marka ikonları .fab sınıfı OLMADAN da Brands ailesine bağlanıyor.
   Tek bir !important o listenin tamamını eziyor.

   Yukarıdaki font-family kuralı zaten yalnızca body ve sayılı kapsayıcıları
   hedefliyor; ikonlar kendi font-family'lerini bildirdiği için etkilenmiyor.
   Buraya ikon kuralı EKLEME. */

/* ==========================================================================
   1 · ORTAK METİN GÖVDESİ
   ========================================================================== */

.categorydesign,
.blogCenter > div:not([class]),
.blogCenter .pi-text{
    font-family:var(--vs-font) !important;
    font-size:17px !important;
    line-height:1.75 !important;
    color:var(--vs-ink) !important;
    font-weight:400;
    letter-spacing:0 !important;
    word-break:break-word;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* Word'den gelen tüm iç etiketler (span/b/i/p/li/td...) miras alsın.
   a etiketi hariç tutuldu, link rengi aşağıda ayrıca tanımlı. */
.categorydesign *:not(a),
.blogCenter > div:not([class]) *:not(a),
.blogCenter .pi-text *:not(a){
    font-family:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    color:inherit !important;
    letter-spacing:normal !important;
    background:transparent !important;
    text-indent:0 !important;
}

/* Word artıkları */
.categorydesign o\:p,
.blogCenter o\:p,
.categorydesign [style*="mso-list"]:empty,
.blogCenter [style*="mso-list"]:empty{ display:none !important; }

.categorydesign > p:first-child:has(> span:empty){ display:none !important; }

/* ==========================================================================
   2 · KATEGORİ AÇIKLAMA BLOĞU  (ürün listesinin altı)
   ========================================================================== */

/* Blok ortalanmiyor, urun listesinin sol kenarindan basliyor.
   Tam genislige yaymak istersen max-width'i none yap. */
.categorydesign{
    float:none !important;
    clear:both;
    width:100%;
    max-width:1080px;
    margin:48px 0 32px !important;
    padding:36px 0 8px;
    border-top:1px solid var(--vs-line);
}

/* Panelden metnin TAMAMINA satir ici text-align:center basilmis (/kolajen
   sayfasinda 38 adet). Icerik sola hizalaniyor. */
.categorydesign,
.categorydesign *{ text-align:left !important; }

/* Sol blokta kullanıldığında sayfa düzenini bozmasın */
.leftBlock .categorydesign{
    max-width:none;
    margin:0 !important;
    padding:0;
    border-top:0;
}

/* ==========================================================================
   3 · BLOG DETAY
   Ticimax core CSS (style.css'ten SONRA yuklendigi icin esit ozgullukte
   kazaniyor) su varsayilanlari basiyor, hepsi burada eziliyor:
     .blog-h1{font-size:20px;text-align:center;text-decoration:underline}
     .blogCenter{width:73%;float:left;margin-top:20px}
     .yayintarih{text-decoration:underline}
     .blog-listeyedon{color:#000;text-decoration:underline}
   ========================================================================== */

/* Ust bosluk 1: tema JS'i (Untitled-1.js:24) body'ye .SayfaIcerik ekliyor, bu da
   style.css'teki .SayfaIcerik #divIcerik{margin-top:60px} kuralini tetikliyor.
   Blogda tamamen kaldiriliyor. :has(.blogCenter) sayesinde sadece blog liste ve
   blog detayi etkilenir, diger pageContainer sayfalari 60px'te kalir. */
#divIcerik:has(.blogCenter){ margin-top:0 !important; }

/* Ust bosluk 2: core'un .blogCenter/.blogRight 20px margin-top'u kalksin,
   iki kolon tepede hizalansin */
.blogCenter,
.blogRight{ margin-top:0 !important; }

/* Icerik kolonun tamamini kaplasin (onceki max-width:860px kaldirildi) */
.blogCenter > div:not([class]){
    max-width:none;
    margin:0 0 40px;
}

.blogCenter .blog-h1{
    display:block;
    font-size:34px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
    letter-spacing:-.3px;
    text-align:left !important;
    text-decoration:none !important;
    max-width:none;
    margin:0 0 18px !important;
}

.blogCenter .blog-img{ margin:0 0 28px !important; }
.blogCenter .blog-img img{
    width:100%;
    height:auto;
    max-width:100%;
    border-radius:12px;
    display:block;
}

.blogCenter .yayintarih{
    font-size:13px !important;
    color:var(--vs-ink-soft) !important;
    text-decoration:none !important;
    margin:0 0 24px !important;
}

.blogCenter .blog-etiket{
    max-width:none;
    margin:8px 0 24px;
    padding:16px 0 0;
    border-top:1px solid var(--vs-line);
    font-size:13px;
    line-height:1.6;
    color:var(--vs-ink-soft);
}
.blogCenter .blog-etiket span{ color:var(--vs-ink-soft); }

.blogCenter .blog-listeyedon{
    display:inline-block;
    margin:8px 0 0 !important;
    padding:11px 22px;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1;
    color:#fff !important;
    background:var(--vs-green);
    border-radius:24px;
    text-decoration:none !important;
    transition:background .15s ease;
}
.blogCenter .blog-listeyedon:hover{ background:var(--vs-green-lt); color:#fff !important; }

/* ==========================================================================
   4 · BAŞLIKLAR  (h1-h4)
   Word inline'ları: font-size:18pt/16pt, color:#0f4761, font-weight:normal
   ========================================================================== */

.categorydesign h1,
.blogCenter > div:not([class]) h1{
    font-size:30px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
    letter-spacing:-.2px;
    margin:0 0 20px !important;
}

.categorydesign h2,
.blogCenter > div:not([class]) h2{
    font-size:25px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
    letter-spacing:-.2px;
    margin:44px 0 14px !important;
    padding:0 0 0 14px;
    border-left:3px solid var(--vs-yellow);
}

.categorydesign h3,
.blogCenter > div:not([class]) h3{
    font-size:20px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    color:var(--vs-green-lt) !important;
    margin:32px 0 10px !important;
}

.categorydesign h4,
.categorydesign h5,
.categorydesign h6,
.blogCenter > div:not([class]) h4,
.blogCenter > div:not([class]) h5,
.blogCenter > div:not([class]) h6{
    font-size:20px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:var(--vs-ink) !important;
    margin:26px 0 8px !important;
}

/* Word, başlık içindeki span'a font-weight:normal basıyor; kalınlığı geri al */
.categorydesign h1 *, .categorydesign h2 *, .categorydesign h3 *,
.categorydesign h4 *, .categorydesign h5 *, .categorydesign h6 *,
.blogCenter > div:not([class]) h1 *, .blogCenter > div:not([class]) h2 *,
.blogCenter > div:not([class]) h3 *, .blogCenter > div:not([class]) h4 *,
.blogCenter > div:not([class]) h5 *, .blogCenter > div:not([class]) h6 *{
    font-weight:inherit !important;
}

/* Blok içindeki ilk başlık üstten boşluk almasın */
.categorydesign > h1:first-child,
.categorydesign > h2:first-child,
.categorydesign > p:first-child + h1,
.categorydesign > p:first-child + h2,
.blogCenter > div:not([class]) > h2:first-child,
.blogCenter > div:not([class]) > h3:first-child{ margin-top:0 !important; }

/* ==========================================================================
   5 · PARAGRAF, VURGU, LİNK
   ========================================================================== */

.categorydesign p,
.blogCenter > div:not([class]) p{
    margin:0 0 18px !important;
    padding:0 !important;
}

.categorydesign p:last-child,
.blogCenter > div:not([class]) p:last-child{ margin-bottom:0 !important; }

.categorydesign strong, .categorydesign b,
.categorydesign strong *, .categorydesign b *,
.blogCenter > div:not([class]) strong, .blogCenter > div:not([class]) b,
.blogCenter > div:not([class]) strong *, .blogCenter > div:not([class]) b *{
    font-weight:600 !important;
    color:var(--vs-green) !important;
}

.categorydesign em, .categorydesign i,
.blogCenter > div:not([class]) em, .blogCenter > div:not([class]) i{
    font-style:italic;
    color:var(--vs-ink-soft) !important;
}

.categorydesign a,
.blogCenter > div:not([class]) a{
    color:var(--vs-green) !important;
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-thickness:1px;
    text-decoration-color:rgba(0,66,54,.35);
    transition:text-decoration-color .15s ease,color .15s ease;
}
.categorydesign a:hover,
.blogCenter > div:not([class]) a:hover{
    color:var(--vs-green-lt) !important;
    text-decoration-color:var(--vs-yellow);
}

/* ==========================================================================
   6 · LİSTELER
   6a) Kategori metni: gerçek <ul><li>, madde işareti metnin içinde "✓"
       (span[style*="Segoe UI Symbol"]). Çift işaret oluşuyordu.
   6b) Blog: Word sahte listesi -> p.MsoListParagraph + span[style*="mso-list"]
   ========================================================================== */

/* 6a */
.categorydesign ul{
    list-style:none !important;
    margin:0 0 22px !important;
    padding:0 !important;
}
.categorydesign ul li{
    position:relative;
    margin:0 0 10px !important;
    padding:0 0 0 28px !important;
    line-height:1.7 !important;
}
.categorydesign ul li:last-child{ margin-bottom:0 !important; }

/* Metnin içine yazılmış ✓ işaretini gerçek madde imine dönüştür */
.categorydesign li span[style*="Segoe UI Symbol"]{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    width:20px;
    color:var(--vs-green) !important;
    font-weight:700 !important;
    font-size:15px !important;
    line-height:1.95 !important;
}

/* ✓ içermeyen listeler için yedek madde imi */
.categorydesign ul li:not(:has(span[style*="Segoe UI Symbol"]))::before{
    content:"";
    position:absolute;
    left:6px;
    top:13px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--vs-yellow);
}

.categorydesign ol{
    margin:0 0 22px !important;
    padding:0 0 0 22px !important;
}
.categorydesign ol li{ margin:0 0 10px !important; padding-left:4px; }
.categorydesign ol li::marker{ color:var(--vs-green); font-weight:600; }

/* 6b · Blog: Word'ün sahte liste paragrafları */
.blogCenter > div:not([class]) p.MsoListParagraph{
    position:relative;
    margin:0 0 10px !important;
    padding:0 0 0 26px !important;
    text-indent:0 !important;
    list-style:none;
}
/* "•" karakterini taşıyan span -> hizalı madde imi */
.blogCenter > div:not([class]) p.MsoListParagraph > span[style*="mso-list"]:first-child{
    position:absolute;
    left:4px;
    top:0;
    width:18px;
    color:var(--vs-green) !important;
    font-weight:700 !important;
}
/* Word'ün 7pt'lik sahte tab boşluğu */
.blogCenter > div:not([class]) span[style*="font:7.0pt"],
.categorydesign span[style*="font:7.0pt"]{ display:none !important; }

/* Gerçek listeler (blog) */
.blogCenter > div:not([class]) ul,
.blogCenter > div:not([class]) ol{
    margin:0 0 22px !important;
    padding:0 0 0 22px !important;
}
.blogCenter > div:not([class]) ul li,
.blogCenter > div:not([class]) ol li{ margin:0 0 10px !important; }
.blogCenter > div:not([class]) ul li::marker{ color:var(--vs-yellow); }
.blogCenter > div:not([class]) ol li::marker{ color:var(--vs-green); font-weight:600; }

/* ==========================================================================
   7 · TABLO  (Word: figure.table[style="width:450.0pt"] > table.MsoNormalTable)
   ========================================================================== */

.blogCenter > div:not([class]) figure.table,
.categorydesign figure.table{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 26px !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.blogCenter > div:not([class]) table,
.categorydesign table{
    width:100% !important;
    min-width:480px;
    border-collapse:collapse !important;
    border:1px solid var(--vs-line) !important;
    border-radius:10px;
    overflow:hidden;
    font-size:15px !important;
}

.blogCenter > div:not([class]) table td,
.blogCenter > div:not([class]) table th,
.categorydesign table td,
.categorydesign table th{
    border:1px solid var(--vs-line) !important;
    padding:12px 14px !important;
    vertical-align:top;
    text-align:left;
    background:#FFFFFF !important;
}

.blogCenter > div:not([class]) table tr:first-child td,
.blogCenter > div:not([class]) table th,
.categorydesign table tr:first-child td,
.categorydesign table th{
    background:var(--vs-soft) !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
}
.blogCenter > div:not([class]) table tr:first-child td *,
.categorydesign table tr:first-child td *{
    font-weight:600 !important;
    color:var(--vs-green) !important;
}

.blogCenter > div:not([class]) table p,
.categorydesign table p{ margin:0 !important; line-height:1.6 !important; }

/* ==========================================================================
   8 · GÖRSEL, ALINTI, AYIRICI
   ========================================================================== */

.categorydesign img,
.blogCenter > div:not([class]) img{
    max-width:100% !important;
    height:auto !important;
    border-radius:10px;
    margin:8px 0 20px;
}

.categorydesign blockquote,
.blogCenter > div:not([class]) blockquote{
    margin:26px 0 !important;
    padding:16px 20px !important;
    background:var(--vs-soft);
    border-left:3px solid var(--vs-green);
    border-radius:0 10px 10px 0;
    font-size:17px !important;
}
.categorydesign blockquote p:last-child,
.blogCenter > div:not([class]) blockquote p:last-child{ margin-bottom:0 !important; }

.categorydesign hr,
.blogCenter > div:not([class]) hr{
    border:0;
    border-top:1px solid var(--vs-line);
    margin:32px 0;
}

/* ==========================================================================
   9 · BLOG LİSTE KARTLARI
   ========================================================================== */

/* Core'un float grid'i (li{float:left;width:50%}) yerine gercek grid */
.blogCenter ul.tici-blok-ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:36px 24px;
    margin:0 !important;
    padding:0 !important;
    list-style:none;
    overflow:visible;
}
.blogCenter ul.tici-blok-ul li,
.blogCenter li.post-item{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    border-bottom:0;
}
/* Core'daki li:first-child{width:100%} (tam genislik ilk kart) iptal.
   Yatay one cikan kart denendi ama sarmalayici div olmadigi icin gorsel grid
   satirlarini geriyor ve sag tarafta olu alan birakiyordu. Tum kartlar esit. */
.blogCenter ul.tici-blok-ul li:first-child{
    grid-column:auto;
    display:block;
}

/* Gorsel: blog gorselleri 1672x941, yani tam 16:9. Oran birebir verilince
   object-fit:cover hicbir yeri kirpmiyor (onceki %60'ta kenarlar kesiliyordu). */
.blogCenter .pi-picture{
    margin:0 0 14px;
    padding-bottom:56.25% !important;
    border-radius:12px;
    background:var(--vs-soft) !important;
    overflow:hidden;
}
.blogCenter .pi-picture a{
    position:absolute !important;
    top:0; right:0; bottom:0; left:0;
    height:100% !important;
    width:100% !important;
    padding-bottom:0 !important;
}
.blogCenter .pi-picture a img{
    position:absolute;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover;
    transition:transform .4s ease;
}
.blogCenter ul.tici-blok-ul li:hover .pi-picture a img{ transform:scale(1.04); }

/* DIKKAT: Ticimax sablonu <p class="pi-title"><h2>...</h2></p> basiyor. Bu gecersiz
   HTML; tarayici <p>'yi <h2>'den once kapatiyor, yani h2 .pi-title'in COCUGU DEGIL
   KARDESI oluyor. Bu yuzden ".pi-title h2" seçicisi hicbir zaman eslesmiyor.
   Dogru kapsayici .pi-titles. */
.blogCenter .pi-titles{ margin:0 0 10px !important; }
.blogCenter .pi-titles p.pi-title{ margin:0 !important; padding:0 !important; }
.blogCenter .pi-titles h2,
.blogCenter .pi-titles h2 a{
    margin:0 !important;
    padding:0 !important;
    font-size:22px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    letter-spacing:-.2px;
    color:var(--vs-green) !important;
    text-decoration:none !important;
    transition:color .15s ease;
}
.blogCenter .pi-titles h2 a:hover{ color:var(--vs-green-lt) !important; }

/* .pi-categories aslinda tarihi tasiyor ("Ağustos 06, 2026"), kategori degil.
   Rozet yerine sade tarih satiri. */
.blogCenter .pi-categories{ margin:0 0 10px !important; }
body .blogCenter .pi-categories span,
body .blogCenter .pi-categories .pi-cat{
    display:inline-block;
    font-size:13px !important;
    line-height:1.4 !important;
    letter-spacing:0;
    text-transform:none;
    font-weight:400;
    color:var(--vs-ink-soft) !important;
    background:transparent;
    border:0;
    padding:0;
    text-decoration:none !important;
}

/* Özet: 3 satırda kes */
.blogCenter .pi-text{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:16px !important;
    line-height:1.7 !important;
    color:var(--vs-ink-soft) !important;
    margin:0 0 12px;
    max-width:none;
}
/* core: .tici-blok-ul .pi-text p *{font-size:13px!important} eziliyor */
body .blogCenter .pi-text p,
body .blogCenter .pi-text p *,
body .blogCenter .pi-text span{
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    font-size:inherit !important;
    line-height:inherit !important;
    color:inherit !important;
}

/* Liste kartlarindaki etiket satiri ham virgullu metin ("cinko takviyesi,fitik
   asit,...") ve link degil, sadece <span>. Bazi kartlarda var bazilarinda yok,
   kart yuksekliklerini bozuyor. Listede gizlendi; detay sayfasindaki
   .blog-etiket duruyor. Geri istersen bu blogu sil. */
.blogCenter .pi-etiket{ display:none !important; }

.blogCenter .pi-link{ margin-top:12px !important; }
.blogCenter .pi-link a{
    display:inline-block;
    font-size:15px !important;
    font-weight:600;
    color:var(--vs-green) !important;
    text-decoration:none !important;
    padding:0;
}
.blogCenter .pi-link a::after{
    content:"›";
    display:inline-block;
    margin-left:6px;
    transition:transform .15s ease;
}
.blogCenter .pi-link a:hover::after{ transform:translateX(3px); }

/* Sayfalama */
.blogCenter .blog-sayfalama{ margin:8px 0 40px; }
.blogCenter .blog-sayfalama ul{ text-align:left !important; margin:24px 0 !important; }
.blogCenter .blog-sayfalama ul li{ margin:0 6px 8px 0 !important; }
.blogCenter .blog-sayfalama ul li a{
    display:inline-block;
    min-width:38px;
    padding:0 12px !important;
    line-height:38px !important;
    text-align:center;
    font-size:15px;
    font-weight:500;
    color:var(--vs-ink) !important;
    background:#fff !important;
    border:1px solid var(--vs-line);
    border-radius:8px;
    text-decoration:none !important;
    transition:all .15s ease;
}
.blogCenter .blog-sayfalama ul li a:hover{
    background:var(--vs-soft) !important;
    border-color:var(--vs-green);
    color:var(--vs-green) !important;
}
.blogCenter .blog-sayfalama ul li a.active{
    background:var(--vs-green) !important;
    border-color:var(--vs-green);
    color:#fff !important;
}

/* ==========================================================================
   10 · BLOG SAĞ KOLON  (arama kutusu · kategoriler · son yazılar)
   Core varsayılanları: gri buton (#d9d9d9), alt çizgili linkler,
   #ddd ayraçlar, tam genişlik görseller. Hepsi burada eziliyor.
   ========================================================================== */

.blogRight > div{ margin:0 0 30px; }
.blogRight > div:last-child{ margin-bottom:0; }

/* Bölüm başlıkları */
.blogRight .blogkategoribaslik,
.blogRight .bloksonyazilarbaslik{
    font-size:15px !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
    letter-spacing:.2px;
    padding:0 0 10px !important;
    margin:0 0 6px !important;
    border-bottom:2px solid var(--vs-green) !important;
}

/* Arama */
.blogRight .blogSearchFormArea{ margin:0 0 26px !important; }
.blogRight #blogSearchInput{
    width:100%;
    height:46px;
    padding:0 86px 0 18px !important;
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    color:var(--vs-ink);
    background:#fff;
    border:1px solid var(--vs-line);
    border-radius:23px;
    outline:0;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.blogRight #blogSearchInput::placeholder{ color:#9AA5A2; }
.blogRight #blogSearchInput:focus{
    border-color:var(--vs-green);
    box-shadow:0 0 0 3px rgba(0,66,54,.10);
}
.blogRight .blogSearchFormArea button{
    position:absolute;
    right:4px; top:4px; bottom:4px;
    padding:0 20px !important;
    font-family:var(--vs-font) !important;
    font-size:13px;
    font-weight:600;
    letter-spacing:.3px;
    color:#fff !important;
    background:var(--vs-green) !important;
    border:0;
    border-radius:19px;
    cursor:pointer;
    transition:background .15s ease;
}
.blogRight .blogSearchFormArea button:hover{ background:var(--vs-green-lt) !important; }

/* Kategoriler bolumu tamamen kapatildi (bos geliyordu ve sag kolonda gereksiz
   yer kapliyordu). .blogKategori'nin kendisi gizlenmiyor, cunku arama kutusu da
   onun icinde. Geri istersen bu iki satiri sil.
   NOT: onceki surumde :has() icinde :has() vardi; ic ice :has() spec disi
   oldugu icin seçici tamamen gecersiz sayiliyor ve kural hic uygulanmiyordu. */
.blogRight .blogKategori > .blogkategoribaslik{ display:none !important; }
.blogRight .blogKategori > ul{ display:none !important; }

.blogRight .blogKategori > ul{ margin:0 !important; padding:0 !important; list-style:none; }
.blogRight .blogKategori > ul li{
    margin:0 !important;
    padding:11px 0 !important;
    border-bottom:1px solid var(--vs-line) !important;
}
.blogRight .blogKategori > ul li:last-child{ border-bottom:0 !important; }
.blogRight .blogKategori > ul li a{
    font-family:var(--vs-font);
    font-size:15px !important;
    line-height:1.5;
    color:var(--vs-ink) !important;
    text-decoration:none !important;
    transition:color .15s ease;
}
.blogRight .blogKategori > ul li a:hover{ color:var(--vs-green) !important; }

/* Son Blog Yazıları: küçük görsel + başlık kartı */
.blogRight .blokSonYazilar ul{ margin:0 !important; padding:0 !important; list-style:none; }
.blogRight .blokSonYazilar ul li{
    margin:0 !important;
    padding:12px 0 !important;
    border-bottom:1px solid var(--vs-line) !important;
}
.blogRight .blokSonYazilar ul li:last-child{ border-bottom:0 !important; padding-bottom:0 !important; }
.blogRight .blokSonYazilar ul li a{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:var(--vs-font);
    font-size:15px !important;
    line-height:1.4;
    font-weight:500;
    color:var(--vs-ink) !important;
    text-decoration:none !important;
    transition:color .15s ease;
}
.blogRight .blokSonYazilar ul li a:hover{ color:var(--vs-green) !important; }
.blogRight .blokSonYazilar ul li a img{
    flex:0 0 88px;
    width:88px !important;
    height:64px !important;
    max-width:none !important;
    object-fit:cover;
    border-radius:8px;
    display:block;
}

/* ==========================================================================
   11 · ÜRÜN DETAY METİNLERİ  (sekme içerikleri + sağ kolon kısa açıklama)
   Blog ve kategori metinleriyle aynı tipografiye çekiliyor.

   Ezilen tema varsayılanları (style.css):
     .urunTabAlt{font-size:15px;line-height:17px;color:#004236}  (+ 12px/15px)
     .urunTabAlt span{display:block}   <- satır içi span'ları blok yapıyor,
                                          tablo hücreleri ve metin akışı bozuluyor
     #divOnyazi *{font-size:15px;line-height:17px;letter-spacing:0.7px} (+ 13px/15px)
   İçerikte ayrıca panelden gelen satır içi font-size:11px span'lar var.
   ========================================================================== */

/* --- Sekme içeriği: blogla birebir aynı ölçek (17px / 1.75) ---
   Panelin tamamını kaplıyor. Satır uzunluğunu kısmak istersen max-width:1050px
   ekle (blog içerik kolonunun genişliğiyle aynı olur). */
body .urunTabAlt{
    font-family:var(--vs-font) !important;
    font-size:17px !important;
    line-height:1.75 !important;
    color:var(--vs-ink) !important;
    letter-spacing:0 !important;
    max-width:none;
}
body .urunTabAlt *:not(a){
    font-size:inherit !important;
    line-height:inherit !important;
    color:inherit !important;
    letter-spacing:normal !important;
}
/* Tema satır içi span'ları blok yapıyor, metin ve tablo hücrelerinde geri alınıyor */
body .urunTabAlt td span,
body .urunTabAlt li span,
body .urunTabAlt p span,
body .urunTabAlt span[style*="font-size"]{ display:inline !important; }

/* --- Sağ kolon kısa açıklama: fiyatın yanındaki dar sütun, bir tık küçük --- */
body #divOnyazi,
body #divOnyazi *:not(a){
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    line-height:1.7 !important;
    color:var(--vs-ink) !important;
    letter-spacing:0 !important;
}

/* --- Ortak: vurgu, başlık, paragraf --- */
body .urunTabAlt strong, body .urunTabAlt b,
body .urunTabAlt strong *, body .urunTabAlt b *,
body #divOnyazi strong, body #divOnyazi b,
body #divOnyazi strong *, body #divOnyazi b *{
    font-weight:600 !important;
    color:var(--vs-green) !important;
}

body .urunTabAlt h1, body .urunTabAlt h2,
body .urunTabAlt h3, body .urunTabAlt h4{
    font-weight:600 !important;
    color:var(--vs-green) !important;
    margin:30px 0 10px !important;
}
body .urunTabAlt h2{ font-size:22px !important; line-height:1.35 !important; }
body .urunTabAlt h3{ font-size:20px !important; line-height:1.4 !important; }
body .urunTabAlt h4{ font-size:17px !important; line-height:1.45 !important; }
body .urunTabAlt > *:first-child{ margin-top:0 !important; }

body .urunTabAlt p{ margin:0 0 18px !important; }
body .urunTabAlt p:last-child{ margin-bottom:0 !important; }
body #divOnyazi p{ margin:0 0 10px !important; }

/* --- Listeler --- */
body .urunTabAlt ul,
body #divOnyazi ul{
    margin:0 0 18px !important;
    padding:0 0 0 20px !important;
    list-style:disc !important;
}
body .urunTabAlt ul li,
body #divOnyazi ul li{
    display:list-item !important;
    clear:none !important;
    margin:0 0 8px !important;
}
body .urunTabAlt ul li::marker,
body #divOnyazi ul li::marker{ color:var(--vs-yellow); }

body .urunTabAlt ol{ margin:0 0 18px !important; padding:0 0 0 22px !important; }
body .urunTabAlt ol li{ margin:0 0 8px !important; clear:none !important; }
body .urunTabAlt ol li::marker{ color:var(--vs-green); font-weight:600; }

/* --- Tablolar (besin değeri tablosu width="417" ile geliyor) --- */
body .urunTabAlt table,
body #divOnyazi table{
    width:100% !important;
    max-width:100% !important;
    border-collapse:collapse !important;
    margin:4px 0 18px !important;
}
body .urunTabAlt table td, body .urunTabAlt table th,
body #divOnyazi table td, body #divOnyazi table th{
    padding:9px 12px 9px 0 !important;
    border-bottom:1px solid var(--vs-line) !important;
    text-align:left;
    vertical-align:top;
}
body .urunTabAlt table td:last-child,
body #divOnyazi table td:last-child{
    text-align:right;
    white-space:nowrap;
    font-weight:500;
    color:var(--vs-green) !important;
}
body .urunTabAlt table tr:last-child td,
body #divOnyazi table tr:last-child td{ border-bottom:0 !important; }
body .urunTabAlt table p,
body #divOnyazi table p{ margin:0 !important; }

/* --- Sekme başlıkları: 18px/800 fazla ağır geliyordu --- */
body .urunOzellik .urunTab > ul > li > a{
    font-size:16px !important;
    font-weight:500 !important;
    line-height:52px !important;
}
body .urunOzellik .urunTab > ul > li.active > a,
body .urunOzellik .urunTab > ul > li.active > a span{ font-weight:600 !important; }

/* ==========================================================================
   12 · KATEGORİ ÜST ÇUBUĞU  (sıralama + alt kategori satırı)

   NEDEN BOZUKTU: .brandlistselection şablonda #divSayfalamaUst'un DIŞINDA
   kalıyor. Temanın sıralama tasarımlarının tamamı
     body #divSayfalamaUst.Slct ...        (select modu)
     body #divSayfalamaUst:not(.Slct) ...  (açılır panel modu)
   ile başlıyor, dolayısıyla hiçbiri eşleşmiyor. Geriye kalan çıplak kurallar:
     body .sortingContent li a{padding:0}                    -> seçenekler yapışıyor
     .brandlistselection .sortingContent li:first-child{float:right} -> ilki sağa uçuyor
     .FiltrelemeUrunAdet{position:absolute;left:50%}         -> sayaç ortada asılı
   Aşağısı #divSayfalamaUst'a hiç bağlı olmayan, tek başına ayakta duran bir
   çubuk kuruyor. .Slct sınıfı sonradan gelse bile bozulmaz.
   ========================================================================== */

body .brandlistselection{
    position:static !important;
    float:left;
    width:100%;
    margin:0 0 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

body .brandlistselection .sortingContent{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    position:relative;
    width:100%;
    margin:0 !important;
    padding:10px 14px !important;
    background:#FFFFFF !important;
    border:1px solid var(--vs-line);
    border-radius:12px !important;
}

body .brandlistselection .sortingContent li,
body .brandlistselection .sortingContent li:first-child{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none;
}

/* Sıralama seçenekleri: çip buton */
body .brandlistselection .sortingContent li.sortingButton > a{
    display:inline-block;
    padding:7px 14px !important;
    font-family:var(--vs-font);
    font-size:13px !important;
    font-weight:500;
    line-height:1.2 !important;
    white-space:nowrap;
    color:var(--vs-ink-soft) !important;
    background:var(--vs-soft) !important;
    border:1px solid var(--vs-line);
    border-radius:20px !important;
    transition:all .15s ease;
}
body .brandlistselection .sortingContent li.sortingButton > a span{ color:inherit !important; }
body .brandlistselection .sortingContent li.sortingButton > a:hover{
    color:var(--vs-green) !important;
    background:#FFFFFF !important;
    border-color:var(--vs-green);
}
body .brandlistselection .sortingContent li.sortingButton > a.selected{
    color:#FFFFFF !important;
    background:var(--vs-green) !important;
    border-color:var(--vs-green);
}

/* "Stoktakiler" seçeneği */
body .brandlistselection .sortingContent a.filterOrderInStock{
    padding:7px 14px 7px 11px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap;
    background:var(--vs-soft);
    border:1px solid var(--vs-line);
    border-radius:20px !important;
    transition:all .15s ease;
}
body .brandlistselection .sortingContent a.filterOrderInStock:before{
    width:15px; height:15px; margin-top:0; margin-right:7px;
}
body .brandlistselection .sortingContent a.filterOrderInStock.selected{
    color:#FFFFFF !important;
    background:var(--vs-green);
    border-color:var(--vs-green);
}
body .brandlistselection .sortingContent a.filterOrderInStock.selected:before{ background:var(--vs-yellow); }

/* Ürün sayacı: ortada asılı durmasın, sağ uca aksın */
body .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{
    position:static !important;
    transform:none !important;
    left:auto !important;
    top:auto !important;
    float:none !important;
    margin-left:auto !important;
    padding:0 4px 0 0 !important;
}
body .brandlistselection .appliedFilter.FiltrelemeUrunAdet span{
    line-height:1.2 !important;
    font-size:13px !important;
    color:var(--vs-ink-soft) !important;
}

/* select modunda da tutarlı dursun */
body .brandlistselection #filterOrderSelect{
    height:36px !important;
    border-radius:20px !important;
    font-family:var(--vs-font) !important;
}

/* --- Alt kategori satırı ---
   Bu blok style.css'te değil, sayfaya gömülü <style> içinde tanımlı:
   .subDivisionDiv a{color:#000;font-weight:normal}. Gömülü stil dış dosyadan
   sonra geldiği için eşitlikte o kazanır, seçici bilerek daha güçlü yazıldı. */
body .subDivisionDiv{ margin:0 0 14px; }
body .subDivisionDiv ul{ gap:8px !important; }
body .subDivisionDiv ul li a{
    display:inline-block;
    padding:7px 14px;
    font-family:var(--vs-font) !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.2;
    white-space:nowrap;
    color:var(--vs-ink) !important;
    background:#FFFFFF;
    border:1px solid var(--vs-line);
    border-radius:20px;
    transition:all .15s ease;
}
body .subDivisionDiv ul li a span{ color:inherit !important; font-size:inherit !important; }
body .subDivisionDiv ul li a:hover{
    color:var(--vs-green) !important;
    background:var(--vs-soft);
    border-color:var(--vs-green);
}

/* ==========================================================================
   13 · TİPOGRAFİ ÖLÇEĞİ · TEMA GENELİ TUTARLILIK

   ÖLÇÜM (bu blok hariç, temanın kendi kodu):
     282 font-size bildirimi, 21 FARKLI değer:
     9,10,11,12,13,14,15,16,17,18,19,20,24,25,26,30,40,50px + 0.8rem + 100%
     185 line-height bildiriminin 172'si (%93) sabit px.

   Sabit px satır yüksekliklerinin çoğu tipografi değil DÜZEN aracı
   (line-height:49px ile buton ortalama gibi). Bu yüzden onlara toptan
   dokunulmuyor, sadece metin akan alanlar oranlı değere çekiliyor.

   KABUL EDİLEN ÖLÇEK (bu blok bu 12 değerin dışına çıkmıyor)
     12  mikro      etiket, rozet, telif, breadcrumb
     13  küçük      meta, tarih, çipler, sıralama butonları
     15  UI gövdesi dar sütunlar, sağ blok, liste linkleri
     16  mobil gövde + tüm form alanları (iOS zoom eşiği)
     17  gövde      blog, kategori metni, ürün sekmeleri
     20  h4 / kart başlığı      22  h3
     24  mobil h1               25  h2
     30  h1                     34  blog detay h1
     11  TEK İSTİSNA: .mobilMenuAcButton, ikon altı etiket, 12px butonu taşırıyor

   Temadan kaldırılanlar: 9, 10, 14, 18, 19, 26, 28px.
   ========================================================================== */

/* --- 13a · Taban: 9-11px olan 21 kural 12px'e çekiliyor --------------------
   Okunabilirlik tabanı. Hepsi header, footer, breadcrumb ve ürün kartı
   mikro metinleri. Tek istisna .mobilMenuAcButton, ikon altı etiket olduğu
   için 11px'te bırakıldı, 12px butonu taşırıyor. */
body #lang-detail .language a,
body #lang-detail .currency a,
body .newIcon,
body .discountIcon span,
body .productMarka,
body .guvenList ul li span,
body .htopLinks ul li a,
body .headerSocialDiv span,
body #divAramaKategori select,
body #ticimaxCopyright,
body .breadList .mBread ul li a{ font-size:12px !important; }

body .mobilMenuAcButton span{ font-size:11px !important; }

/* --- 13b · Form alanları -------------------------------------------------
   iOS, 16px altındaki input'a odaklanınca sayfayı otomatik yakınlaştırır ve
   kullanıcı geri çıkamaz. Newsletter alanı 10px'ti. */
body #txtbxNewsletterMail{ font-size:15px !important; }

/* --- 13c · Ürün "Tavsiye Et / Sorular ve Cevaplar" kutuları ---------------
   Izgaraya alındığında div geriliyor ama içindeki <a> içerik yüksekliğinde
   kalıyordu, kutular farklı boyda görünüyordu. */
body .ProductIcon > div > a,
body .ProductIcon2 > div > a{ height:100%; }

/* --- 13d · Sosyal paylaşım satırı ----------------------------------------
   Facebook ve X butonları üçüncü parti iframe, onların içine müdahale
   edilemiyor. WhatsApp ve Telegram tema kontrolünde, aynı yüksekliğe ve
   hizaya çekiliyor ki satır dağınık sarmasın. */
body .socialButons{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    float:none !important;
    width:100%;
    margin-top:16px !important;
}
/* X butonu platform.twitter.com iframe'i, içine müdahale edilemiyor ve
   kendi yüksekliğini dayatıyor. Çiplerle aynı satırda dikey ortalanıyor. */
body .socialButons > *{ margin:0 !important; float:none !important; align-self:center; }
body .socialButons .UWhatsApp,
body .socialButons .UTelegram{ float:none !important; margin:0 !important; }
/* Platform renkleri (#6dc33a yeşil, telegram mavisi) marka paletiyle
   çakışıyordu: sayfada aynı anda koyu yeşil, sarı, parlak yeşil, mavi ve
   siyah vardı. İkisi de aynı nötr çipe indirildi, tanınırlık ikon ve
   etiketten geliyor. Eşit min-width ile aynı boyda duruyorlar. */
body .socialButons .UWhatsApp a.whatsApp,
body .socialButons .UTelegram a.telegram{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:34px;
    min-width:126px;
    padding:0 16px !important;
    font-family:var(--vs-font) !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    color:var(--vs-green) !important;
    background:var(--vs-soft) !important;
    border:1px solid var(--vs-line) !important;
    border-radius:17px !important;
    transition:background-color .2s var(--vs-ease),
               color .2s var(--vs-ease),
               border-color .2s var(--vs-ease);
}
body .socialButons .UWhatsApp a.whatsApp:hover,
body .socialButons .UTelegram a.telegram:hover{
    color:#FFFFFF !important;
    background:var(--vs-green) !important;
    border-color:var(--vs-green) !important;
}
body .socialButons .UWhatsApp a.whatsApp i,
body .socialButons .UTelegram a.telegram i{ font-size:15px !important; }
body .socialButons .UWhatsApp a.whatsApp label,
body .socialButons .UTelegram a.telegram label{
    margin:0 !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    color:inherit !important;
    cursor:pointer;
}
body .socialButons iframe{ margin:0 !important; vertical-align:middle; display:block; }

/* Dizilimi bozan asıl sebep: kapsayıcıda 4 adet BOŞ Facebook div'i var
   (.fb-share-button ve .fb-like, her paylaş bloğunda ikişer tane). Facebook
   SDK yükleniyor ama içlerine hiçbir şey basmıyor, div'ler boş kalıyor ve
   satırda yer kaplayıp WhatsApp ile Telegram'ı ayrı satırlara itiyor.
   :has(*) ile sadece GERÇEKTEN boş olanlar gizleniyor; Facebook bir gün
   içlerini doldurursa kural kendiliğinden devre dışı kalır. */
body .socialButons .fb-share-button:not(:has(*)),
body .socialButons .fb-like:not(:has(*)){ display:none !important; }

/* Telegram ikonu görünmüyordu: şablon <i class="fa fa-paper-plane-o">
   yazıyor, bu Font Awesome 4 sözdizimi. Temada yüklü olan FA5 Pro'da "-o"
   ekli varyant yok, o yüzden glif boş çıkıyor. Doğru kod noktası veriliyor. */
body .socialButons .UTelegram a.telegram i.fa-paper-plane-o:before{
    content:"\f1d8";
}

@media (max-width:767px){
    body .socialButons{ gap:8px; }
    body .socialButons .UWhatsApp a.whatsApp,
    body .socialButons .UTelegram a.telegram{ min-width:118px; }
}

/* ==========================================================================
   14 · MODERN GÖRÜNÜM · FAZ 1: HEADER, MENÜ, ARAMA

   Kademeli modernizasyonun ilk fazı. Her sayfada görünen, sepet ve ödeme
   akışına hiç dokunmayan bölge bilerek ilk seçildi.
   ========================================================================== */

/* --- 14a · Genel cila -----------------------------------------------------
   Odak halkası, seçim rengi, yumuşak kaydırma. Tema hiçbirini tanımlamamış;
   klavyeyle gezen kullanıcı şu an nerede olduğunu göremiyor. */
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){
    html{ scroll-behavior:auto; }
    *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
::selection{ background:var(--vs-yellow); color:var(--vs-green-dk); }

body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [role="button"]:focus-visible{
    outline:2px solid var(--vs-green);
    outline-offset:2px;
    border-radius:6px;
}

/* --- 14b · Arama kutusu ---------------------------------------------------
   Duruyorken sarı çerçeve (#D6CE4B) yüksek sesli ve odak durumu yok.
   Sarı, dinlenme rengi olmaktan çıkıp odak vurgusuna taşındı. */
@media (min-width:768px){
    body #txtbxArama{
        height:52px !important;
        font-size:15px !important;
        color:var(--vs-ink) !important;
        border:1px solid var(--vs-line) !important;
        border-radius:26px !important;
        padding:0 72px 0 24px !important;
        box-shadow:var(--vs-shadow-sm);
        transition:border-color .2s var(--vs-ease),box-shadow .2s var(--vs-ease);
    }
    body #txtbxArama::placeholder{ color:#8A9794 !important; }
    body #txtbxArama:hover{ border-color:#CFD6D4 !important; }
    body #txtbxArama:focus{
        border-color:var(--vs-green) !important;
        box-shadow:0 0 0 4px rgba(0,66,54,.10);
        outline:0;
    }
    body #btnKelimeAra{
        line-height:52px !important;
        border-radius:0 26px 26px 0 !important;
        cursor:pointer;
        transition:opacity .2s var(--vs-ease);
    }
    body #btnKelimeAra:hover{ opacity:.65; }
}

/* --- 14c · Ana menü -------------------------------------------------------
   Tema sadece renk değiştiriyor (#fff -> #D6CE4B). Alttan büyüyen bir
   gösterge eklendi, aktif sayfa artık belli oluyor.
   letter-spacing 0.75px -> 0.2px: 11 menü kalemi tek satıra sığsın diye,
   yeni font biraz daha geniş. */
@media (min-width:768px){
    body .navigation{ box-shadow:inset 0 -1px 0 rgba(255,255,255,.08); }
    /* DİKKAT: li'ye position:relative VERME. Açılır menü
       .altMenu{position:absolute;left:0;right:0} ile tam genişlik oluyor ve
       tema bunun için ul'a bilerek position:static vermiş. li relative olursa
       menü o kalemin genişliğine sıkışır, kolonlar üst üste biner.
       Alt çizgi göstergesi zaten <a>'ya göre konumlanıyor, li'ye gerek yok. */
    body .navigation .navUl > li{ margin:0 13px !important; position:static !important; }
    body .navigation .navUl > li > a{
        position:relative;
        font-size:15px !important;
        font-weight:500 !important;
        letter-spacing:.2px !important;
        line-height:48px !important;
        color:#FFFFFF !important;
        transition:color .2s var(--vs-ease);
    }
    body .navigation .navUl > li > a:after{
        content:"";
        position:absolute;
        left:0; right:0; bottom:9px;
        height:2px;
        border-radius:2px;
        background:var(--vs-yellow);
        transform:scaleX(0);
        transform-origin:center;
        transition:transform .25s var(--vs-ease);
    }
    body .navigation .navUl > li:hover > a,
    body .navigation .navUl > li.active > a,
    body .navigation .navUl > li.selected > a{ color:var(--vs-yellow) !important; }
    body .navigation .navUl > li:hover > a:after,
    body .navigation .navUl > li.active > a:after,
    body .navigation .navUl > li.selected > a:after{ transform:scaleX(1); }

    /* Açılır alt menü: sert kesme yerine yumuşak iniş */
    body .navigation .altMenu{
        border-top:1px solid rgba(255,255,255,.12) !important;
        box-shadow:var(--vs-shadow-md);
    }
    body .navigation .altMenu .altMenuler .altmenuSol ul li a{
        transition:color .18s var(--vs-ease),padding-left .18s var(--vs-ease);
    }
    body .navigation .altMenu .altMenuler .altmenuSol ul li a:hover{
        color:var(--vs-yellow) !important;
        padding-left:4px;
    }
}

/* --- 14d · Sepet ve üye ikonları ------------------------------------------
   Sepet adedi ikonun yanında altı çizili bir sayı olarak duruyordu
   (.sepetUrunSayisi{text-decoration:underline}). Rozet haline getirildi. */
body .mycart{ position:relative; }
body .mycart > a{ transition:opacity .2s var(--vs-ease); }
body .mycart > a:hover{ opacity:.7; }
body .mycart .sepetUrunSayisi{
    position:absolute !important;
    top:-6px;
    right:-10px;
    float:none !important;
    min-width:19px;
    height:19px;
    margin:0 !important;
    padding:0 5px;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:19px !important;
    text-align:center;
    text-decoration:none !important;
    color:var(--vs-green-dk) !important;
    background:var(--vs-yellow);
    border-radius:10px;
    box-shadow:0 0 0 2px #FFFFFF;
}

/* Mobil düzeltme: tema mobilde .mycart'ı header'a absolute oturtuyor
   (top:10px, right:5px) ve rozet bu kutuyu dolduruyor. Yukarıdaki
   position:relative bu kuralı ezince rozet normal akışa, header'ın
   altına düşüyordu. Mobilde tema konumlandırması geri alınır; sarı
   rozet görünümü korunur. */
@media (max-width:767px){
    body .mycart{ position:absolute; }
    body .mycart .sepetUrunSayisi{
        position:static !important;
        min-width:0;
        height:15px;
        padding:0;
        line-height:15px !important;
        font-size:10px !important;
        box-shadow:0 0 0 1.5px #FFFFFF;
    }
}

body .usernav ul li a,
body .htopLinks ul li a,
body .headerSocialDiv ul li a{ transition:opacity .2s var(--vs-ease); }
body .usernav ul li a:hover,
body .htopLinks ul li a:hover,
body .headerSocialDiv ul li a:hover{ opacity:.65; }

/* --- 14e · Butonlar -------------------------------------------------------
   Basılma geri bildirimi yoktu. Dokunsal his için hafif çökme. */
body .button,
body .userLoginBtn,
body .userSignBtn,
body input[type="submit"]{
    transition:background-color .2s var(--vs-ease),
               box-shadow .2s var(--vs-ease),
               transform .12s var(--vs-ease);
}
body .button:active,
body .userLoginBtn:active,
body .userSignBtn:active,
body input[type="submit"]:active{ transform:translateY(1px); }

/* ==========================================================================
   15 · MODERN GÖRÜNÜM · FAZ 2: ÜRÜN KARTLARI VE KATEGORİ LİSTESİ
   ========================================================================== */

/* --- 15a · Ürün adı: tek satır kırpmadan iki satıra --------------------
   Tema: .productName a{height:20px;white-space:nowrap;text-overflow:ellipsis}
   Uzun ürün adları tek satırda kesiliyordu. "Solgar Bromelain 60 Kapsül"
   sığıyor ama "Natures Bounty Calcium Magnesium Zinc + D3 ..." sığmıyor,
   kullanıcı ne aldığını göremiyor. İki satır + sabit yükseklik, böylece
   kartların altındaki fiyat ve butonlar aynı hizada kalıyor. */
body .productItem .productName a{
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    float:none !important;
    width:100%;
    height:auto !important;
    min-height:46px;
    white-space:normal !important;
    text-overflow:clip !important;
    overflow:hidden;
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
    transition:color .18s var(--vs-ease);
}
body .ItemOrj:hover .productItem .productName a{ color:var(--vs-green-lt) !important; }

/* --- 15b · Fiyat hiyerarşisi -------------------------------------------
   Tema eski fiyata da güncel fiyata da 18px veriyor, hangisinin geçerli
   olduğu okunmuyor. Güncel fiyat büyüdü, üstü çizili eski fiyat küçülüp
   soldu. line-height:61px korundu, o tipografi değil: fiyat satırının
   yüksekliğini 61px'lik butonlarla hizalayan düzen aracı. */
body .productItem .discountPrice span{
    font-size:20px !important;
    font-weight:700 !important;
    color:var(--vs-green) !important;
    letter-spacing:-.3px;
}
body .productItem .regularPrice span{
    font-size:15px !important;
    font-weight:400 !important;
    color:#9AB4AF !important;
}

/* --- 15c · Kart yüzeyi ve etkileşim ------------------------------------
   Kartın hiç hover durumu yoktu, tıklanabilir olduğu belli değildi. */
/* Dinlenme durumunda çerçeve YOK. Sayfa zemini açık gri, beyaz kart kendini
   zaten ayırıyor; çerçeve + gölge + beyaz üçlüsü jenerik kart görüntüsü verir.
   Yükseltme sadece hover'da, çünkü orada bir anlam taşıyor. */
body .productItem{
    transition:box-shadow .25s var(--vs-ease),
               transform .25s var(--vs-ease);
}
body .ItemOrj:hover .productItem{
    transform:translateY(-3px);
    box-shadow:var(--vs-shadow-md);
}
body .productItem .productImage img{
    transition:transform .5s var(--vs-ease);
}
/* will-change yalnızca hover'da: koşulsuz verilince kategori sayfasındaki
   40-60 görselin her biri için kalıcı GPU katmanı ayrılıyordu. */
body .ItemOrj:hover .productItem .productImage img{ transform:scale(1.05); will-change:transform; }
@media (prefers-reduced-motion:reduce){
    body .ItemOrj:hover .productItem{ transform:none; }
    body .ItemOrj:hover .productItem .productImage img{ transform:none; }
}

/* --- 15d · Sepete ekle butonu ------------------------------------------
   Tema: .mycartIcon a{background:url(...) no-repeat center #999999}
   Kartın en önemli eylemi nötr gri. Markaya çekildi. Arka plan görseli
   shorthand içinde geldiği için sadece background-color eziliyor,
   ikon SVG'si yerinde kalıyor. */
body .productItem .mycartIcon a{
    background-color:var(--vs-green) !important;
    transition:background-color .2s var(--vs-ease);
}
body .productItem .mycartIcon a:hover{ background-color:var(--vs-green-lt) !important; }
body .productItem .mycartIcon a:active{ background-color:var(--vs-green-dk) !important; }

body .productItem .favori a{
    background:var(--vs-soft) !important;
    transition:background-color .2s var(--vs-ease);
}
body .productItem .favori a:after{ transition:color .2s var(--vs-ease); }
body .productItem .favori a:hover{ background:var(--vs-green) !important; }

/* --- 15e · Sol filtre kolonu -------------------------------------------
   Tipografi ölçeğe oturtuluyor, link durumları ekleniyor. */
body .leftBlock .category-vertical-filters .panel .panel-heading a,
body .leftBlock .category-vertical-filters .Block_Title{
    font-size:15px !important;
    font-weight:600 !important;
    color:var(--vs-green) !important;
}
body .leftBlock .category-vertical-filters .list-group li a,
body .leftBlock .category-vertical-filters .panel.div-kategori ul li a{
    font-size:15px !important;
    line-height:1.5 !important;
    color:var(--vs-ink) !important;
    transition:color .18s var(--vs-ease);
}
body .leftBlock .category-vertical-filters .list-group li a:hover,
body .leftBlock .category-vertical-filters .panel.div-kategori ul li a:hover{
    color:var(--vs-green) !important;
}

/* --- 15f · Filtre paneli: marka arama kutusu ---------------------------
   Temada .panel-search için TEK BİR kural yok. Input sadece
   .textbox{font-size:14px;width:100%} alıyor, geri kalan her şey tarayıcı
   varsayılanı: köşeli kutu, koyu sistem çerçevesi. Ekrandaki bozukluk bu. */
body .leftBlock .panel-search{
    float:left;
    width:100%;
    padding:0 20px;
    margin:16px 0 4px;
}
body .leftBlock .panel-search .panel-search-textbox{
    width:100%;
    height:40px;
    padding:0 14px 0 36px;
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    color:var(--vs-ink);
    background:#FFFFFF;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9794' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:12px center;
    background-size:16px 16px;
    border:1px solid var(--vs-line);
    border-radius:20px;
    outline:0;
    transition:border-color .2s var(--vs-ease),box-shadow .2s var(--vs-ease);
}
body .leftBlock .panel-search .panel-search-textbox:hover{ border-color:#CFD6D4; }
body .leftBlock .panel-search .panel-search-textbox:focus{
    border-color:var(--vs-green);
    box-shadow:0 0 0 3px rgba(0,66,54,.10);
}

/* --- 15g · Filtre seçim kutucukları ------------------------------------
   Sarı çerçeveli boş daireler radyo düğmesi gibi okunuyor, oysa çoklu seçim.
   Yuvarlatılmış kare + seçilince yeşil dolgu ve beyaz tik. */
body .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li,
body .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item{
    margin:0 0 12px !important;
    cursor:pointer;
}
body .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before{
    width:18px !important;
    height:18px !important;
    margin-right:10px !important;
    border:1px solid #C9D2CF !important;
    border-radius:5px !important;
    background:#FFFFFF !important;
    font-family:var(--vs-font) !important;
    font-size:12px !important;
    line-height:17px !important;
    text-align:center;
    color:transparent;
    transition:background-color .15s var(--vs-ease),border-color .15s var(--vs-ease);
}
body .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{
    border-color:var(--vs-green) !important;
}
body .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{
    content:"\2713" !important;
    color:#FFFFFF !important;
    background:var(--vs-green) !important;
    border-color:var(--vs-green) !important;
}

/* --- 15h · Kaydırma çubukları ------------------------------------------
   Tema 2px genişlikte parlak sarı (#D6CE4B) çubuk kullanıyor. Markanın
   vurgu rengi bir kaydırma çubuğunda harcanmış, hem de tutulamayacak kadar
   ince. Nötrleştirildi ve tutulabilir genişliğe çıkarıldı. */
body .leftBlock .category-vertical-filters .list-group::-webkit-scrollbar,
body #divOnyazi::-webkit-scrollbar,
body .urunTabAlt::-webkit-scrollbar,
body .SmallImages::-webkit-scrollbar,
body .searchContent ul::-webkit-scrollbar{ width:6px; }
body .leftBlock .category-vertical-filters .list-group::-webkit-scrollbar-track,
body #divOnyazi::-webkit-scrollbar-track,
body .urunTabAlt::-webkit-scrollbar-track,
body .SmallImages::-webkit-scrollbar-track,
body .searchContent ul::-webkit-scrollbar-track{ background:transparent; }
body .leftBlock .category-vertical-filters .list-group::-webkit-scrollbar-thumb,
body #divOnyazi::-webkit-scrollbar-thumb,
body .urunTabAlt::-webkit-scrollbar-thumb,
body .SmallImages::-webkit-scrollbar-thumb,
body .searchContent ul::-webkit-scrollbar-thumb{
    background:#CFD6D4;
    border-radius:3px;
}
body .leftBlock .category-vertical-filters .list-group::-webkit-scrollbar-thumb:hover,
body #divOnyazi::-webkit-scrollbar-thumb:hover,
body .urunTabAlt::-webkit-scrollbar-thumb:hover{ background:#9AB4AF; }

/* ==========================================================================
   16 · MODERN GÖRÜNÜM · FAZ 3: FOOTER

   Footer style.css'te değil. <footer class="footerTemp"> panelin blok
   editöründen üretiliyor ve sayfaya gömülü iki <style> bloğuyla (68 KB +
   71 KB) boyanıyor. O bloklar style.css'ten SONRA geldiği için burada
   özgüllük yetmiyor, !important şart.

   KALICI ÇÖZÜM PANELDE. Aşağıdaki iki değer oradan geliyor:
     --ebultenButtonBgColor:#e24307ff   -> bülten bileşeninin buton rengi
     style="color: #ff0000"             -> Dil Yönetimi'ndeki
                                           "AdresDetay_UyelikBilgiUyari"
                                           çeviri metninin İÇİNE gömülü
   Panelden düzeltirsen buradaki ezmeleri silebilirsin.
   ========================================================================== */

/* --- 16a · Bülten formu ------------------------------------------------
   Turuncu #E24307 koyu yeşil panelde markayla hiç ilgisi olmayan bir renk.
   Sarı vurguya çekildi, üstündeki yazı koyu yeşil (sarı üstünde beyaz
   okunmuyor). */
body .footerTemp .ebultenDivTemp .newsletterContent #btnMailKaydet{
    background-color:var(--vs-yellow) !important;
    color:var(--vs-green-dk) !important;
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    font-weight:600 !important;
    border:0 !important;
    border-radius:0 22px 22px 0 !important;
    padding:0 22px !important;
    cursor:pointer;
    transition:background-color .2s var(--vs-ease);
}
body .footerTemp .ebultenDivTemp .newsletterContent #btnMailKaydet:hover{
    background-color:#E3DC6B !important;
}

body .footerTemp .ebultenDivTemp .newsletterContent #txtbxNewsletterMail{
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    color:var(--vs-ink) !important;
    border:0 !important;
    border-radius:22px 0 0 22px !important;
    padding:0 18px !important;
    height:44px !important;
    outline:0;
}
body .footerTemp .ebultenDivTemp .newsletterContent #txtbxNewsletterMail::placeholder{
    color:#8A9794 !important;
}
body .footerTemp .ebultenDivTemp .newsletterContent{
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.12);
}

/* --- 16b · Onay satırı --------------------------------------------------
   Linkler koyu yeşil panelin üstünde saf kırmızı. Okunmuyor ve uyarı
   sinyali veriyor, oysa sadece sözleşme linki. */
body .footerTemp .permissionDiv,
body .footerTemp .permissionDiv *{
    font-family:var(--vs-font) !important;
    font-size:12px !important;
    line-height:1.5 !important;
    color:rgba(255,255,255,.72) !important;
}
body .footerTemp .permissionDiv a,
body .footerTemp .permissionDiv a strong,
body .footerTemp .permissionDiv strong a{
    color:var(--vs-yellow) !important;
    font-weight:600 !important;
    text-decoration:underline;
    text-underline-offset:2px;
    text-decoration-color:rgba(214,206,75,.45);
    transition:text-decoration-color .18s var(--vs-ease);
}
body .footerTemp .permissionDiv a:hover{ text-decoration-color:var(--vs-yellow); }

body .footerTemp .permissionDiv input[type="checkbox"]{
    width:16px;
    height:16px;
    accent-color:var(--vs-yellow);
    cursor:pointer;
    flex:0 0 16px;
}

/* --- 16c · Link kolonları ----------------------------------------------
   Blok editörü linklere 12px/#666 veriyor. Footer linkleri hem gerçek
   navigasyon hem de dahili bağlantı, 12px gri fazla siliktı. */
body .footerTemp .footerMenuTitle{
    font-family:var(--vs-font) !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.6px;
    color:var(--vs-green) !important;
}
body .footerTemp .footerMenuAlt a{
    font-family:var(--vs-font) !important;
    font-size:15px !important;
    line-height:1.8 !important;
    color:var(--vs-ink-soft) !important;
    transition:color .18s var(--vs-ease);
}
body .footerTemp .footerMenuAlt a:hover{ color:var(--vs-green) !important; }

body .footerTemp .socialMediaTitle span,
body .footerTemp .storeMediaTitle span,
body .footerTemp .eTempTitle1{
    font-family:var(--vs-font) !important;
    font-weight:600 !important;
}
body .footerTemp .footerText li,
body .footerTemp .eTempTitle2{
    font-family:var(--vs-font) !important;
    font-size:13px !important;
    line-height:1.6 !important;
}

/* --- 16d · Sosyal medya ikonları ---------------------------------------
   Blok editörü #e9e9e9 gri daire + siyah ikon veriyor. Markaya çekildi.
   (Gliflerin boş çıkması ayrı bir konuydu: .fab ailesi, bkz. bölüm 0.) */
body .footerTemp .socialMedia li a i,
body .footerTemp .storeMedia li a i{
    color:var(--vs-green) !important;
    background-color:var(--vs-soft) !important;
    border:1px solid var(--vs-line) !important;
    border-radius:50% !important;
    transition:background-color .2s var(--vs-ease),
               color .2s var(--vs-ease),
               border-color .2s var(--vs-ease);
}
body .footerTemp .socialMedia li a:hover i,
body .footerTemp .storeMedia li a:hover i{
    color:#FFFFFF !important;
    background-color:var(--vs-green) !important;
    border-color:var(--vs-green) !important;
}

/* ==========================================================================
   17 · RESPONSIVE
   ========================================================================== */

@media (max-width:1041px){
    .categorydesign{ max-width:100%; padding:32px 16px 8px; margin:36px 0 24px !important; }
    .blogCenter .blog-h1{ font-size:30px !important; }
    .blogRight .blokSonYazilar ul li a img{ flex:0 0 72px; width:72px !important; height:54px !important; }
}

/* Core, 768px altinda sag kolonu tamamen gizliyor (.blogRight{display:none}).
   Son yazilar bloku ic linkleme acisindan degerli oldugu icin geri aciliyor.
   Mobilde gorunmesini istemezsen asagidaki .blogRight blogunu sil. */
@media (max-width:768px){
    .blogCenter ul.tici-blok-ul{ grid-template-columns:1fr; gap:28px; }

    .blogRight{
        display:block !important;
        width:100% !important;
        float:none !important;
        clear:both;
        margin:36px 0 0 !important;
        padding:28px 0 0;
        border-top:1px solid var(--vs-line);
    }
    .blogRight .blokSonYazilar ul li a img{ flex:0 0 96px; width:96px !important; height:70px !important; }
}

@media (max-width:767px){
    .categorydesign,
    .blogCenter > div:not([class]),
    .blogCenter .pi-text{
        font-size:16px !important;
        line-height:1.7 !important;
    }
    .categorydesign{ padding:28px 0 4px; margin:28px 0 20px !important; }

    .categorydesign h1,
    .blogCenter > div:not([class]) h1{ font-size:24px !important; margin-bottom:14px !important; }
    .categorydesign h2,
    .blogCenter > div:not([class]) h2{ font-size:20px !important; margin:32px 0 10px !important; padding-left:12px; }
    .categorydesign h3,
    .blogCenter > div:not([class]) h3{ font-size:20px !important; margin:24px 0 8px !important; }

    .categorydesign p,
    .blogCenter > div:not([class]) p{ margin-bottom:16px !important; }

    .blogCenter .blog-h1{ font-size:24px !important; margin-bottom:14px !important; }
    .blogCenter .pi-titles h2,
    .blogCenter .pi-titles h2 a{ font-size:20px !important; }

    .blogCenter > div:not([class]) table,
    .categorydesign table{ min-width:420px; font-size:15px !important; }

    /* Kategori üst çubuğu */
    body .brandlistselection .sortingContent{ padding:10px !important; gap:6px; }
    body .brandlistselection .sortingContent li.sortingButton > a,
    body .brandlistselection .sortingContent a.filterOrderInStock,
    body .subDivisionDiv ul li a{ padding:6px 11px !important; font-size:12px !important; }
    body .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{ margin-left:0 !important; width:100% !important; }

    /* --- Ürün aksiyon linkleri (Telefonla Sipariş, Favorilere Ekle, ...) ---
       Tema mobilde .ProductIcon > div{width:100%} veriyor, 5 aksiyon alt alta
       uzun bir kule oluyor. 2 kolonlu dokunma hedefine çevriliyor. */
    body .ProductIcon,
    body .ProductIcon2{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        float:none !important;
        width:100% !important;
        margin:14px 0 0 !important;
    }
    body .ProductIcon > div,
    body .ProductIcon2 > div{
        float:none !important;
        width:auto !important;
        margin:0 !important;
    }
    /* Kargo bedava satırı uzun metinli, tek başına tam genişlik kalsın */
    body .ProductIcon > div#divKargoBedava{ grid-column:1 / -1; }

    /* #divSocialButtons .ProductIcon2'nin doğrudan çocuğu, yani bu ızgaranın
       hücresine düşüyor ve yarım genişlikte kalıyor. İçindeki X, WhatsApp ve
       Telegram o dar hücreye sığmayıp alt alta diziliyordu. Tam satır. */
    body .ProductIcon2 > #divSocialButtons{ grid-column:1 / -1; }
    /* Temizleyici div'ler ızgarada boş hücre açıyor */
    body .ProductIcon > .clear,
    body .ProductIcon2 > .clear{ display:none !important; }

    body .ProductIcon > div > a,
    body .ProductIcon2 > div > a{
        display:flex !important;
        align-items:center;
        justify-content:flex-start !important;
        gap:8px;
        width:100%;
        min-height:46px;
        padding:8px 10px;
        background:#FFFFFF;
        border:1px solid var(--vs-line);
        border-radius:10px;
    }
    body .ProductIcon .boxIcon,
    body .ProductIcon2 .boxIcon{
        flex:0 0 26px;
        width:26px !important;
        height:26px !important;
        margin:0 !important;
    }
    body .ProductIcon .boxIcon svg,
    body .ProductIcon2 .boxIcon svg{ height:13px !important; }
    body .ProductIcon .box1,
    body .ProductIcon2 .box1{
        font-family:var(--vs-font) !important;
        font-size:12px !important;
        line-height:1.3 !important;
        font-weight:500;
        color:var(--vs-ink) !important;
        text-align:left;
    }
    /* Tema bu ikonu masaüstünde gizliyor ama mobil kuralına koymamış,
       .boxIcon svg ile çift ikon çıkıyordu */
    body .ProductIcon .box1 i,
    body .ProductIcon2 .box1 i{ display:none !important; }

    /* Ürün adı: tema 20px metne 22px satır yüksekliği veriyor (oran 1.1),
       iki satıra sardığında satırlar birbirine yapışıyor */
    body .ProductName h1 span{ font-size:20px !important; line-height:1.3 !important; }

    /* --- Mobil sekme akordiyonu ---
       Tema: color:#5a5a5a, uppercase, 14px, line-height:44px.
       Aktif başlıkta color:#fff veriliyor ama zemin rengi verilmiyor,
       zemin gelmediği anda başlık beyaz üstünde beyaz kalıyor. */
    body .urunOzellikTab .urunTab > ul > li > a{
        font-family:var(--vs-font) !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:50px !important;
        text-transform:none !important;
        color:var(--vs-ink) !important;
        padding:0 44px 0 16px !important;
    }
    body .urunOzellikTab .urunTab > ul > li > a span{ font-weight:600 !important; }
    /* Açılır göstergesi */
    body .urunOzellikTab .urunTab > ul > li > a:after{
        content:"";
        position:absolute;
        right:18px;
        top:50%;
        width:8px; height:8px;
        margin-top:-6px;
        border-right:2px solid var(--vs-green);
        border-bottom:2px solid var(--vs-green);
        transform:rotate(45deg);
        transition:transform .2s ease;
    }
    body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a{
        color:#FFFFFF !important;
        background:var(--vs-green) !important;
    }
    body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:after{
        border-color:#FFFFFF;
        transform:rotate(-135deg);
        margin-top:-2px;
    }
    body .urunOzellikTab .urunTab > ul > li{ border-bottom:1px solid var(--vs-line) !important; }
    body .urunOzellikTab .urunDetayPanel{ padding:18px 16px !important; }

    /* iOS, 16px altındaki alana odaklanınca sayfayı zorla yakınlaştırır */
    body input[type="text"], body input[type="email"], body input[type="password"],
    body input[type="tel"], body input[type="search"], body input[type="number"],
    body textarea{ font-size:16px !important; }

    /* Ürün detay */
    body .urunTabAlt{ font-size:16px !important; line-height:1.7 !important; max-width:100%; }
    body .urunTabAlt h2{ font-size:22px !important; }
    body .urunTabAlt h3{ font-size:17px !important; }
    body #divOnyazi, body #divOnyazi *:not(a){ font-size:15px !important; }
    body .urunOzellik .urunTab > ul > li > a{ font-size:15px !important; }
}

/* ===== VS-ICERIK-TIPOGRAFI: BITIS ===== */


/* ==========================================================================
   16 · CORE WEB VITALS VE OKUNABİLİRLİK DÜZELTMELERİ (16.08.2026)
   PageSpeed ölçümü sonrası eklendi: mobil ürün sayfası CLS 0.63-0.72,
   indirim rozeti kontrastı 1.64:1 idi.
   ========================================================================== */

/* --- 16a · Ürün detay galerisi: görsel kutusu önceden rezerve edilir -------
   Mobilde ana görsel #divMobileImageList > a.lightItem > img.owl-lazy içinde
   duruyor ve hiçbir yerde yükseklik tanımı yok; görsel yüklenene kadar kutu
   0px, yüklenince tam kareye sıçrıyordu (CLS'in tek başına 0.39'u bu img,
   0.17'si kapsayıcısı). Ürün görselleri 2000x2000, yani tam kare: 1/1 oranı
   ölçümle doğrulandı, tahmin değil. Yüklendikten sonraki görünüm aynı kalır,
   sadece yer önceden ayrılır. object-fit:contain kare olmayan bir görsel
   gelirse bozulma yerine boşluk bırakır. */
body .leftImage .mobileImageSlider a.lightItem{ display:block; }
body .leftImage .mobileImageSlider a.lightItem img,
body .leftImage .mobileImageSlider img.owl-lazy{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:contain;
}

/* --- 16b · İndirim ve yeni ürün rozeti: okunabilir kontrast ----------------
   Sarı #D6CE4B zemin üzerine beyaz #FFFFFF metin 1.64:1 veriyordu (WCAG AA
   minimumu 4.5:1); indirim oranı fiilen görünmüyordu. Koyu yeşil metin aynı
   zeminde 8.68:1 veriyor. Zemin rengine dokunulmadı, marka görünümü korunur.
   #divIndirimOrani ID taşıdığı için body ile spesifisite yükseltildi. */
body .newIcon{ color:var(--vs-green-dk); }
body #divIndirimOrani .indirimliOrani,
body #divIndirimOrani .indirimliOrani *{ color:var(--vs-green-dk); }

/* --- 16c · Sepete ekle butonu imleci --------------------------------------
   Temp.js içinde jQuery ile .attr('style','cursor:pointer') yazılıyordu; bu
   mevcut inline stili tamamen siliyordu. Stil buraya taşındı, JS'ten kaldırıldı. */
body .Addtobasket{ cursor:pointer; }


/* ==========================================================================
   17 · ANASAYFA KART VE BLOG BLOĞU DÜZELTMELERİ (16.08.2026)
   ========================================================================== */

/* --- 17a · Ürün kartı görseli: panelden gelen inline style'ın etkisizleştirilmesi
   Sayfanın <head> bölümünde, harici CSS'ten ÖNCE şu inline blok basılıyor:

       body .productItem .productImage img{
           max-height:none; height:auto; width:auto;
           transition:none; animation:none; max-width:100%;
       }

   Temanın kendi kuralı (satır 432) `.productItem .productImage img` yani
   spesifiklik (0,3,0); inline bloktaki `body ...` ise (0,3,1). Kaynak sırasından
   bağımsız olarak inline blok kazanıyor ve `max-height:100%` iptal oluyor.
   Görsel `padding-bottom:100%` ile kare tutulan kutunun içinde position:absolute
   durduğu için, yükseklik sınırı kalkınca kutudan taşıyor: fiyat satırı ve
   sepet/favori butonları kartın dışına çıkıyor. Anasayfadaki bozukluk bu.
   Kategori sayfası düzgün görünüyordu çünkü oradaki görseller zaten kare.

   Aşağıdaki kural `html body` ile (0,3,2) spesifikliğe çıkıp temanın asıl
   davranışını geri getiriyor. Kalıcı çözüm: paneldeki bu inline bloğu silmek.
   ------------------------------------------------------------------------ */
html body .productItem .productImage img,
html body .productItem .productImage .Videolu video{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

/* --- 17b · Anasayfa blog bloğu "Vitamin Rehberi" --------------------------
   Blok kendi stilini <link href="style.css"> ile çağırıyor. Göreli yol olduğu
   için https://vitaminsan.com/style.css adresine gidiyor ve 404 dönüyor
   (curl ile doğrulandı). Bu yüzden .single-blog / .post-title / .icon-area /
   .main_btn hiç stil almıyor: başlıklar tarayıcı varsayılanı mavi link,
   meta satırı madde imli <ul>, buton çıplak <a> olarak görünüyor.
   Blok Ticimax panelinde durduğu için oradaki <link> satırını silmek gerekir;
   stiller kalıcı olarak buraya, tema CSS'ine alındı.
   FontAwesome de yüklü olmadığından .icon-area içindeki <i> kutu karakter
   basıyordu, gizlendi.
   ------------------------------------------------------------------------ */
#blog_area{
    padding:56px 0;
    background:var(--vs-soft);
}
#blog_area .section_heading{
    margin:0 0 36px;
}
#blog_area .section_heading h2{
    margin:0 0 10px;
    font-family:var(--vs-font);
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    color:var(--vs-ink);
}
#blog_area .section_heading h2 span{
    color:var(--vs-green);
}
#blog_area .section_heading p{
    margin:0;
    font-family:var(--vs-font);
    font-size:15px;
    line-height:1.6;
    color:var(--vs-ink-soft);
}

/* Owl başlatılmazsa blok düz bir ızgara olarak dursun; owl-loaded eklenirse
   yerleşimi owl devralır, aşağıdaki grid devre dışı kalır. */
#blog_area .blog_slider_area:not(.owl-loaded){
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
#blog_area .owl-item .box-area{
    padding:0 12px;
}

#blog_area .single-blog{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    border:1px solid var(--vs-line);
    border-radius:14px;
    background:#FFFFFF;
    box-shadow:var(--vs-shadow-sm);
    transition:box-shadow .25s var(--vs-ease),transform .25s var(--vs-ease);
}
#blog_area .single-blog:hover{
    transform:translateY(-3px);
    box-shadow:var(--vs-shadow-md);
}

/* Görseller farklı oranlarda geliyor (kimi 1029px yatay, kimi kare). Sabit
   oran + cover ile hem hizalanıyor hem de yer önceden ayrıldığı için CLS
   üretmiyor. */
#blog_area .post-img{
    overflow:hidden;
    background:var(--vs-soft);
}
#blog_area .post-img a{
    display:block;
}
#blog_area .post-img img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 10;
    object-fit:cover;
    transition:transform .5s var(--vs-ease);
}
#blog_area .single-blog:hover .post-img img{
    transform:scale(1.04);
}

#blog_area .single_blog{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    padding:20px;
}
#blog_area .post-title{
    margin:0 0 10px;
}
#blog_area .post-title a{
    display:block;
    font-family:var(--vs-font);
    font-size:18px;
    line-height:1.35;
    font-weight:600;
    color:var(--vs-ink) !important;
    text-decoration:none;
    transition:color .15s var(--vs-ease);
}
#blog_area .post-title a:hover{
    color:var(--vs-green) !important;
}

#blog_area .icon-area{
    display:flex;
    flex-wrap:wrap;
    gap:6px 16px;
    margin:0 0 12px;
    padding:0;
    list-style:none;
}
#blog_area .icon-area li{
    margin:0;
    padding:0;
    list-style:none;
    font-family:var(--vs-font);
    font-size:13px;
    line-height:1.4;
    color:var(--vs-ink-soft);
}
#blog_area .icon-area li a{
    color:var(--vs-ink-soft) !important;
    text-decoration:none;
}
/* FontAwesome yüklü değil, ikonlar kutu karakter basıyordu. */
#blog_area .icon-area i{
    display:none;
}

#blog_area .blog-text{
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0 0 18px;
    font-family:var(--vs-font);
    font-size:14px;
    line-height:1.65;
    color:var(--vs-ink-soft) !important;
}
/* <p class="blog-text"> bazı kartlarda <a> içine sarılı; link mavisi almasın. */
#blog_area .single_blog > a{
    color:inherit !important;
    text-decoration:none;
}

#blog_area .btn-area{
    margin-top:auto;
}
#blog_area .btn-area .main_btn,
#blog_area .btn-area .btn{
    display:inline-block;
    padding:11px 22px;
    border:0;
    border-radius:8px;
    background:var(--vs-green);
    font-family:var(--vs-font);
    font-size:14px;
    line-height:1;
    font-weight:600;
    color:#FFFFFF !important;
    text-decoration:none;
    transition:background-color .15s var(--vs-ease);
}
#blog_area .btn-area .main_btn:hover,
#blog_area .btn-area .btn:hover{
    background:var(--vs-green-lt);
    color:#FFFFFF !important;
}

@media (max-width:1024px){
    #blog_area .blog_slider_area:not(.owl-loaded){
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:767px){
    #blog_area{ padding:36px 0; }
    #blog_area .section_heading{ margin:0 0 24px; }
    #blog_area .section_heading h2{ font-size:24px; }
    #blog_area .blog_slider_area:not(.owl-loaded){
        grid-template-columns:1fr;
        gap:16px;
    }
    #blog_area .post-title a{ font-size:17px; }
}
@media (prefers-reduced-motion:reduce){
    #blog_area .single-blog:hover{ transform:none; }
    #blog_area .single-blog:hover .post-img img{ transform:none; }
}


/* ==========================================================================
   18 · MOBİL KATEGORİ: "SIRALAMA" ALTINDAKİ BOŞ KUTU (16.08.2026)

   Ticimax sıralamayı handlebars ile <ul class="sortingContent"> içine basıyor:
       li:1  -> <select id="filterOrderSelect">
       li:2  -> Stoktakiler linki
       li:3  -> .appliedFilter.FiltrelemeUrunAdet + .blockSelect (görünüm butonları)
   Bu ul, sayfa yüklendikten SONRA .brandlistselection içine render ediliyor.

   Temanın tasarımı şu: native select görünmez yapılıp custom "Sıralama"
   butonunun tam üstüne bindirilecek, kullanıcı butona basınca aslında select
   açılacak. Bunun için .Slct sınıfına bağlı kurallar yazılmış (satır 1615-1621).

   İki kırılma noktası var:

   1) .Slct sınıfı Temp.js içinde yalnızca urunDuzeni() çalışırken ve yalnızca
      `.brandlistselection select` O AN varsa ekleniyor. Liste asenkron
      render edildiği için yarış durumu oluşuyor; select sonra gelirse .Slct
      hiç eklenmiyor ve bindirme kuralları devreye girmiyor.

   2) Görünmez yapmak için `font-size:0` kullanılmış. Bu yalnızca kapalı
      kutudaki metni sıfırlıyor; tarayıcının çizdiği kutunun kendisi (çerçeve,
      zemin, yükseklik) yerinde kalıyor. Ekranda görülen boş çerçeve bu.

   Çözüm: geometri ve görünmezlik .Slct'ten bağımsız hale getirildi, select
   opacity:0 ile tamamen görünmez yapıldı, yanındaki li'ler kapatıldı.
   .Slct ve :has() kuralları AYRI bloklarda; :has() desteklemeyen bir tarayıcı
   seçici listesini geçersiz sayıp .Slct kurallarını da düşürmesin diye.
   ========================================================================== */

@media (max-width:1041px){

    /* Durum A: .Slct eklenmiş */
    body #divSayfalamaUst.Slct .brandlistselection{
        position:absolute;
        left:0;
        top:0;
        z-index:3;
        width:calc(50% - 5px);
        height:40px;
        margin:0;
        padding:0;
        border:none;
        border-radius:10px;
        background:transparent;
        overflow:hidden;
    }

    /* Durum B: .Slct eklenmemiş ama select DOM'da. Ayrı blok, bkz. yukarıdaki not. */
    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect){
        position:absolute;
        left:0;
        top:0;
        z-index:3;
        width:calc(50% - 5px);
        height:40px;
        margin:0;
        padding:0;
        border:none;
        border-radius:10px;
        background:transparent;
        overflow:hidden;
    }

    /* İç yerleşim. Bilerek iki ayrı bloğa yazıldı ve her biri kendi durumuna
       kilitlendi: buton modunda (siralamaTipi=0, select yok) tema bu listeyi
       mobilde gizliyor, oraya sızmamalı. */
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent{
        display:block !important;
        width:100%; height:40px; margin:0; padding:0;
        border:none; border-radius:0; background:transparent; list-style:none;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li{
        float:none; width:100%; height:40px; margin:0; padding:0;
        border:none; border-radius:0; background:transparent; list-style:none;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li:nth-child(2),
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li.appliedFilter,
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent > li .blockSelect{
        display:none !important;
    }

    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect) .sortingContent{
        display:block !important;
        width:100%; height:40px; margin:0; padding:0;
        border:none; border-radius:0; background:transparent; list-style:none;
    }
    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect) .sortingContent > li{
        float:none; width:100%; height:40px; margin:0; padding:0;
        border:none; border-radius:0; background:transparent; list-style:none;
    }
    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect) .sortingContent > li:nth-child(2),
    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect) .sortingContent > li.appliedFilter,
    body #divSayfalamaUst .brandlistselection:has(#filterOrderSelect) .sortingContent > li .blockSelect{
        display:none !important;
    }

    /* Select butonun tamamını kaplasın ve tümüyle görünmez olsun.
       font-size:16px bırakıldı: iOS Safari 16px'ten küçük yazı tipli bir form
       elemanına odaklanınca sayfayı zoomluyor. opacity:0 olduğu için metin
       zaten görünmüyor, açılan liste native olarak çiziliyor ve etkilenmiyor. */
    body #divSayfalamaUst .brandlistselection #filterOrderSelect{
        display:block;
        width:100%;
        height:40px;
        min-width:0;
        margin:0;
        padding:0;
        border:0;
        border-radius:10px;
        background:transparent;
        opacity:0;
        font-size:16px;
        cursor:pointer;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
    }
    body #divSayfalamaUst .brandlistselection #filterOrderSelect option{
        font-size:14px;
        color:#000000;
    }
}