/* ==================== */
/* ------F5--HT-------- */
/* ==================== */
:root {--theme-color: #e51916; }
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*Fadein Css*/
@media(min-width: 768px){
    @keyframes fadein {from {opacity: 0;}to{ opacity: 1;}}
    @-moz-keyframes fadein {from {opacity: 0;}to{ opacity: 1;}}
    @-webkit-keyframes fadein {from {opacity: 0;}to{ opacity: 1;}}
    @-o-keyframes fadein {from {opacity: 0;}to{opacity: 1;}}
    body {  -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both;}
    .tooltip {-webkit-animation: fadein 0.5s; animation: fadein 0.5s; }
    .hoverr:before {-webkit-animation: fadein 0.5s; animation: fadein 0.5s; }
    .mobilaf{-webkit-animation: fadein 0.5s; animation: fadein 0.5s; }
}
[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; 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; }
/* [hidden] zaten satir 18'de tanimli */
[tabindex="-1"]:focus { outline: none !important; }
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;  }
#yorumYaz .frmUrunDetayYorumYaz #selectCity{height:auto;}
body { font-family: 'Poppins', 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; appearance: button; }
textarea { overflow: auto; }
p { margin-top: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
input[type="search"] { -webkit-appearance: none; 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: none; appearance: none; }
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;}
a:active, a:hover { outline-width: 0; }
h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px; font-weight: normal;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
select, input { font-family: 'Poppins', sans-serif !important; }
button { -webkit-appearance: none; -moz-appearance: none; 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;  }
.sepetimBody .fa {font-family: FontAwesome; }
/*reset Css*/
/* ============ ol,ul reset ============ */
.ProductList ul{margin: 0;padding: 0;list-style: none;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul, .blogCenter ol{padding: revert; margin: revert;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .store ul{padding: 0;margin: 0;list-style: none;}
#footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 0;}
.bottomHead ul{margin: 0;list-style: none;padding: 0;}
.breadList ul{list-style: none;padding: 0;margin: 0;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.CartProduct ul {list-style: none; padding: 0; margin: 0; }
.welcome ul {margin: 0;list-style:none;padding: 0;}
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;}
.urunOzellik .urunTab ul {padding: 0;margin: 0;list-style: none;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
.mBread ul {list-style: none;padding: 0;margin: 0;}
.categorydesign ul,.categorydesign ol{padding: revert;margin: revert;}
.GuvenList ul{list-style: none;}
/* ============ */
/*colgrid*/
.pull-center{display: inline-block;vertical-align:top;}
.pull-left{float:left;}
.pull-right{float:right;}
.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.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{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.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;}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Poppins', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; -webkit-transition-duration: 0.2s, 0.2s; transition-duration: 0.2s, 0.2s;}
.textbox { font-family: 'Poppins', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; -webkit-transition-duration: 0.2s, 0.2s; transition-duration: 0.2s, 0.2s;}
.button {font-family: 'Poppins', 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: transparent !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;/* display: table; */background-color: #a94442;color: #fff;border-radius: 5px;padding: 0 10px;}
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 5px 5px;}
.cloudzoom-zoom { z-index: 999; }
.clearfix { clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; }
.KasaOnuFirsatlarContent ul li a.button{border: none!important;}
.KasaOnuFirsatlarContent ul li a { margin-bottom: 10px !important; max-height: none !important; }
.KasaOnuFirsatlarContent ul li a img { max-height: none !important; }
.KasaOnuFirsatlarContent ul li span,.KasaOnuFirsatlarContent ul li p { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.KasaOnuFirsatlarContent ul li span + span,.KasaOnuFirsatlarContent ul li p + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip { position: absolute; z-index: -1; display: none; font-size: 10px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }

.tooltip.in { opacity:1; filter: alpha(opacity=90); z-index: 1030;display:block;}
.tooltip.top { padding: 5px 0; margin-bottom: 7px;bottom: 100%;left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px;left:100%;top:50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px;top: 100%;left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px;right:100%;top:50%; }
.tooltip-inner { min-width: auto; padding:0 8px;line-height:25px; color: #fff; text-align: center; font-size: 10px;background: #000; text-decoration: none; border-radius: 0; white-space: nowrap;font-weight:normal; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #000;}
.tooltip.right .tooltip-arrow {border-right-color: #000;}
.tooltip.left .tooltip-arrow {border-left-color: #000;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #000;}
/* ------------------------------------ ToolTip --------------------------------------------*/
/* -----------------------------------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;}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {float: left;width: 100%;}
.iletisimContent .row{margin: 0;}
.iletisimContent .AdBan{float: left;width: 50%;}
.iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;}
.iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;}
.iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;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;padding: 0 10px;}
.iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span .Center{display: none;}
.iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;}
.iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;}
.iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;}
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;}
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;}
/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;}
.uyeOlContainer .uyeOlRow{margin:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;}
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; -webkit-transition-duration: 0.2s, 0.2s; 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; -webkit-transition-duration: 0.2s, 0.2s; 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 {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 15px;}
.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;}
/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; }
.SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol  .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; width: 400px; position: relative; margin: 0 auto 5px; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------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; }
/*******************************************UYELIK********************************/
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer{float: left;width: 100%;margin-top: 10px;}
.taksitMain{margin: 0 -5px;}
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px;padding: 0 5px;margin-bottom: 10px;}
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img {vertical-align:top;}
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }
.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain{float:left;width: 100%;}
.ProductDetailMainRow{float:left;width: 100%;}
.TopDet { float: left; width: 100%; position: relative;margin:0;}
.leftImage { width: 632px; float: left; position: relative;padding:0;}
.RightDetail { width:calc(100% - 632px); float: left; position: relative;padding: 0 0 0 39px;}
/*Urun Resim*/
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images { float: right; width:500px;padding-bottom:78.8%; position: relative;border:1px solid #ebebeb;border-radius:5px}
.Images img { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;border-radius:5px}
#divVideoGoruntulemeAlan { float: right; width:500px!important;padding-bottom:78.8%; position: relative;}
#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: block !important;float: left;width:132px;max-height:500px;overflow-y:auto;overflow-x:hidden;}
.SmallImages div {float: left;width:92px;margin-bottom:10px;border:1px solid #ebebeb;border-radius:5px;cursor:pointer;}
.SmallImages div img {max-width: 100%;max-height: 100%;border-radius:5px}
.leftImage .productTimer{display: none!important;}
.DetayYeniUrun {display:none!important;}

/* ======= KRITIK PDP LAYOUT OVERRIDE (CLS ONLEME) ======= */
/* Bu kurallar Ticimax float varsayilanlarini HEMEN override eder.
   tema.css'in gec yuklenmesi durumunda bile float->grid gecisini onler. */

/* Tab gecisi: JS tarafindan yonetilir (urun_detay.html).
   Desktop'ta Urun Ozellikleri varsayilan acik gelir.
   Mobilde accordion davranisi tema.js ile saglanir.
   NOT: Eski display:block !important kurali kaldirildi,
   tab gecislerini engelliyordu. */

/* Breadcrumb + linkOncekiSayfa: Ticimax'ta ikisi de display:block → alt alta.
   Flex container yaparak ayni satira zorla - CLS onleme. */
.productDetailContainer .categoryTitle {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  float: none !important;
  width: 100% !important;
  padding: 0 30px !important;
  box-sizing: border-box !important;
}
.productDetailContainer a#linkOncekiSayfa {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  white-space: nowrap !important;
  margin-left: auto !important;
  order: 2 !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-muted, #8a8a8a) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.productDetailContainer a#linkOncekiSayfa:hover {
  color: var(--sdPdp-green, #5d9319) !important;
}

/* Desktop >=992px: 3 kolon grid */
@media (min-width: 992px) {
  .ProductDetail .ProductDetailMain { float: none !important; }
  .ProductDetail .ProductDetailMainRow { float: none !important; }
  .ProductDetail .TopDet {
    float: none !important;
    display: grid !important;
    grid-template-columns: 110px auto minmax(380px, 480px) !important;
    gap: 12px 16px !important;
    align-items: start !important;
  }
  .ProductDetail .leftImage {
    float: none !important;
    width: auto !important;
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 110px 420px !important;
    gap: 12px 16px !important;
  }
  .ProductDetail .RightDetail {
    float: none !important;
    width: auto !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    padding: 24px !important;
  }
  .ProductDetail .Images {
    float: none !important;
    padding-bottom: 0 !important;
    width: auto !important;
    border: none !important;
  }
  .ProductDetail .Images img {
    position: relative !important;
    max-height: none !important;
  }
  .ProductDetail .SmallImages {
    float: none !important;
    width: auto !important;
  }
}

/* Tablet 768-991px: 2 kolon grid */
@media (min-width: 768px) and (max-width: 991.98px) {
  .ProductDetail .ProductDetailMain { float: none !important; }
  .ProductDetail .ProductDetailMainRow { float: none !important; }
  .ProductDetail .TopDet {
    float: none !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
  .ProductDetail .leftImage {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .ProductDetail .RightDetail {
    float: none !important;
    width: 100% !important;
    padding: 20px !important;
  }
  .ProductDetail .Images {
    float: none !important;
    padding-bottom: 0 !important;
    width: 100% !important;
  }
  .ProductDetail .Images img {
    position: relative !important;
    max-height: none !important;
  }
  .ProductDetail .SmallImages {
    float: none !important;
    width: 100% !important;
  }
}

/* Mobil <768px: tek kolon block */
@media (max-width: 767.98px) {
  .ProductDetail .ProductDetailMain { float: none !important; }
  .ProductDetail .ProductDetailMainRow { float: none !important; }
  .ProductDetail .TopDet {
    float: none !important;
    display: block !important;
  }
  .ProductDetail .leftImage {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .ProductDetail .RightDetail {
    float: none !important;
    width: 100% !important;
    padding: 14px 16px !important;
  }
  .ProductDetail .Images {
    float: none !important;
    padding-bottom: 0 !important;
    width: 100% !important;
  }
  .ProductDetail .Images img {
    position: relative !important;
    max-height: none !important;
    width: 100% !important;
  }
  .ProductDetail .SmallImages {
    display: none !important;
  }
}
/* ======= / KRITIK PDP LAYOUT OVERRIDE ======= */

.RightDetail .TopList { float: left; width: 100%; position: relative;}
.RightDetail .MiddleList { float: left; width:100%; position: relative;}
.RightDetail .BottomList { float: left; width:100%; position: relative;}
.ProductName { float:left;width:100%;position: relative;margin:0;}
.ProductName h1 { margin: 0; float: left;width:calc(100% - 25px);}
.ProductName h1 span { float: left; width: 100%; color: #000000; font-size: 18px; font-weight:600;}
#divUrunKodu {float:right;clear:right; color: #000; font-size: 11px; font-weight: 300; line-height: 14px; padding: 0;margin:0;}
#divUrunKodu span{ color: #000; font-size: 11px; font-weight: 300; position: relative; line-height:14px;float: left;text-transform:uppercase;}
#divUrunKodu span:after{content: ':';margin: 0 4px 0 2px;}
#divTaksitAciklama { display:block;float: right;clear:right;margin-top:10px;}
#divTaksitAciklama .taksitSatir {color: #000; font-size: 11px;font-weight: 500;line-height: 14px;float: left;}
.RightDetail .puanVer {float:left;clear: left;margin-top:10px;}
.RightDetail #PuanVer{float: left;}
.RightDetail .PuanVerSag {float: left;font-size: 14px;color:#2a2929;margin-left: 5px;font-weight:600;line-height: 17px;display: none;}
.RightDetail ul.rating { float: left; }
.RightDetail ul.rating li { margin-right: 5px !important; width: 14px !important; float: left;height: 14px;}
.RightDetail ul.rating li i.starItem { font-size: 14px!important; line-height:14px;height: 14px;font-weight: 300;font-family:FontAwesome;}
.RightDetail ul.rating li i.starItem:before { content: '\f005'!important;}
.RightDetail ul.rating li i.starItem:hover { font-size: 14px !important;  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;}
.markaresmi { float: left;position: relative; z-index: 1; display: none!important;}
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%;float: left;}
#divMagazaStok{float:left;clear:left; margin:10px 0 0!important;}
#divMagazaStok a{display: inline-block;vertical-align:top; color: #000000; font-size: 14px; font-weight:normal;line-height: 14px;}
/*on yazi*/
#divOnyazi {float:left;width: 100%;margin-top:5px;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'Poppins', sans-serif !important;}
#divOnyazi strong {font-weight:bold;}
#divOnyazi strong * {font-weight:bold;}
#divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;}
/*fiyatlar*/

.PriceList { float:left;position:relative;width: 100%;padding: 0 0 25px;margin: 18px 0 25px;border-bottom: 1px solid #ebebeb;}
#pnlFiyatlar { float:left;margin-top: 4px;}
#divIndirimliFiyat {display: block;}
#divMarka{ float:left;clear:left;line-height:14px;}
#divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi{ float:left;clear:left;margin-top:10px;line-height:14px;width:100%}
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line,
#divTahminiTeslimatSuresi .left_line{ display: inline-block;vertical-align:top; color: #000000; font-size: 14px; font-weight:600;line-height: 14px;}
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line,
#divTahminiTeslimatSuresi .center_line{ display: inline-block;vertical-align:top; color: #000000; font-size: 14px; font-weight:600;line-height: 14px;}
#divMarka .right_line, #divTedarikci .right_line { display: inline-block;vertical-align:top; width: auto; }
#divMarka .right_line *, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line,
#divTahminiTeslimatSuresi .right_line{display: inline-block;vertical-align:top; color: #000000; font-size: 14px; font-weight:normal;line-height: 14px;}
#divIndirimOrani{float: right;clear:right;width:45px;height: 25px;border-radius:5px;text-align:center;display: block;}
#divIndirimOrani .left_line{display: none;}
#divIndirimOrani .center_line{display: none;}
#divIndirimOrani .indirimliOrani{display: inline-block;vertical-align:top; color: #fff; font-size: 12px; font-weight:500;line-height: 25px;}
#divIndirimOrani .indirimliOrani * {display: inline-block;vertical-align:top; color: #fff; font-size: 12px; font-weight:500;line-height: 25px;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;line-height: 0.8;float: left;margin-top: 4px;margin-right: 10px;}
.PiyasafiyatiContent .left_line { display: none; color: #343434; font-size: 14px; font-weight: normal;line-height: 0.8;}
.PiyasafiyatiContent .center_line { display: none; color: #4d555f; font-size: 14px; font-weight: normal; margin-right: 0; }
.PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through; line-height:0.8;}
.PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;}
/*indirimli fiyati*/
.IndirimliFiyatContent {display: block;line-height: 0.8;float: left;}
.IndirimliFiyatContent .left_line { display: none; color: #343434; font-size: 14px; font-weight: normal;line-height: 0.8;}
.IndirimliFiyatContent .center_line { display: none; color: #000; font-size: 14px; font-weight: normal; margin-right: 0; }
.IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; line-height:0.8;}
.IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block;line-height: 0.8;}
#divTurkLirasiFiyat .left_line { display: none; width: 103px; color: #152e59; font-size: 12px; font-weight: normal; }
#divTurkLirasiFiyat .center_line { display: none; color: #152e59; font-size: 14px; font-weight: normal; margin-right: 0; }
#divTurkLirasiFiyat .right_line { display: inline-block;}
#divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; line-height:0.8;}
/*indirimsiz fiyati*/
#divIndirimsizFiyat {display: block;line-height: 0.8;}
#divIndirimsizFiyat .left_line {  display:none;vertical-align:top; font-size: 14px; font-weight: normal;}
#divIndirimsizFiyat .center_line { display: none; color: #000; font-size: 17px; font-weight: normal; margin-right: 0; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 13px; font-weight: normal; }
#divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;}
#divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;}
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block;line-height: 0.8;float: left;margin-top: 8px;}
#divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight: 300;line-height: 24px;}
#divKDVDahilFiyat .center_line { display: none; color: #000; font-size: 13px; font-weight: normal; margin-right: 0; }
#divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
/*Stok yok*/
body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 18px;color: #000;font-weight: normal;text-align: center;padding: 7% 0;background-color: #f2f5f6;border-radius: 0;}
body #divStokYok:before{content: '\f057';font-family:'FontAwesome';font-weight:300;width: 100%;float: left;font-size: 45px;}
/*kdvler*/
#pnlFiyatlar .spanKdv { margin-left: 5px; display: inline-block; }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left;clear:left;}
#divEkstraBilgiler img { max-width: 100%;display:block;}
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%;display: none;}
.TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:7px 0 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:15px 0!important;margin: 0;border: none;font-size: 14px;line-height:15px;font-weight: 600;color: #010101;}
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;}
.TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;border-radius:5px;overflow:hidden;border:1px solid #ebebeb;}
.TopDet #IlgiliUrunDiv ul li:hover {border-color:#000000;}
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0;box-shadow:none!important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer {display: none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage {padding: 0;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a {padding-bottom: 100%;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {display: none!important;}
.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 .productYeInUcFi{ display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productFaMyEx{ 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: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
/*Adet Select*/
#divAdetCombo {float:left;width:100%;display: block!important;position:relative;margin-bottom: 30px;}
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; width: 90px;max-width: 100%!important;}
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;background:url(images/downbutton.png) no-repeat right center #fff !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/*Adet input*/
.RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;width: 90px;}
.RightDetail .riSingle a.riUp, .riSingle a.riDown { width: 30px !important;height: 40px!important;top:0; line-height:40px;font-weight: normal; position: absolute;margin: 0 !important; cursor: pointer; text-indent: 0;text-align:center;}
.RightDetail .riSingle a.riUp i{line-height: 40px;}
.RightDetail .riSingle a.riDown i{line-height: 40px;}
.RightDetail .riSingle a.riUp {left:auto;right:0;}
.RightDetail .riSingle a.riDown {left:0;}
.UFavorilerimeEkle{float:right;}
.UFavorilerimeEkle .box1{min-width:auto;margin:5px 0 0 0;padding:0;background:none;font-size:0}
.UFavorilerimeEkle .box1 i{font-size:20px;color:#b5b5b5;font-weight:600;line-height:20px;margin:0 !important;}
.Basketinp { display: block;position: relative;margin-bottom: 30px;}
.Basketinp p, #divAdetCombo .left_line{color: #000000;font-size: 14px;font-weight: 600;margin-right: 20px;float: 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; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#txtbxurunSiparisAdedi, #divAdetCombo select { float: left; height: 40px !important;margin: 0;border-radius:0;font-size: 13px;font-weight:500;}
/*sepete Ekle*/
.basketBtn { float: left; position: relative;width:50%;margin:0;}
.basketBtn input {height: 40px; line-height: 40px; 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:5px;text-transform:capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*Hemen Al*/
.buyfast { float: left;width:50%;margin:0;display: none;}
.buyfast input {background:#000; height: 40px; line-height: 40px; color: #fff; font-weight: 500; font-size:15px; width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border:1px solid #000;border-radius:5px;text-transform:capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*kombin Al*/
#divKombinSatinAl {display: none;}
/*Iconlar*/
.ProductIcon {float: left;width: 100%;margin: 30px 0;}
.ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;color: #000000;font-size:0;font-weight:normal;float:left;width: 35px;height: 35px;border: 1px solid #000000;border-radius: 100%;text-align:center;}
.ProductIcon .box1 i {margin:0;display: inline-block;vertical-align:top;font-weight: normal;font-family: 'FontAwesome';font-size: 14px;line-height: 33px;}
.ProductIcon .UGelinceHaberVer .box1 i:before {content: '\f0a1';}
.ProductIcon > div{float: left;margin-right: 10px;position:relative;}
.ProductIcon > div > a {display: inline-block;vertical-align:top;width: 100%;}
.ProductIcon2 {float:left;margin-top:20px;}
.ProductIcon2 .clear{clear: none;}
.ProductIcon2 > div{float:left;}
.ProductIcon2 > div > a{float:left;font-size: 12px;text-transform:uppercase; margin-right: 10px;padding: 0 18px;line-height: 31px;}
.ProductIcon2 > div > a:before{font-family: 'FontAwesome';font-size: 16px;line-height: 31px;margin-right: 7px;vertical-align:top;font-weight: 300;}
.ProductIcon2 > div.YorumYazbtnContent > a:before{content: '\f303';}
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before{content: '\f164';}
.UGelinceHaberVer{float:left;width:50%;}
.UGelinceHaberVer .box1{background:#1452ef;color:#fff;border-radius:5px;min-width:auto;float:left;width:100%;padding:0;margin:0;line-height:40px;text-align:center;font-size:15px;font-weight:500;}
.UGelinceHaberVer .box1 i{display:none}
.productDetailContainer .product_social_icon_wrapper{float:left;width:100%;display:block!important;font-size:0;margin-bottom: 20px;}
.productDetailContainer .product_social_icon_wrapper .PaylasTit{float: left;width:100%;color: #000000;font-size: 14px;font-weight: 600;line-height:20px;margin:25px 0 15px;}
.productDetailContainer .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;}
.productDetailContainer .product_social_icon_wrapper ul li{float: left;margin-right: 10px;}
.productDetailContainer .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
.productDetailContainer .product_social_icon_wrapper ul li a{float: left;color: #fff;background: #000;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;}
.productDetailContainer .product_social_icon_wrapper ul li a i{line-height: 30px;display: inline-block;vertical-align:top;}
.productDetailContainer .product_social_icon_wrapper ul li:nth-child(1) a{background: #3b5999;}
.productDetailContainer .product_social_icon_wrapper ul li:nth-child(2) a{background: #55acee;}
.productDetailContainer .product_social_icon_wrapper ul li:nth-child(3) a{background: #bd081c;}
.productDetailContainer .product_social_icon_wrapper ul li:nth-child(4) a{background: #e15541;}
.productDetailContainer .product_social_icon_wrapper ul li:nth-child(5) a{background: #29d871;}
.UWhatsApp {vertical-align:top; float: left;}
.UWhatsApp a {float: left;width: 30px;height: 30px;border-radius: 100%;text-align: center;line-height: 30px;font-size: 14px;}
.whatsApp i {font-family: 'FontAwesomeBrands';}
.UWhatsApp label {display: none;}
.divYorumYaz, #yorumYaz{float: left;}
.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; color: #000000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px;}
/*urun ozellik Bolumu*/ 
.urunOzellik { float: left; width:100%;padding:40px 0;margin:40px 0;border-top:1px solid #ebebeb;}
.urunTab {float:left;width: 100%;}
.urunTab ul {float: left;}
.urunTab >ul > li {float:left;margin-right: 40px;}
.urunTab >ul > li:last-child{margin-right: 0;}
.urunTab >ul > li > a {cursor:pointer;color: #000000;font-size: 13px;font-weight: 500;line-height: 35px;text-transform:uppercase;border-bottom: 2px solid transparent;float: left;}
.urunTab >ul > li > a span{font-weight:500;}
.urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:30px 0;}
.urunTabAlt {float:left;width:100%;}
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz,.urunTabAlt #yorumYaz{padding: 0 0 10px;width: 100%;}
.urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;}
.urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;}
.yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }
.urunDetayPanel .button { color: #fff; }
.urunTabAlt { font-family: 'Poppins',sans-serif !important;padding:0;}
.urunTabAlt * { font-family: 'Poppins',sans-serif !important;}
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important;}
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }
.orders .order-info i { margin-top: 0 !important; }
#btnYorumKaydet { float: left; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.urunTabAlt ul li { margin-bottom: 10px; clear: both; }
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;}
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
.urunTabAlt ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }
/*------------------------------------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;}
/*******************************************URUN DETAY********************************/
/*******************************************KATEGORI**********************************/
.Block_Title { display: none; }
.noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign {float: left;width: 100%;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img {display:inline-block;vertical-align:middle;}
/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto;display: block!important; padding: 0!important; border-radius: 0;float: none;}
body ul.breadcrumb * { color: #000000; font-size: 12px!important; line-height: 50px!important; float: left; font-weight: normal;}
body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;}
body ul.breadcrumb li:after { content: '>'; display: inline-block; margin: 0 5px; color: #000000; font-size: 12px ; line-height: 50px; float: left; font-weight:normal;}
body ul.breadcrumb li:nth-child(1) a:before {content: '\f3c5'; font-family: 'FontAwesome';float: left;font-size: 13px;line-height: 50px;margin-right: 10px;font-weight: 400;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body a#linkOncekiSayfa {line-height: 50px ; display: block ; color: #000000 ; font-size: 12px!important; font-weight: normal;}
.categoryTitle { float: left; width: 100%;}
.categoryTitleText {float: left;width: 100%;}
.categoryContainer .categoryTitleText{margin:10px 0;}
body #divSayfalamaUst { float: right; margin:0 0 30px;padding:0 0 30px;text-align: center;border-bottom: 1px solid #ebebeb;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {float: left;margin:0;width: 100%;}
.brandlistselection .clear { clear: none;display: none; }
body #divSayfalamaUst .blockSelect {float: right;margin:10px 0 0 5px;display: block!important;padding:0;}
body #divSayfalamaUst .blockSelect a{float: left;width: auto; height: auto;margin:0 0 0 15px;padding: 0;text-align:center;border:none;background:transparent;}
body #divSayfalamaUst .blockSelect i{color: #d2d2d2;line-height: 20px;font-size: 10px;font-family: 'FontAwesome';font-weight:600;}
body #divSayfalamaUst .blockSelect a:hover i{color: #000000;font-weight: 600;}
body #divSayfalamaUst .blockSelect .sort_hrz{display: none;}
body #divSayfalamaUst .blockSelect .sort_2{display: none;}
body #divSayfalamaUst .blockSelect .sort_5{display: none;}
body #divSayfalamaUst .blockSelect a.Active i{color: #000000;font-weight: 600;}
body #divSayfalamaUst .blockSelect .sort_3 i:before{content: '\f0c8  \f0c8  \f0c8';}
body #divSayfalamaUst .blockSelect .sort_4 i:before{content: '\f0c8  \f0c8  \f0c8  \f0c8';}
body #divSayfalamaUst .blockSelect .sort_4{border-left: 1px solid #e1e1e1;padding-left: 15px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {float:left;width: 100%;z-index:999;background-color:transparent;border:none; border-radius:0;margin:0;padding:0;display:-webkit-flex;display:flex;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {float:left;font-weight: normal;border-radius:0; padding:0; border:none;margin: 0 5px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):nth-child(1) {margin-left: 0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):last-child {margin-right: 0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color:transparent; color: #000000; font-size: 12px; border-radius:0;padding:0 8px;border: 1px solid #e1e1e1;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: 500; line-height: 45px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {color: #fff;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left ; font-size:12px; color: #000000; font-weight:normal; line-height: 45px; padding:0;margin:0;display: none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent ; height: auto ; padding: 0 ; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent {background:transparent;float:left;width: 100%;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {float: left;height: 45px;color: #000000;font-size: 12px;font-weight:500;border:1px solid #e1e1e1;min-width: 160px;background: transparent;border-radius:5px;padding:0;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{height:auto; padding: 0;border-radius:0;background:transparent;float: left;margin-right: 20px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{float: right;}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {margin: 0;}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span{color: #040404;font-size:12px;line-height:45px;font-weight:500;float: left;margin:0;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock{padding:0;background:transparent;color: #040404;font-size: 12px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span{line-height:45px;font-weight:500;display:inline-block;vertical-align:top;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before{content: '';width: 14px;height: 14px;border:1px solid #e1e1e1;border-radius: 0;float: left;margin:15px 10px 0 0;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before{background: #000;border-color: #000;}
body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;}
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;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 2px;font-weight:normal;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;}
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%;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a{width: 100%; background: 0 0; line-height: 1; margin: 0; padding: 0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a .filter-content span {line-height: 30px; font-weight: 400; font-size: 12px; text-align: center; margin: 0; width: 100%;}
/*Filtre secili*/
@media screen and (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    /*ust Filitre*/
    body #divSayfalamaUst .filterBlock{float:left;border:none;border-radius: 0;width: auto;margin-bottom: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters{padding: 0;margin: 0;background:transparent;position: static;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel{margin: 0 10px 0 0;padding:0;width: auto;position: relative;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;border: none;margin: 0;min-width: 160px;border-right: none;background-color: transparent!important;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a{line-height: 45px;text-align:left;color: #000000;font-size: 12px;padding: 0 10px;border: 1px solid #e1e1e1;font-weight: 500;border-radius:5px}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after{content: '\f107';line-height: 45px;vertical-align:top;margin-left: 5px; position: static; color: #000000;font-size: 18px;font-family: 'FontAwesome';font-weight: 300;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content: '\f106'; color: #000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown{top: 100%;width: 320px;padding: 20px 20px 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li{float: left;text-align:left;margin: 0 0 20px;width: 50%;padding: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul{display: block;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li{width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a{float: left; line-height: 10px;font-size: 12px;color: #000000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover{text-decoration:underline;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before {margin-right: 10px; width: 12px ; height: 12px ; border:1px solid #cccccc!important; border-radius:0; background: #fff; display: inline-block!important; margin-top:0; text-align: center; line-height:10px;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color:#cccccc!important; background:#fff; content: '\f00c'; font-family: 'FontAwesome'; color: #f04873; font-size:8px;font-weight: normal;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color:#cccccc!important; background:#fff; content: '\f00c'; font-family: 'FontAwesome'; color: #f04873; font-size: 8px;font-weight: normal;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a{color: #000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li{width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) {width: 100%;margin-bottom: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) a{float: left; width: 100%;margin-bottom: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) ul{float: left; width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) li{float: left; width: 100%;margin-bottom: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range{background:#dfdfdf;height: 2px;width: 100%;margin:11px 0 0 ;border: none;float: left;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range{background: #262626 ;height: 2px;margin-top: 0 ;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle{background: #fff ;border-radius: 100% ;width: 18px;height: 18px;border: none;margin-top:0 ;margin-right: -4px ;top: -8px;box-shadow:0 2px 1px 0 #b5b5b5;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount{color: #262626;font-size: 14px;font-weight: 600;left: 0;padding: 5px 0 0;float: left;width: 100%;text-align: center    ;margin-bottom: 0;}
    /*ust Filitre*/
}
/*Sol Filtre*/
.leftBlock .category-vertical-filters { float: left; width: 100%;border:none; border-radius:0;overflow: hidden; margin:0 0 20px; text-align: center; padding:0;background:transparent;}
.leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0 ; width: 100% ; text-align: left; border: none;margin:0; background-color: transparent!important;}
.leftBlock .panel-heading a{display: block;line-height:45px;font-size: 14px;color: #000000;font-weight: bold;padding: 0;}
.leftBlock .panel-heading a:after{content: '\f068';font-family: 'FontAwesome';float: right;font-weight: normal;}
.leftBlock .panel-heading.active a:after{content: '\f067';}
.leftBlock .category-vertical-filters > div { width: 100%; padding:0; margin:0;float: left;border-bottom: 1px solid #ebebeb;}
.leftBlock .category-vertical-filters > div:last-child{margin-bottom: 0;}
.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) {margin-bottom: 0;width: 100%;}
.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) a{margin-bottom: 10px;}
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item) > a{font-size: 13px;margin-bottom: 15px;}
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:nth-child(1):not(.list-group-item) > a{font-weight: 600;}
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item){margin-bottom: 5px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search{float: left;width: 100%;margin-bottom:15px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search input{border: 1px solid #ebebeb;height: 25px;padding: 0 5px;font-size: 12px;color: #000;border-radius:5px}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding:5px 0; margin:0 0 20px;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 20px; 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 a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {float: left; font-size: 12px; color: #000000;line-height:12px;font-weight:normal;width: calc(100% - 22px);white-space: normal;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a {text-decoration:underline;}
.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-item.list-group-item-image {background-size: 12px 12px!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 a {padding-left: 24px;width: auto;}
.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: 12px ; height: 12px ; border:1px solid #cccccc!important; border-radius:0; background: #fff; display: inline-block!important; margin-top:0; text-align: center; line-height:10px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color:#cccccc!important; background:#fff; content: '\f00c'; font-family: 'FontAwesome'; color: #f04873; font-size: 8px;font-weight: 600;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color:#cccccc!important; background:#fff; content: '\f00c'; font-family: 'FontAwesome'; color: #f04873; font-size:8px;font-weight: 600;}
body .leftBlock .slider-range {float: left;width: 100%;border: none;border-radius: 0;padding: 0;margin: 20px 0;height: 2px;background: #dddddd;}
body .leftBlock .slider-range .ui-slider-range {height: 2px;background:#000;border-radius: 0;top:0;margin: 0;}
body .leftBlock .slider-range .ui-slider-handle {width: 10px;height: 10px;border-radius: 2px;background: #000;border: none;margin: 0;top: -4px;}
body .leftBlock .slider-range span:nth-child(2){margin-left: 0;}
body .leftBlock .slider-range span:nth-child(3){margin-left: -10px;}
body .leftBlock .amount {float: left;width: 100%;color: #000;font-size: 14px;text-align:center;margin-bottom: 20px;}
body .leftBlock .FiyatTextBox{float: left;width: 100%;margin-bottom: 20px;}
body .leftBlock .FiyatTextBox input{border: 1px solid #d7d7d7;height: 25px;padding: 0 5px;font-size: 12px;color: #000;}
/*Sol Filtre*/
/*Fiyat Araligi*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin:0;}
.pageNumber { float: right; text-align: right; margin:0;display: none;}
.pageNumberBottom { float: right; text-align:right;margin:50px 0;padding:0;width: 100%;display:block;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {border:1px solid #e5e5e5;background:#fff; color: #000000;float:left; position: relative;display: block;min-width:50px;height:30px;line-height:28px;text-align:center;font-size:13px;border-radius:5px;font-weight:normal;margin: 0 5px;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #fff;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent { float: left; width: 100%; margin:30px 0; position: relative;}
.homeContainer .ProductListContent .ProductList {display:block;margin: 0 auto;}
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px;width: 25%;max-width: 25%;}
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%;}
.categoryContainer .ProductList { margin: 0 -10px }
.categoryContainer .ProductListContent .productItem { margin-bottom: 20px;}
.ItemOrj { float: left;padding: 0 10px;}
.categoryContainer .ProductList:not(.PlSc_hrz,.PlSc_2,.PlSc_3,.PlSc_4,.PlSc_5) .ItemOrj {-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%;width: 100%;}
.productItem { width: 100%; position: relative; text-align: center;float: left;font-size:0;border:1px solid #ebebeb;border-radius:5px}
.productItem:hover{box-shadow:0 0 18px -5px rgba(0, 0, 0, 0.1), 0 0 10px -5px rgba(0, 0, 0, 0.04);border-color:#fff;}
.productItem .productIcon {width:100%;height: 100%;}
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;}
.productItem .productImage a { display: block; position: relative; padding-bottom: 100%;}
.productItem .productImage .Videolu{ display: block; position: relative; padding-bottom: 100%;}
.productItem .productImage img { max-width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius:5px 5px 0 0}
.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;}
.productItem .productDetail { position: relative; display: block; float: left; width: 100%; text-align: left;height:112px;padding:15px 20px;}
.productItem .productName { position: relative;margin:0;float:left;width: 100%;}
.productItem .productName a { float: left; width: 100%; padding: 0; line-height:20px;height:20px; font-weight:600; font-size: 14px; color: #000000;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.productItem .productPrice { position: relative; margin:13px 0 0; bottom: 0;float:left;}
.productItem .discountPrice {display: block;float: right;}
.productItem .discountPrice span {font-size: 18px; line-height:0.8;font-weight:600;color: #000000;}
.productItem .discountKdv, .productItem .regularKdv  {display:none;}
.productItem .regularPrice { display:block !important;float: left;margin-right: 10px;margin-top: 2px;}
.productItem .regularPrice span {font-size: 13px;color: #7d7d7d; line-height: 0.8; font-weight:normal; text-decoration: line-through;}
.productItem .productMarka { display: none !important;}
.productItem .productOnYazi, .productItem .productOnYazi * { background: none !important; font-family: 'Poppins', sans-serif !important; color: #000000; font-size: 13px; line-height: 20px;font-weight:300}
.productItem .productOnYazi{display:block;float:left;margin:3px 0;width:100%;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*Urun Iconlari*/
.urunListStokUyari, .discountIcon div, .discountIcon .discountIcon_s2, .examineIcon{ z-index: 3; display: none;}
.newIcon{display:block;float:left;width:45px;height:25px;line-height:25px;border-radius:5px;background:#1452ef;margin-bottom:5px;color:#fff;font-size:12px;font-weight:500;}
.discountIcon{display:block;float:left;width:45px;height:25px;line-height:25px;border-radius:5px;margin-bottom:5px;color:#fff;font-size:12px;font-weight:500;}
.firsatIcon{display:block !important;float:left;width:95px;height:25px;line-height:25px;border-radius:5px;background:#f7941d;color:#fff;font-size:12px;font-weight:500;}
.cargoIcon{position:absolute;right:10px;top:10px;width:45px;height:25px;background:#eeeeee;border-radius:5px}
.cargoIcon:before{content:'\f0d1';font-family:FontAwesome;float:left;width:100%;text-align:center;line-height:25px;font-size:14px;color:#000000;font-weight:400;}
.mycartIcon, .favori{display:block;float:left;}
.productFaMyEx{float:right;margin-top:13px;}
.productYeInUcFi{position:absolute;left:10px;top:10px;display:flex;flex-direction:column}
.discountIcon span,.mycartIcon a span{font-weight: 600;}
.favori a, .examineIcon a, .mycartIcon a {display: block;font-size: 0;}
.examineIcon a:before, .favori a:before,.mycartIcon a:before {font-family:'FontAwesome';display:inline-block;vertical-align:top;}
.favori a:before {content: '\f004';font-size:18px;font-weight:300;color:#959595;margin-right:9px;}
.mycartIcon a:before {content:'\f07a';font-size:18px;font-weight:300;color:#959595;margin-left:9px;}
.TukendiIco { z-index: 5;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 112px);overflow:hidden;}
.TukendiIco span {line-height: 40px;background:rgba(0,0,0,0.6);position: absolute;left: 0;bottom:23px;right: 0;max-width: 200px; border:none;color: #fff;font-size: 14px;font-weight:500;padding: 0;border-radius:5px;text-transform:uppercase;margin: 0 auto;}
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none; }
.StokYok .productFaMyEx, .StokYok .productYeInUcFi{display: none!important;}
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 90px);overflow:hidden;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;color: #fff;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items: center;-webkit-justify-content:center;justify-content: center;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top: -20px;text-shadow:0 0 4px #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';}
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;}
/****************************************urun LiSTELEME *********************************/
/****************************************SLiDER VE BLOK SLDieR*********************************/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0 85px 0 0!important;margin:0 0 10px!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:left;position: relative;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{display: inline-block;vertical-align:top;padding:0!important;background: #fff; line-height: 45px;color: #000000;font-size:24px;font-weight:500;position: relative;z-index: 1;}

#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:20px;top:40%;left:20px;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {font-size: 0;position: absolute;border:none;width:35px !important;height:65px !important;display: inline-block;cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;border-radius:5px !important;box-shadow:0 0 3px 1px #f3f3f3;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext,.owl-carousel .owl-nav .ProductListnext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.owl-carousel .owl-nav .ProductListprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {font-family: 'FontAwesome';font-size:25px !important;line-height:65px !important;font-weight: normal;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before { content: '\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before { content: '\f105';}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;}
.instashop-context{text-align:center;}
.instashop-context .AllImages{display: inline-block;vertical-align: top;background: #000;color: #fff;padding: 10px;margin-top: 15px;}

.sliderBannerContainer { float: left; width: 100%; position: relative;margin:0;}
.sliderBannerContainer .Block_Link{display:inline-block !important;position:absolute;right:0;top:10px;}
.sliderBannerContainer .Block_Link a{font-size:12px;font-weight:400;color:#000000;text-decoration:underline;}
.sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;}
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite {float: left;width: 100%;}
.detaySliderContainer {  float: left; width: 100%; position: relative;padding-bottom: 40px;margin: 40px 0;}
.detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite {float: left;width: 100%;}
/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 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: 28px;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;}
#pnlSlider .flex-direction-nav { position: absolute;top: 45%;left:20px;right: 20px;}
#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 {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-family:'FontAwesome'; font-size: 45px;font-weight:300;line-height: 45px;}
#pnlSlider .flex-direction-nav .flex-prev:before {content: '\f053';}
#pnlSlider .flex-direction-nav .flex-next:before {content: '\f054';}
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; float: left; width: 100%; background: #fff; margin: 0;}
#pnlSlider .HPSItems .flex-control-thumbs li { width: 110px; position: relative; height: 62px; }
.HomePageSlideShowContainer {float: left;width: 100%;position:relative;}
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0;width: 100%;}
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
.HomePageSlideShowContainer .flex-control-nav img { border: none; margin: auto; padding: 0; max-width: 75px; width: auto; opacity: 0.4; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.HomePageSlideShowContainer .flex-control-nav .flex-active { opacity: 1; }
/* ------------------------------------Anasayfa Slider--------------------------------------------*/
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider .jCarouselLite {display: block;margin: 0 auto!important;}
/*.markaSlider { float: left; width: 100%;}
.markaSlider .owl-carousel {float: left;width: 100%;}

.markaSlider:before { content: ''; display: table; clear: both; }
.markaSlider ul li { float: left; width: 100%; display: inline-table;}
.markaSlider ul li a { display: table-cell; overflow: hidden; max-width: 100%; vertical-align: middle; padding-bottom: 27%;background: transparent;border-radius: 0;overflow:hidden;}
.markaSlider ul li a img { max-width: 100%;max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-filter: grayscale(0); filter: grayscale(0); }
.markaSlider ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }*/
/*------------------------------------markalar slider--------------------------------------------*/
/*------------------------- Header content ------------------------*/
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.18); z-index: 10; clear: none; display: block !important;}

#header:before { content: '';display:table;}
#header:after { content: ''; display: table;}
#header {width: 100%;position: relative;float: left;z-index:1000;}
.headerContent{text-align:center;max-width: 100%;}
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*------------------------- Header content ------------------------*/
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
#logo {float:left;}
#logo .logo {height:80px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items: center;-webkit-justify-content:center;justify-content: center;}
#logo .logo img { display: block; max-width: 100%; max-height: 60px;}
#instaStories{float: right;width: auto;margin-right: 20px;margin-top: 15px;}
#instaStories.stories.carousel .story{display: inline-block; width: 46px; max-width: 90px; margin: 0; vertical-align: top;}
#instaStories.stories.carousel .story>.item-link>.item-preview{border-radius: 100%; font-size: 0; max-height: 90px; height: 45px; overflow: hidden; transition: transform .2s; display: block; padding: 2px; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
#instaStories.stories.carousel .story > .item-link > .item-preview img{display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 100%;}
#instaStories.stories.carousel .story > .item-link > .info{display: none;}
@media(max-width:767px) {
    body #header .stories.carousel{margin: 0;position: absolute;right: 87px;top: 13px;}
    body #header .stories.carousel .story { width: 30px; max-width: 30px; }
    body #header .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px;}
}
.mycart{float:right;z-index:99;position: relative;margin-top:22px;}
.mycart:before {content:'\f07a';font-family:'FontAwesome';font-weight:300;font-size:28px;line-height:36px;float:left;margin-right:22px;}
.mycart > a {display:block;color: #000000;font-size: 12px;float:left;text-align:left;}
.mycart .sepetTecxt {display:block;font-size:14px;font-weight:700;color:#000000;line-height:18px}
.mycart .sepetUrunSayisi {display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;color:#fff;font-size:11px;font-weight:500;position:absolute;left:25px;top:0;}
.mycart .sepetUrun { display:none;font-size:12px;font-weight:500;color:#000000;}
.sepetTopTutar { display:block!important;font-size:12px;font-weight:500;color:#000000;line-height:18px}
.CartProduct {display: block!important; width: 310px; background: #fff; border: 1px solid #e5e5e5; padding: 5px; z-index: 99999; position: absolute; top: 120%; right: -1px; margin-left: -150px; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.CartProduct:before {position: absolute;width: 15%; right: 0; top: -18px; height: 20px; content: ''; }
.CartProduct:after {content: ''; position: absolute; top: -10px; right: 0; height: 0; width: 0; border-bottom: 10px solid #e5e5e5; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent;}
.CartProduct .SPrice { float: left; height: 30px; background: transparent; width: 100%; text-align:right; margin:15px 0 10px; display: none;}
.CartProduct.more .SPrice {display: block;}
.CartProduct .SPrice * { color: #000; font-size: 14px; line-height: 30px; font-weight: bold; }
.CartProduct .SPrice .sepetToplamTutar { color: #000; margin-left: 5px; }
.CartProduct .SProduct {max-height: 300px;width: 100%; overflow-x: hidden; overflow-y: auto; text-align: center; font-weight: 300; font-size: 12px; color: #000000;padding:0;}
.CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; }
.CartProduct .SProduct li:after { clear: both; display: table; content: ""; }
.CartProduct .SProduct li a { display: block; width: 100%; }
.CartProduct .SProduct li a .SepettopAd span:last-child{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 50px;}
.CartProduct .SProduct li a .SepettopAd span:first-child{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100px;}
.CartProduct .SProduct li a .sepetTopFiyat {white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 65px;}
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; width: auto !important; }
.CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 12px; line-height: 14.4px; padding: 0 2px; text-align: left;}
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none!important;}
.CartProduct .SProduct li a .fa-times {font-family: 'FontAwesome';}
.CartProduct .SProduct li a .fa-times:before {content: '\f056';}
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; }
.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }
.CartProduct .button{margin: 5px 5px 0!important; float: left; width:calc(50% - 10px); font-size: 13px !important;line-height: 22px;border-radius: 5px; }
.CartProduct .headerCartBtn {line-height: 20px;border: 1px solid #ddd;background: transparent;color: #000;}
.CartProduct .headerCartBtn:hover {color: #fff;}
.more .headerCartBtn{display: block!important;}
.more .headerOrderBtn{display: block!important;}
.CartProduct .divustSepetteUrunYok{margin: 15px 0;}
@media(min-width: 768px){.mycart:hover .CartProduct {visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}}
.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }
.welcome {float:right;z-index:99;position:relative;margin-left:19px;border-left:1px solid #acacac;padding-left:19px;}
.welcome > div {float:left;}
.welcome > ul {float:left;}
.uyeGirisWelcome,.uyeGirisUyeAdi{display:none;}
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {float:left;color:#636363;font-size:12px;font-weight:400;line-height:14px;}
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before{font-family:'FontAwesome';line-height:14px;font-size:14px;font-weight:300;float:left;margin-right:9px;}
.headerUyeGiris a:before{content: '\f007';}
.headerHesabim:before{content: '\f007';}
.headerUyeOl a:before{content:'/';font-weight:400;margin:0 2px;}
.headerCikis:before{content:'/';font-weight:400;margin:0 2px;}
.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; }
.searchContent {float:left;z-index:2;transition:top .3s ease-in-out;width:56.5%;margin:20px 0 0 12.4%;position: relative;}
.searchContent.active {top: 100%;}
.searchContent.zindex {z-index: 1;}
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select {cursor: pointer; background: #f5f5f5;display: block; height: 36px;border: none;border-right: 1px solid #dcdcdc; width: 135px; padding:0 0 0 15px; border-radius:0;text-transform: uppercase; color: #807e7e; font-size: 12px;font-weight: 300; }
#divAramaKategori option {text-transform: capitalize;}
.search {display: block;margin: 0 auto;}
.ButtonMic {display: none !important;position: absolute;right: 75px;top: 1px;padding: 0;border: none;border-radius: 0;background: transparent;color: #795f52;font-size: 14px;width: 20px;height: 40px;}
#txtbxArama { float: left; width: 100%; height: 40px; border-radius:5px;color: #a0a0a0;background: transparent;border:1px solid #dcdcdc; padding-left: 15px; padding-right: 70px;  font-size: 12px; font-weight: 600; letter-spacing: 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#txtbxArama::-webkit-input-placeholder {color:#a0a0a0; }
#txtbxArama:-moz-placeholder {color:#a0a0a0; }
#txtbxArama::-moz-placeholder {color:#a0a0a0; }
#txtbxArama:-ms-input-placeholder {color:#a0a0a0; }
#txtbxArama:focus { color: #a0a0a0; }
#btnKelimeAra {width:60px; line-height: 22px; font-size: 18px;color: #000000;background: transparent; font-weight: 300; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 9px; border: none;border-left:1px solid #dcdcdc;border-radius:0; padding: 0; cursor: pointer; z-index: 9; -webkit-appearance: none; -moz-appearance: none; appearance: none;font-family: 'FontAwesome'!important}
.searchContent ul{padding: 15px!important;text-align: left;max-height: 400px;overflow-y:auto;overflow-x:hidden;}
.searchContent ul li {float:left;width: 100%;}
.searchContent ul li a{line-height: 30px;font-size:13px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;float: left;}
.headerContent .navigation {display: none;}
.navigation {float: left;width: 100%;display: block;}
.navigation > div { z-index: 1;text-align:center;padding: 0!important;max-width: 100%;}
.navigation .navUl {display: inline-block;font-size: 0;padding:0;text-align:center;}
.navigation .navUl > li {display:inline-block;vertical-align:middle;padding:0 20px;}
.navigation .navUl > li > a{float:left;color:#fff;font-size:13px;font-weight:500;line-height:40px;padding:10px 0;position:relative;}
.navigation .navUl > li:hover > a:after{content:'';position:absolute;left:0;right:0;bottom:12px;height:2px;background:#fff;}
.navigation .navUl > li.ulVar:after {content: '';position:absolute;left: 0;right: 0;top:calc(100% - 20px);height: 20px;display: none;}
.navigation .navUl > li.ulVar:hover:after {display: block;}
.navigation .navUl > li > .Flexscroll {overflow-y:auto;overflow-x: hidden;max-height: 475px;  position: absolute;top: 100%;left: 0;right: 0;background: #fff;display: none;text-align:left;padding:31px;border-top: 1px solid #e5e5e5;}
.navigation .navUl > li:hover > .Flexscroll {display: block;}
.navigation .navUl > li .Flexscroll > ul {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.navigation .navUl > li .Flexscroll > ul li a{color: #000000;font-weight: normal;font-size: 13px;}
.navigation .navUl > li .Flexscroll > ul > li{margin-bottom: 10px;page-break-inside: avoid; break-inside: avoid;}
.navigation .navUl > li .Flexscroll > ul > li > a{font-size: 14px;font-weight: 600;display:table-cell;}
.navigation .navUl > li .Flexscroll > ul > li > ul{float: left;width:calc(100% - 20px);overflow-y:auto;overflow-x: hidden;max-height: 180px;}
.navigation .navUl > li .Flexscroll > ul ul ul{padding-left:5px;}
.navigation .navUl > li .Flexscroll > ul ul ul ul{padding-left:5px;}
/* ------------------------------------Resimli Yan Menu--------------------------------------------*/
#header .yanResimliMenu {display: none;}
/*------------------------------------Resimli Yan Menu--------------------------------------------*/
#lang_flag_container { top:auto !important; left:auto!important;z-index: 9999 !important; position: relative !important;float:right;border-left:1px solid #acacac;margin-left:19px;padding-left:19px;}
#lang_flag_container #lang-detail { left:auto !important;right:0; top: 100% !important; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;}
#lang { color: #636363 !important; font-size: 12px !important;font-weight:400;padding-left:30px !important;}
#lang span { font-weight: 400; }
#lang span:after { content: '\f107'; font-family: 'FontAwesome'; margin-left:5px;font-size:10px;}
#lang_flag_container:hover #lang { color: #636363 !important; font-weight: 400;}
#langHover { padding:0 !important;}
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a{font-size:11px!important;}
#lang-detail .currency a{font-size:11px!important;}
#lang-detail p{font-size:12px!important;}
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa{color: #fff;}
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Poppins', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.welcomeOpen { display: none; }
.mycartClick { display: none; }
.searchClick { 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%;}
/*Siteye ozel alan*/
/*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, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar{width: 4px;border-radius:5px}
#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, .navigation .navUl > li > .Flexscroll > ul > li >ul::-webkit-scrollbar-track, .navigation .navUl > li > ul > li > ul >li> ul::-webkit-scrollbar-track,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-track { background: #fff;border-radius:5px}
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb, .navigation .navUl > li > .Flexscroll > ul > li >ul::-webkit-scrollbar-thumb,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-thumb{ background: #000;border-radius:5px}
/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
body {background: #fff;}
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid var(--theme-color);}
.pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa{border-color:#e5e5e5;}
.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;}
body .adresGir .kirmiziButon{background: #ca2128!important;border-color: #ca2128!important;}
body .adresGir .yesilButon{background: #59962d!important;border-color: #59962d!important;}
.owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext{background: #fff;}
.owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before {color: #000000;}
.owl-carousel .owl-nav .ProductListprev:hover:before {color: #fff;}
.owl-carousel .owl-nav .ProductListnext:hover:before {color: #fff;}
#pnlSlider .flex-control-paging li a {background:#fff;}
#pnlSlider .flex-direction-nav .flex-prev, 
#pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;}
.newsbutton.button{background:#fff !important;}
.productItem .regularPrice span{color: #7d7d7d; -moz-text-decoration-color: #7d7d7d; text-decoration-color: #7d7d7d; }
.PiyasafiyatiContent .right_line *{color: #7d7d7d; font-size: 14px;}
#divIndirimsizFiyat .left_line {line-height: 20px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *{font-size: 20px; font-weight: 600;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{border: 1px solid #d7d7d7;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {color: #fff;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff;}
.RightDetail .riSingle a.riUp,.RightDetail .riSingle a.riDown {font-size: 10px; color: #000000; background:transparent;}
#txtbxurunSiparisAdedi, #divAdetCombo select{background: #fff;color: #000000;border:1px solid #ebebeb;border-radius:5px}
.buyfast input:hover {background: #fff;color: #000;border-color: #000;}
.ProductIcon2 > div > a{background: #ebebeb;color: #000000;}
.ProductIcon2 > div > a:hover{color: #fff;}
.ProductIcon > div:hover .box1{color: #fff;}

/*Red Background*/
.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, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .ProductIcon2 > div > a:hover, body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , #pnlSlider .flex-control-paging li a.flex-active, .mycart .sepetUrunSayisi, .favi span, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .discountIcon, #divIndirimOrani, .menuUstBolum,.SepetUst, body .category-vertical-filters.top-filters .FiltreUst, .urunOzellik .mobilTab >ul >li.active > a, .favNum, .mycart .sepetUrunSayisi, .navigation, #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a:after, #mainHolder_divDesign .ticimaxTabHead li:hover a:after{ background: var(--theme-color);}
/*Red Color*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover, .socialStore .socialDiv ul li a:hover, .socialStore .store ul li a:hover, .mobilMenu .navUl > li > a:hover, .mobilMenu .navUl > li > ul li a:hover, .mobilMenu .navUl > li .ResimsizDown:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .menuUstBolum .CloseBtnMenu:hover, .menuUstBolum .mobilMenuBT:hover, .mobilMenuAcButton:hover, .favi:hover, .mycart:hover > a, .headerSocialConnect .baglanButton a:hover, .welcome a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover, .arabtn:hover, .CartProduct .SProduct li a:nth-child(2):hover *, .RightDetail .riSingle a.riUp:hover, .RightDetail .riSingle a.riDown:hover, .UFavorilerimeEkle .box1 i:hover,.navigation .navUl > li .Flexscroll > ul > li:hover > a, .navigation .navUl > li ul li a:hover, .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line, .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, #pnlSlider .flex-direction-nav .flex-next:hover:before, #pnlSlider .flex-direction-nav .flex-prev:hover:before, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, .newsbutton, body ul.breadcrumb li:nth-last-of-type(1) *, .UFavorilerimeEkle #aFavroriCikarBtn .box1, .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, .urunTab > ul > li.active > a, .UFavorilerimeEkle a#aFavroriCikarBtn .box1 i, body ul.breadcrumb li:nth-last-of-type(1) *, .favori:hover a:before, .mycartIcon:hover a:before, .categorylist ul li a:hover strong{color: var(--theme-color);}
/*Red Border Color*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.CartProduct .headerCartBtn:hover, .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .OdemeMenu ul li.activeMenu, .urunTab >ul > li.active > a, .Basketstep ul li:before{border-color: var(--theme-color);}
/*Red Color Important*/
#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a, #mainHolder_divDesign .ticimaxTabHead li:hover a{color:var(--theme-color) !important;}
/*Red Background Important*/
.owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .ProductListnext:hover {background: var(--theme-color) !important;}
/*Black Border Color*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover, .ProductIcon > div:hover .box1, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected{border-color:#000;}
/*Black Background Color*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover, .ProductIcon > div:hover .box1, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, .basketBtn input:hover, .buyfast input, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected{ background: #000;}


.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--------------------------------------------*/
/*siteye özel içerik*/
#header{background: #fff;transition:left .3s ease-in-out;}
#logo .htop {display: none;}
.htop{float:left;width:100%;background:#eaeaea;display: block;}
.htop .htop-left{float:left;line-height:40px;font-size:11px;font-weight:700;color:#1452ef;}
.htop .htop-left i{float:left;line-height:40px;font-size:14px;font-weight:400;margin-right:9px;}
.htop .htop-right{float:right;padding-top:13px;}
.htop .htop-right > a{float:left;font-size:12px;line-height:14px;font-weight:400;color:#636363;}
.htop .htop-right > a i{float:left;font-size:14px;line-height:14px;font-weight:300;margin-right:9px;}
.topbannerlist{float:left;width:100%;}
.topbannerlist li{float:left;width:33.33%;}
.topbannerlist ul li:nth-child(1){padding-right:13.5px;}
.topbannerlist ul li:nth-child(2){padding:0 6.75px;}
.topbannerlist ul li:nth-child(3){padding-left:13.5px;}
.topbannerlist ul li a{float:left;width:100%;display:flex;position:relative;align-items:center;border-radius:5px}
.topbannerlist ul li a:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;background:rgba(0,0,0,0.8);}
.topbannerlist ul li a:hover:after{background:rgba(0,0,0,0.5);}
.topbannerlist ul li a img{float:left;width:100%;}
.topbannerlist ul li a strong{position:absolute;left:0;right:0;text-align:center;color:#fff;font-size:30px;font-weight:600;line-height:44px;z-index:9}
.topbannerlist ul li a strong b{font-size:40px;font-weight:600;}
.categorylist{float:left;width:100%;}
.categorylist ul li{background:#eaeaea;border-radius:5px;padding:10px;float:left;width:100%}
.categorylist ul li a{float:left;width:100%;display:flex;align-items:center;}
.categorylist ul li a strong{float:right;width:50%;font-size:16px;font-weight:500;color:#000000;padding-left:20px;line-height:25px}
.categorylist ul li a img{float:left;max-width:50%;}
.categorylist .Block_Link{display:inline-block !important;position:absolute;right:0;top:10px;}
.categorylist .Block_Link a{font-size:12px;font-weight:400;color:#000000;text-decoration:underline;}
#mainHolder_divDesign .categorylist .owl-loaded .owl-nav{top:30% !important;}
.bedenT{position:absolute;right:0;top:10px;}
.bedenT .bedenTablosu{float:left;font-size:12px;font-weight:300;color:#1a1a1a;}
.categorypagetext{float:left;width:100%}
.categorypagetext .categorypagetext-content{float:left;width:100%;max-height:170px;overflow:auto;padding-right:6px;}
.categorypagetext .categorypagetext-content::-webkit-scrollbar{width:4px;border-radius:8px}
.categorypagetext .categorypagetext-content::-webkit-scrollbar-track{background:#fff;border-radius:8px}
.categorypagetext .categorypagetext-content::-webkit-scrollbar-thumb{background:#000000;border-radius:8px}
.categorypagetext .categorypagetext-content h2{float:left;width:100%;font-size:24px;font-weight:600 !important;color:#000000;margin-bottom:10px}
.categorypagetext .categorypagetext-content p{float:left;width:100%;font-size:12px;font-weight:300;color:#000000;line-height:24px}
.categorypagetitle{float:left;width:100%;padding:50px 60px;background-position:center top;background-repeat:no-repeat;background-size:cover;border-radius:5px}
.categorypagetitle h1{float:left;width:100%;font-size:60px;font-weight:300 !important;line-height:100px}
.anasayfa_tek_slider .owl-nav{display:none}
.anasayfa_tek_slider .owl-dots{display:block !important}
#mainHolder_divDesign .owl-dots{bottom:26px !important;}
#mainHolder_divDesign .owl-dots .owl-dot.owl-dot{margin:0 10px !important;}
#mainHolder_divDesign .owl-dots .owl-dot span{width:10px !important;height:10px !important;border:none !important;background:#a0a0a0 !important;border-radius:50% !important}
#mainHolder_divDesign .owl-dots .owl-dot.active span{width:13px !important;height:13px !important;background:#4a4a4a !important;}
#mainHolder_divDesign .owl-nav{top:40% !important;}
#mainHolder_divDesign .ticimaxTabHead ul{text-align:center;margin-bottom:10px;}
#mainHolder_divDesign .ticimaxTabHead li{margin:0 !important;}
#mainHolder_divDesign .ticimaxTabHead li a{background:none !important;padding:18px 0 !important;margin:0 10px !important;font-weight:500 !important}
#mainHolder_divDesign .ticimaxTabHead li:first-child a{margin-left:0 !important;}
#mainHolder_divDesign .ticimaxTabHead li:last-child a{margin-right:0 !important;}
#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;}
#mainHolder_divDesign .ticimaxTabHead li:hover a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;}
.OzelSlider .jCarouselLite ul li{float:left;width:25%;padding:0 10px;margin-bottom:20px;}
.OzelSlider .jCarouselLite ul li .productItem .productImage{float:left;width:40%;}
.OzelSlider .jCarouselLite ul li .productItem .productImage img{border-radius:5px}
.OzelSlider .jCarouselLite ul li .productItem .productDetail{float:left;width:60%;padding:17px 5px 10px 5px}
.OzelSlider .jCarouselLite ul li .productItem .productIcon{float:left;width:60%;display:none}
.OzelSlider .jCarouselLite ul li .productItem .productPrice{display:flex;flex-direction:column;margin-top:5px;}
.OzelSlider .jCarouselLite ul li .productItem .productPrice .discountPrice{margin-bottom:5px;}
.OzelSlider .jCarouselLite ul li .productItem .productYeInUcFi{display:none}
.OzelSlider .jCarouselLite ul li .productItem .productFaMyEx{display:none}
.OzelSlider .jCarouselLite ul li .TukendiIco{height:100%;}
.OzelSlider .jCarouselLite ul li .TukendiIco span{bottom:10px;max-width:150px;font-size:12px;line-height:30px;left:auto;right:10px;padding:0 10px;}
.OzelSlider .sliderBannerContainer.NoSlider .jCarouselLite ul{margin:0 -10px;}
.mobilMenuAcButton{float:left;margin:23px 30px 0 0;cursor:pointer;}
.mobilMenuAcButton > span{font-size:13px;float:right;line-height:30px;font-weight:500;margin-left:10px;}
.mobilMenuAcButton > i{font-size:25px;float:left;line-height:30px}
.ProductList.PlSc_4 .productItem .favori a:before{margin-right:4px;font-size:15px;}
.ProductList.PlSc_4 .productItem .mycartIcon a:before{margin-left:4px;font-size:15px;}
.ProductList.PlSc_4 .productItem .regularPrice span{font-size:11px;}
.ProductList.PlSc_4 .productItem .discountPrice span{font-size:15px;}
.ProductList.PlSc_4 .productItem .productDetail{padding:15px 10px;}
/*SliderYanblok*/
#divSliderYani {display: none;}
/*Footer*/
#footer { float: left; width: 100%; position: relative;}
.FooterSC { float: left; width: 100%; position: relative;background: #000;}
.FooterTop { float: left; width: 100%; position: relative;background: #fff;text-align:center;}
.FooterMiddle { float: left; width: 100%; position: relative;}
.FooterBottom { float: left; width: 100%; position: relative;}
.footerLogo{float: left;width: 100%;text-align:center;position: relative;margin-top: 40px;}
.footerLogo:after{content: '';height: 1px;position: absolute;left: 0;right: 0;top: 50%;background: #d7d7d7;z-index: 0;}
.footerLogo a{display: inline-block;vertical-align:top;background: #fff;padding: 0 5vw;position:relative;z-index: 1;}
.footerLogo a img{display: inline-block;vertical-align:top;}
.socialStore{float: left;width: 100%;margin: 40px 0;}
.socialStore .socialDiv, .socialStore .store{display:inline-block;vertical-align:top;font-size: 0;margin-right: 50px;}
.socialStore .store{margin-right: 0;}
.socialStore .socialDiv span, .socialStore .store span{display:inline-block;vertical-align:top;color: #000000;font-size: 14px;font-weight: 600;line-height: 35px;margin-right: 20px;}
.socialStore .socialDiv ul, .socialStore .store ul{display:inline-block;vertical-align:top;}
.socialStore .socialDiv ul li, .socialStore .store ul li{float: left;margin-right: 20px;}
.socialStore .socialDiv ul li a, .socialStore .store ul li a{float: left;color: #000;font-size: 20px;}
.socialStore .socialDiv ul li a i, .socialStore .store ul li a i{float: left;line-height: 35px;}
.ebultenDiv {float: left;position: relative;width: 300px;margin-bottom: 50px;}
.ebultenDiv span{color: #fff;font-size: 12px;line-height: 20px;}
.ebultenGelecek {display: block;width: 100%;float: left;margin-top: 20px;}
#divNewsLetter {float: left;width: 100%;position: relative;}
#divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000000; line-height: 1.2; font-size: 12px;}
#UpdatePanel1 {position: relative; float: right;width: 100%;}
#txtbxNewsletterMail {color: #000000; height: 40px;font-size: 12px;padding:0 40px 0 10px;background: #fff;border:none;border-radius:0;display: inline-block;width: 100%; text-align:left;font-weight: normal; opacity: 1;}
#txtbxNewsletterMail::-webkit-input-placeholder {color: #000000;}
#txtbxNewsletterMail:-moz-placeholder {color: #000000;}
#txtbxNewsletterMail::-moz-placeholder {color: #000000;}
#txtbxNewsletterMail:-ms-input-placeholder {color: #000000;}
#txtbxNewsletterMail:focus {color: #000000;}
.newsbutton {width: 70px;height: 40px;line-height:40px; font-size:13px;font-weight: 600; display: inline-block;position: absolute;right:0;top:0;text-align:center; border:none;border-radius:0; padding: 0;margin: 0!important;text-decoration: none;}
.ebultenGelecek #divNewsLetter {display: block;padding: 0;}
#footer .linkler{ float: left; width: 100%; position: relative;padding: 55px 0;}
#footer .linkler .blink { float: left;width:100%;margin:0}
#footer .linkler .blink > ul { float: left;width: 100%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}
#footer .linkler .blink > ul > li {float: left;}
#footer .linkler .blink > ul > li:last-child {margin-bottom: 0;}
#footer .linkler .blink > ul li {display: block;}
#footer .linkler .blink > ul >li> span{display: table;clear:left; font-size:14px;color: #fff;position: relative;font-weight:normal;margin-bottom: 10px;}
#footer .linkler .blink > ul >li >ul{display: inline-block;vertical-align:top;}
#footer .linkler .blink > ul >li >ul >li >a{float: left;width: 100%;font-size:12px;color: #fff;font-weight: normal;margin-bottom:10px;}
#footer .linkler .blink > ul >li >ul >li:last-child >a{margin-bottom: 0;}
#footer .linkler .blink > ul >li >ul >li >a:hover{text-decoration:underline;}
.copy{color: #fff;font-size: 12px;text-align: right;}
.creditCard{float: left;width: 100%;padding: 34px 0;border-top: 1px solid #2b2b2b;}
.kartimg{float: right;}
.bankimg img,.kartimg img{max-width: 100%;}
/*Footer*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;}
#back-to-top a { float: left; text-align: center;width:40px;height: 40px;background: #000;color: #fff;border-radius: 100%;font-size: 14px;}
#back-to-top a:after {content: '\f077';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 40px;}
/*Siteye ozel alan*/

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: '\f002'; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: fontawesome; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #1894ac; }

.AddGalleryModal .FormElements input, .AddGalleryModal .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none; }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }


@media(max-width:480px) {
    section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
}
/*Galeri Modülü*/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
/*******************************************MOBiL MENU****************************************/
body #formGlobal{left: 0;position: relative;transition:left .3s ease-in-out;}
body.transform.overflow{overflow-x:hidden;}
body.transform #formGlobal{left: 360px;}
.menuUstBolum { width: 100%; float: left; border-bottom:1px solid #e8e8e8;margin-top: 40px;}
.menuUstBolum .CloseBtnMenu { float: right; line-height: 80px; color: #656565; font-size: 50px; width: 80px; text-align: center; margin:0;cursor: pointer;}
.menuUstBolum .CloseBtnMenu i{font-weight:300;}
.menuUstBolum .mobilMenuBT{float: left;color: #000000;font-size: 13px;padding-left: 35px;cursor:pointer;}
.menuUstBolum .mobilMenuBT i{float: left;font-size: 24px;line-height: 80px;margin-right: 10px;}
.menuUstBolum .mobilMenuBT span{float: left;font-weight: 500;line-height: 80px;}
.mobilaf{position:fixed;right:0;left: 0; width: 100%; top: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1001;display: none; }

.mobilaf.acik{display: block;}
.mobilMenu {position: fixed;left:0;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;left: -360px;transition: left.3s ease-in-out;}
.mobilMenu.acik {left: 0;}
.mobilMenu .menuIcerikAlan {float: left;width: 100%;height:calc(100% - 121px);position:absolute;top: 121px;right: 0;left: 0; overflow-y:auto;overflow-x:hidden;}
.mobilMenu .navUl { float: left;width: 100%;height: 100%;}
.mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%;border-bottom: 1px solid #e8e8e8;position: relative;padding: 0 0 0 20px;}
.mobilMenu .navUl > li > a, .mobilMenu .navUl > li > ul li a {color: #000000; font-size: 14px;font-weight:normal;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 15px;z-index:2;position: relative;}
.mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2{float: right;position:absolute;right: 0;top: 0;left: 0;z-index: 1;padding-right: 20px;cursor: pointer;}
.mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i{line-height: 40px;font-size: 20px;float: right;}
/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul  {position: fixed;left:-100%;top: 121px;bottom: 0;width: 360px;background: #fff;z-index: 3;transition:all .3s ease-in-out;overflow-y: auto; overflow-x: hidden;}
.mobilMenu .navUl > li ul.over{overflow-y:hidden;}
.mobilMenu .navUl > li > ul.active, .mobilMenu .navUl > li > ul li ul.active {left: 0;}
.mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span{position: relative;float: left;width: 100%; color:#000000;font-size: 18px;font-weight: 500;line-height: 55px;padding-left: 70px;border-bottom: 1px solid #e5e5e5;}
.mobilMenu .navUl > li > ul > span span, .mobilMenu .navUl > li > ul li ul > span span{z-index: 0;position: relative;}
.mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;line-height: 55px;text-align:left;z-index: 1;padding-left: 35px;font-size: 20px;cursor:pointer;}
.mobilMenu .navUl > li > ul > span .NoiBack i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i{font-weight: normal;}
/* ------------------------------------Container--------------------------------------------*/
.search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 1480px; margin: 0 auto;position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList{max-width:1480px;}
.detaySliderContainer .ProductList{max-width:1480px;}
.homeContainer .ProductListContent .ProductList{max-width:1480px;}
.markaSlider .jCarouselLite{max-width:1480px;}
.sepetimBody .footerSslLogo{display: none!important;}
ul.breadcrumb{clear: none;}
.leftBlock { float: left;padding: 0;}
.rightBlock { float: right;padding: 0;}
.centerCount { float: left;padding: 0;}
.centerCount.Middle     {width: 100%;padding: 0;margin-top:20px;}
.centerCount.userLoginContent   {width: 100%;padding: 0;}
.centerCount.iletisimContent    {width: 100%;padding: 0;}
.centerCount.UyeolContent       {width: 100%;padding: 0;}
.centerCount.HesabimTakip       {width: 100%;padding: 0;}
.leftBlock   {float: left;width: 25%;}
.rightBlock  {float: right;width: 25%;padding-left:40px;}
.centerCount {float: left;width: 100%;padding: 0;}
/*SolveOrta*/
.leftBlock.LeftMiddle    { width:calc(315px - 40px);margin:20px 40px 20px 0;border-right:1px solid #ebebeb;padding-right:39px;}
.centerCount.LeftMiddle  { width: calc(100% - 315px);margin-top:20px;}
.rightBlock.MiddleRight  { width: 315px;}
.centerCount.MiddleRight { width: calc(100% - 315px);}
/*SolveOrta*/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
.headerContent:after, .headerContent:before { content: ""; display: table; clear: both; }
/* ------------------------------------Container--------------------------------------------*/
/*windows fixed alani*/
@media screen and (min-width:768px) {
    .menuUstBolum{background:transparent;}
}
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle {width: 25%;padding-right: 20px;}
    .centerCount.LeftMiddle {width: 75%;}
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight   {width:25%;}
    .rightBlock.LeftMiddleRight  {width:50%;}
    .centerCount.LeftMiddleRight {width:25%;}
    /*SolOrtaSag*/
    /*OrtaSag*/
    .rightBlock.MiddleRight  {width:25%;}
    .centerCount.MiddleRight {width:75%;}
    /*OrtaSag*/
    .homeContainer .col-5li { width: 25%; }
}
/*Tablet Laptop Arasi*/
@media screen and (min-width:1300px) and (max-width:1540px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1480px; padding: 0 30px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:1480px;}
    .detaySliderContainer .ProductList{max-width:1480px;}
    .homeContainer .ProductListContent .ProductList{max-width:1480px;}
    .markaSlider .jCarouselLite{max-width:1480px;}
}
@media screen and (min-width:1240px) and (max-width:1299px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1180px; padding: 0 30px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:1180px;}
    .detaySliderContainer .ProductList{max-width:1180px;}
    .homeContainer .ProductListContent .ProductList{max-width:1180px;}
    .markaSlider .jCarouselLite{max-width:1180px;}
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1100px; padding: 0 30px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    .leftBlock.LeftMiddle    { width:calc(275px - 20px);margin:20px 20px 20px 0;padding-right:20px;}
    .centerCount.LeftMiddle  { width: calc(100% - 275px);}
    .rightBlock.MiddleRight  { width: 275px;}
    .centerCount.MiddleRight { width: calc(100% - 275px);}
}
@media screen and (min-width:1025px) and (max-width:1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 960px; padding: 0 30px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    .searchContent{margin-left:0;float:right;margin-right:20px;}
    .topbannerlist ul li a strong{font-size:20px;line-height:30px}
    .topbannerlist ul li a strong b{font-size:30px;}
    .favori a:before{font-size:15px;margin-right:3px}
    .mycartIcon a:before{font-size:15px;margin-left:3px;}
    .productItem .productDetail{padding:15px 10px;}
    .OzelSlider .jCarouselLite ul li{width:33.33%;}
    .categorylist ul li a strong{padding-left:10px;font-size:14px;line-height:20px}
    #divUrunKodu{float:left;margin:0 0 10px 0;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
    #divUrunKodu span{color:#000000;font-size:14px;font-weight:600;line-height:14px;text-transform:capitalize;}
    .RightDetail{padding-left:20px}
    .leftBlock.LeftMiddle{width:calc(250px - 20px);margin:20px 20px 20px 0;padding-right:20px;}
    .centerCount.LeftMiddle{width:calc(100% - 250px);}
    .rightBlock.MiddleRight{width:250px;}
    .centerCount.MiddleRight{width:calc(100% - 250px);}
    .SmallImages::-webkit-scrollbar{height: 5px;}
    .categorypagetitle{padding:20px 30px;}
    .categorypagetitle h1{font-size:40px;}
    body #divSayfalamaUst .blockSelect .sort_4{display:none}
}
@media (max-width:1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search,.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer, .proCategoryTitle{max-width: 100%;margin: 0;padding:0 1vw;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:100%;margin: 0;padding: 0;}
    .detaySliderContainer .ProductList{max-width:100%;margin: 0;padding:0;}
    .homeContainer .ProductListContent .ProductList{max-width:100%;margin: 0;padding:0;}
    .markaSlider .jCarouselLite{max-width:100%;margin: 0;padding:0;}
    #header.fixed .htop .ticiContainer{max-width:100%;margin: 0;padding:0 1vw;}
    .categoryContainer .ProductList{margin: 0 -1vw;}
    .ItemOrj{padding: 0 1vw;}
    body.transform #formGlobal{left: 0;}
    body.transform #header.homeHeader{left: 0;}
    .searchContent{margin-left:0;float:right;margin-right:20px;width:45%}
    #mainHolder_divDesign .hazirBlokContent .categorylist .ticiContainer{padding:0 !important}
    .OzelSlider .jCarouselLite ul li{width:33.33%;}
    .topbannerlist ul li a strong{font-size:20px;line-height:30px}
    .topbannerlist ul li a strong b{font-size:30px;}
    .favori a:before{font-size:15px;margin-right:3px}
    .mycartIcon a:before{font-size:15px;margin-left:3px;}
    .SmallImages::-webkit-scrollbar{height: 5px;}
    .homepage #mainHolder_divDesign .ticiContainer{padding:0 !important;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ebultenDiv{width: 225px;margin-bottom: 25px;}
    #footer .linkler .blink > ul >li >ul >li >a{font-size: 10px;}
    .ebultenDiv span{font-size: 10px;}
    #footer .linkler .blink > ul >li> span{font-size: 12px;}
    .copy{font-size: 10px;}
    #footer .linkler{padding: 30px 0;}
    .creditCard{padding: 20px 0;}
    .kartimg img, .bankimg img{height: 20px;}
    .leftImage{width: 50%;}
    .RightDetail{width: 50%;padding-left: 20px;}
    .Images{width: 100%;padding-bottom: 150%;}
    .SmallImages {width: 100%;max-height: 100%;overflow-y:hidden;overflow-x:auto;white-space: nowrap;}
    .SmallImages div{float: none;display: inline-block;vertical-align:top;margin-right:2px;margin-top: 10px;margin-bottom: 0;}
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol{width:100%;}
}
@media screen and (max-width:1041px) {
    /******************************************************/
    .sortingContent li, .appliedFilter.FiltrelemeUrunAdet{border-bottom:none !important;}
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst {  padding:0;margin:0 0 10px 0;width: 100%;border: 1px solid #ebebeb;border-radius:5px}
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button {padding: 0;border-radius:5px;margin: 0;color: #262324;width: 50%;float:left; line-height: 40px;background: #fff;font-size: 14px;font-weight: 500;}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn {border-right: 1px solid #ebebeb;float: left;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn {float: right;}
    body .mobilFilterOpenBtn { margin:0;padding: 0;}
    .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;}
    body #divSayfalamaUst .filterDeleteContent{display: none;}
    body #divSayfalamaUst.Slct .brandlistselection{position: absolute;top:0;z-index: 99;width: 50%;background: #fff;border: none; border-right: 1px solid #ebebeb;left: 0;padding: 0;border-radius:5px 0 0 5px}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;font-size: 14px;text-indent: 15px;border: none;color: #262324;text-align-last:center;font-weight: 500;min-width: auto;border-radius:5px 0 0 5px;background: transparent;text-indent: 0;}
    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: 25;border-bottom: none;background: #fff;border: 1px solid #e5e5e5;}
    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 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;overflow-y:auto;overflow-x:hidden;}
    body .filterBlock.active .category-vertical-filters.top-filters{right: 0;}
    body .category-vertical-filters.top-filters .FiltreUst{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #fff;margin-bottom: 10px;padding: 0 10px;position: relative;text-align:center;}
    body .category-vertical-filters.top-filters .FiltreUst span{display: inline-block;vertical-align:top;position:absolute;left: 0;right: 0;top: 0;bottom: 0;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float: left;font-size: 25px;position: relative; z-index: 1;}
    body .category-vertical-filters.top-filters .FiltreUst a{float: right;font-size: 13px;position: relative;z-index: 1;color: #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 .category-vertical-filters.top-filters .tukgo{float: left;width: 100%;margin-bottom: 10px;position: relative;padding: 0 10px;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float: left;width: 100%;line-height: 50px;font-size: 14px;color: #262324;text-align:left;padding: 0 0 0 15px;background: #fff;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content: '';float:right;width: 24px;max-height: 24px;position: absolute;top: 0;bottom: 0;right: 32px; border-radius: 100%;background: #c5c7c9;margin:auto 0;background: #fff;box-shadow:0 0 2px 0 #999;z-index: 1;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content: '';float:right;width: 40px;max-height: 16px;position: absolute;top: 0;bottom: 0;right: 0; border-radius: 20px;background: #c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right: 15px;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background: #39d662;}
    body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;margin: 0;border: none;background: #fff;float: left;width: 100%;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;text-align:left;color: #262324;font-weight: 500; font-size: 15px;line-height: 50px;padding: 0 10px;text-transform:uppercase;}
    body .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;}
    body .category-vertical-filters.top-filters .panel .panel-heading .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;}
    body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown{border: none;position:static;box-shadow: none;}
    body .category-vertical-filters.top-filters .list-group.dropdown ul {margin-top: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li{width:100%;margin-right: 0;text-align:left;margin-bottom: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li a{color: #000;}
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size: 13px;color: #262324;font-weight: normal;float: left;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius: 3px;display: inline-block!important;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{border-color: #000;background: #000;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;height: auto;}
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width: 100%;margin:20px 0;}
    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{display: none!important;}
    body #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;}
    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; }
    .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;}
    .urunOzellik{padding:5px 0;border-top:none;margin:20px 0 0 0;}
    .urunOzellik .mobilTab{float: left;width: 100%;}
    .urunOzellik .mobilTab >ul >li{float: left;width: 100%;border-bottom: 1px solid #d7d7d7;}
    .urunOzellik .mobilTab >ul >li > a{color: #000000;font-size: 14px;text-transform:uppercase;line-height:40px;float: left;width: 100%;padding: 0 10px;border-radius:5px}
    .urunOzellik .mobilTab >ul >li > a:after{content: '\f078';font-family: 'FontAwesome';font-size: 16px;float: right;}
    .urunOzellik .mobilTab >ul >li.active > a{color: #fff;}
    .urunOzellik .mobilTab >ul >li.active > a:after{content: '\f077';}
    .urunOzellik .mobilTab >ul >li.active .urunDetayPanel{display: block!important;}
    .urunDetayPanel{padding: 15px 0;border-top: 1px solid #d7d7d7;}
}
/* Mobil Ekran */
@media screen and (max-width:767px) {
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{padding: 0 10px;width: 100%;}
    .urunOzellik{margin:0;}
    .categorypagetitle{padding:20px 10px;}
    .categorypagetitle h1{font-size:30px;line-height:40px;}
    #divUrunKodu{float:left;margin:0 0 10px 0;color:#000000;font-size:14px;font-weight:normal;line-height:14px;}
    #divUrunKodu span{color:#000000;font-size:14px;font-weight:600;line-height:14px;text-transform:capitalize;}
    .mycart:before, .mycart .sepetTecxt{display:none}
    .htop{display:none}
    #lang_flag_container{position:relative !important;width:100%;padding-left:0;margin-left:0;border-left:none;text-align:center;margin-top:10px;}
    #lang{display:inline-block;}
    #lang_flag_container #lang-detail{width:100%}
    .OzelSlider .jCarouselLite ul li{width:50%;padding:0 2.5px;margin-bottom:5px;}
    .topbannerlist ul{margin:0 -2.5px;}
    .topbannerlist li{width:50%;padding:0 2.5px !important;margin-bottom:5px;}
    .topbannerlist li:nth-child(3n){width:100%;}
    .topbannerlist ul li a strong b{font-size:20px;}
    .topbannerlist ul li a img{max-height:120px}
    .topbannerlist ul li a:after{background:rgba(0,0,0,0.7);}
    .categorylist ul li a{flex-direction:column;}
    .categorylist ul li a strong{width:100%;padding-left:0;font-size:14px;line-height:18px}
    .categorylist ul li a img{max-width:none}
    #mainHolder_divDesign .categorylist .owl-loaded .owl-nav{display: none}
    .productFaMyEx{display: none;}
    .productItem .productDetail{padding:5px;height:90px}
    .OzelSlider .sliderBannerContainer.NoSlider .jCarouselLite ul{margin:0;}
    #mainHolder_divDesign .ticimaxTabHead{margin-bottom:0 !important;}
    #mainHolder_divDesign .ticimaxTabHead ul{margin-bottom:0;}
    .TukendiIco span{max-width:100px;line-height:30px;bottom:0;}
    .firsatIcon{width:35px;font-size:10px;height:20px;line-height:20px;overflow:hidden;}
    .newIcon{height:20px;line-height:20px;font-size:10px;width:35px}
    .discountIcon{height:20px;line-height:20px;font-size:10px;width:35px}
    .cargoIcon{height:20px;width:35px;right:5px;top:5px;}
    .cargoIcon:before{line-height:20px;font-size:11px;}
    .productYeInUcFi{top:5px;left:5px;}
    #divAdetCombo{margin-bottom:20px;}
    body:not(.sepetimBody){padding-top: 60px;}
    body.homeBody{padding-top: 115px;}
    /*mobilmenu*/
    .mobilMenu{width: 85%;bottom: 50px;left: -100%;}
    .menuUstBolum{margin-top: 0;}
    .menuUstBolum .mobilMenuBT{padding-left: 15px;font-size: 12px;color:#fff;}
    .menuUstBolum .mobilMenuBT i{font-size: 22px;}
    .menuUstBolum .mobilMenuBT i,.menuUstBolum .mobilMenuBT span,.menuUstBolum .CloseBtnMenu,.menuUstBolum .CloseBtnMenu i{line-height: 50px;display: inline-block;vertical-align:top;}
    .menuUstBolum .CloseBtnMenu{font-size: 35px;text-align:right;padding-right: 15px;color:#fff;}
    .mobilMenu .menuIcerikAlan{top:51px;height: calc(100% - 51px);}
    .mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul{width: 85%;top:51px;bottom: 50px;}
    .mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2{padding-left: 15px;}
    .mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span{padding-left: 40px;}
    .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2{padding-right: 15px;}
    .mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li{padding-left: 0;}
    .mobilMenuAcButton:hover, .arabtn:hover, .mycartClick:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > .ResimsizDown:hover,
    .mobilMenu .navUl > li > ul li a:hover{color: #000;}
    .menuUstBolum .mobilMenuBT:hover, .menuUstBolum .CloseBtnMenu:hover{color: #fff;}
    /*sepetalan*/
    .SepetUst{float: left;width: 100%;text-align:center;color: #fff;line-height: 50px;font-size: 16px;margin-bottom: 10px;}
    .SepetUst span{display: inline-block;vertical-align:top;}
    .SepetUst .seClose{float: left;width: 40px;font-size: 22px;}
    .SepetUst .seClose i{display: inline-block;vertical-align:top;line-height: 50px;}
    .CartProduct {background:#fafafa;background-size:100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0 0 5px; display: block !important; border: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1;visibility:visible;-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);box-shadow: none;}
    .CartProduct .SPrice{text-align:center;}
    .CartProduct:before{display: none;}
    .CartProduct:after{display: none;}
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct {float: left;width: 100%;max-height: calc(100% - 155px);overflow-y: auto;overflow-x: hidden;font-size: 0;text-align:left;padding:0 5px;}
    .CartProduct .SProduct li a *{display: inline-block!important;padding: 0;line-height: 1;}
    .CartProduct .SProduct li{float: left;width: 100%;position: relative;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
    .CartProduct .SProduct li a{display: inline-block;vertical-align:top;font-size: 12px;color: #000;text-align:right;width: 100%;}
    .CartProduct .SProduct li a img{margin-right: 10px;float: left;}
    .CartProduct .SProduct li a .SepettopAd{max-width: 38%;margin: 0;margin-top: 10px;float: left;}
    .CartProduct .SProduct li a .SepettopAd span{float: left;clear: left;max-width: 100%!important;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;margin-bottom: 10px;}
    .CartProduct .SProduct li a .SepettopAd span:nth-child(2){margin-left: 2px;}
    .CartProduct .SProduct li a .SepetTopAdet{display: inline-block;vertical-align: top;margin: 0 5px;margin-top: 28px;}
    .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat{display: inline-block!important;vertical-align:top;margin: 0 5px;margin-top: 20px;}
    .CartProduct .SProduct li a:nth-child(2){position: absolute;right: 0;top: 0;font-size: 0;width: auto;}
    .CartProduct .button{padding: 0;line-height: 30px;font-size: 12px!important;}
    .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: #000; font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
    .sepetTopTutar { font-size: 0; padding: 0; border: 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%; }
    /*bottomlink*/
    .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;}
    .bottomHead ul{margin: 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;}
    .bottomHead ul li a i{display: block;margin: 0 auto 3px;font-size: 18px;}
    .favNum{position: absolute;right:20px;top:4px;width: 15px;line-height: 15px;color: #fff;text-align:center;border-radius: 100%;font-size: 10px;}
    .sepetimBody .bottomHead{display: none;}
    /*Footer*/
    .FooterTop,.FooterMiddle,.FooterBottom{background: #000;}
    #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 #252525;}
    #footer .linkler .blink > ul >li> span{float:left;width: 100%;margin: 0;line-height: 50px;border-bottom: 1px solid #252525;}
    #footer .linkler .blink > ul >li> span .ackapabtn{float: right;font-size: 15px;}
    #footer .linkler .blink > ul li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul >li >a{margin-bottom: 0;line-height: 40px;}
    .ebultenDiv{width: 100%;display: none;border-bottom: 1px solid #252525;padding: 10px 0;margin-bottom: 0;}
    .ebultenGelecek{margin-top: 10px;}
    .copy{float: left;width: 100%;text-align:center;margin: 25px 0 15px;}
    .creditCard{border: none;padding: 0;text-align:center;margin-bottom: 25px;}
    .bankimg{display: none;}
    .kartimg{float: none;display: inline-block;vertical-align:top;}
    #divTicimaxCopyrightContent{float: left;width: 100%;margin-bottom: 50px;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
    .footerLogo{display: none;}
    .socialStore{margin: 0;}
    .socialStore .socialDiv span, .socialStore .store span{display: none;}
    .socialStore .socialDiv, .socialStore .store{margin: 0;display: block;text-align:center;}
    .socialStore .store{padding: 20px 0;border-bottom: 1px solid #252525;}
    .socialStore .socialDiv ul li{margin-right: 10px;}
    .socialStore .store ul li{margin-right: 30px;}
    .socialStore .store ul li:last-child{margin-right: 0;}
    .socialStore .store ul li a i.fa-apple{font-size: 24px;}
    .socialStore .socialDiv{padding: 20px 0;border-bottom: 1px solid #252525;}
    .socialStore .socialDiv ul li a, .socialStore .store ul li a{color: #fff;}
    .socialStore .socialDiv ul li a{width: 40px;height: 40px;border-radius: 100%;text-align:center;background: #fff;color: #000;font-size: 20px;}
    .socialStore .socialDiv ul li a i{line-height: 40px;float: none;display:inline-block;vertical-align:top;}
    #back-to-top{bottom: 11%;right: 2%;}
    #back-to-top a{width: 30px;height:30px;}
    #back-to-top a:after{line-height:30px;}
    /*Header*/
    #header{position:fixed;left: 0;right: 0;top: 0;}
    .headerContent{box-shadow:0 0 5px 0 #cecece;background:#fff}
    #logo{float:none;}
    #logo .logo{height: 60px;}
    #logo .logo img{max-height: 40px;}
    .welcome{display: none;}
    .mycart{display:block;position: absolute;right:2px;top: 10px;margin: 0;z-index:auto;}
    .mycart > a:before{display: none;}
    .mobilMenuAcButton, .mycartClick{display: block;margin: 0;font-size: 22px;float: right;position:absolute;}
    .mycartClick i{line-height: 60px;}
    .favi{display: none;}
    .arabtn{float:right;color:#000;font-size:22px;z-index:99;cursor:pointer;position:absolute;right:45px;top:0;}
    .arabtn i{float:left;line-height:60px;}
    .homeHeader .arabtn{display: none;}
    .mycart .sepetUrunSayisi{position:static;width:15px;line-height: 15px;}
    .mycartClick{right: 10px;top: 0;}
    .mobilMenuAcButton{left: 10px;top:13px;}
    .mobilMenuAcButton span{display: block;margin-left: 0;line-height: 1;font-size: 8px;}
    .mobilMenuAcButton i{float:none;display:block;line-height: 1;}
    .searchContent{position: relative;width: 100%;padding: 0 5px;background: transparent;z-index: 100;margin:0 0 10px 0;display: none;}
    .searchContent.active{display: block;box-shadow: none;}
    .homeBody .homeHeader .searchContent{display: block;}
    #txtbxArama{height: 40px;font-size: 12px;background: #f5f5f5;padding-left: 10px;padding-right: 50px;}
    #btnKelimeAra{height: 40px;line-height: 40px;border-left: none;color: #000000;font-size: 15px;top:0;}
    #header.touched .searchContent{display: none;}
    #header.touched .searchContent.active{display: block;}
    #header.touched .arabtn{display: block;}
    /*kategori*/
    body .category-vertical-filters.top-filters{width: 85%;height: calc(100% - 50px);box-shadow: none;border: none;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 10px!important;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 10px!important;}
    body ul.breadcrumb li:nth-child(1) a:before {line-height: 40px;font-size: 10px!important;margin-right: 5px;}
    
body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;}
    .homeContainer .ProductListContent .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 1vw;}
    .categoryContainer .ProductListContent .productItem{margin-bottom: 10px;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{font-size: 13px;}
    body .mobilFilterOpenBtn .button{font-size: 13px;}
    .TukendiIco span{font-size: 12px;}
    .productItem .discountPrice span{font-size: 14px;}
    .productItem .regularPrice span{font-size: 11px;}
    .favori{bottom: 8px;}
    .favori a:before{font-size: 15px;}
    /*urundetay*/
    .leftImage{float: left;width: 100%;}
    .RightDetail{width: 100%;padding: 10px 0 0;}
    body a#linkOncekiSayfa {position: absolute;top:40px;left:0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;}
    body a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
    .UFavorilerimeEkle{position: absolute;right: 5px;top: 5px;z-index: 5;}
    #divUrunKodu{clear: left;float: left;line-height: 14px;}
    #divUrunKodu span{line-height: 14px;}
    #divTaksitAciklama{clear: left;float: left;}
    .PriceList{padding-bottom: 15px;}
    .TopDet #IlgiliUrunDiv{margin-top: 15px;padding: 0;}
    #divUrunEkSecenek{padding: 0;margin-top: 15px;}
    #divUrunEkSecenek .eksecenekLine{padding-bottom: 15px;margin-bottom: 0;}
    #divSatinAl{margin-top: 15px;}
    .basketBtn{width: 100%;margin: 0;}
    .UGelinceHaberVer{width:100%}
    .Basketinp{margin-bottom: 15px;}
    .ProductIcon{text-align:center;margin: 15px 0;}
    .ProductIcon > div{float: none;display:inline-block;vertical-align:top;margin-right: 5px;}
    .TopDet .product_social_icon_wrapper{text-align:center;}
    .TopDet .product_social_icon_wrapper .PaylasTit{display: none;}
    /*mobilicerik*/
    #mainHolder_divDesign .anasayfa_tek_slider .owl-dots{bottom: 5px;}
    body #mainHolder_divDesign .owl-dots .owl-dot{margin: 0 2px!important;}
    .GuvenList{margin: 10px 0 0;}
    .GuvenList ul{display: block;}
    .GuvenList ul li{float:left;width: 50%;text-align:center;margin-bottom: 10px;}
    .GuvenList ul li .gimg{margin: 0 0 10px;width: 100%;}
    .GuvenList ul li .gimg img{display:inline-block;vertical-align:top;height: 22px;}
    .GuvenList ul li .gtex{width: 100%;font-size: 11px;}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size: 20px;}
    #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi{margin-bottom: 5px!important;}
    .pageNumberContent a, .pageBorder a{min-width: 30px;}
    .detaySliderContainer{padding-bottom:0;margin:20px 0;}
    .navigation {display:none;}
}
@media screen and (max-width:460px) {
    .topbannerlist li{width:100%;}
    .topbannerlist ul li a strong{font-size:17px;line-height:26px;max-height:120px;overflow:hidden;padding:10px 5px;}
    .OzelSlider .jCarouselLite ul li{width:100%;}
    body ul.breadcrumb *{font-size:9px !important;}
}
@media(max-width: 361px){
    #header.homeHeader{min-height: 110px;}
    #header.touched{min-height: auto;}
    #logo{min-height: 60px;width: 100%;}
    body [class*=t-pb-]{margin: 0!important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9{padding: 0!important;margin:0!important;}
}  

  
  
  

  
/* ============================================
   BLOG TEMA STYLE - Ticimax Blog Sayfasi
   Sadece blog liste sayfasi ve sidebar icin
   ============================================ */

/* ============================================
   1. GENEL YAPILANDIRMA & RESET
   ============================================ */

/* Ana container max genislik */
#divIcerik.ticiContainer {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Blog baslik */
#divIcerik .blog-h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #48bb78;
}

/* ============================================
   2. BLOG LISTE - GRID YAPISI
   ============================================ */

/* Liste reset - bullet/nokta kaldirma */
#divIcerik .blogCenter .tici-blok-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Liste itemi - bullet temizligi + esit genislik */
#divIcerik .blogCenter .tici-blok-ul li.post-item {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* Grid icin onemli */
}

/* Bullet isaretini tamamen kaldir */
#divIcerik .blogCenter .tici-blok-ul li.post-item::before,
#divIcerik .blogCenter .tici-blok-ul li.post-item::marker {
    content: none !important;
    display: none !important;
}

/* ============================================
   3. BLOG KART TASARIMI
   ============================================ */

#divIcerik .blogCenter .tici-blok-ul li.post-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    border: 1px solid #e2e8f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.06);
}

/* ============================================
   4. GORSEL ALANI & OVERLAY
   ============================================ */

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture a {
    display: block;
    width: 100%;
    height: 100%;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item:hover .pi-picture img {
    transform: scale(1.05);
}

/* Overlay gradient - gorsel ustunde */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* ============================================
   5. BASLIK - GORSEL USTUNDE OVERLAY
   ============================================ */

/* Baslik wrapper pozisyon duzeltmesi */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture {
    display: flex;
    flex-direction: column;
}

/* Basligin gorsel icinde konumlanmasi - YUKARI TASINDI */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles {
    position: absolute !important;
    bottom: 12px !important; /* Yukarı tasindi */
    left: 0 !important;
    right: 0 !important;
    padding: 0 16px !important;
    z-index: 2 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles .pi-title,
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Baslik h2 - 2 satir gorunecek sekilde */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    max-height: calc(1.05rem * 1.45 * 2 + 4px) !important; /* 2 satir icin */
    min-height: calc(1.05rem * 1.45 * 2) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 a {
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    display: block !important;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 a:hover {
    color: #9ae6b4 !important;
}

/* ============================================
   6. KATEGORI BADGE - GORSEL USTUNDE
   ============================================ */

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Tarihi gizle (overlay icinde) - altta gosterecegiz */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories > span:first-child {
    display: none;
}

/* Kategori badge */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories .pi-cat {
    display: inline-block;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories .pi-cat a {
    display: inline-block;
    background: #48bb78;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s ease;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories .pi-cat a:hover {
    background: #38a169;
}

/* ============================================
   7. ICERIK ALANI (KART GÖVDESI)
   ============================================ */

/* Kart icerik wrapper */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-text {
    padding: 16px;
    flex-grow: 1;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #4a5568;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   8. ETIKETLER - GIZLE (TEMIZ GORUNUM)
   ============================================ */

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-etiket {
    display: none;
}

/* ============================================
   9. ALT SATIR - DEVAMINI OKU & TARIH
   ============================================ */

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-top: 1px solid #e2e8f0;
    background: #f7fafc;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #48bb78;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link a:hover {
    color: #2f855a;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link a::after {
    content: '\2192';
    font-size: 1rem;
    transition: transform 0.2s ease;
}

#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link:hover a::after {
    transform: translateX(4px);
}

/* Tarih gostergesi - JS ile eklenecek */
#divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link .gk-post-date {
    font-size: 0.8rem;
    color: #a0aec0;
    font-weight: 400;
}

/* ============================================
   10. SAG SIDEBAR GENEL
   ============================================ */

#divIcerik .blogRight {
    padding-left: 20px;
}

/* ============================================
   11. ARAMA KUTUSU
   ============================================ */

#divIcerik .blogRight .blogSearchFormArea {
    display: flex;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

#divIcerik .blogRight .blogSearchFormArea input {
    flex: 1;
    padding: 12px 14px;
    border: none;
    font-size: 0.9rem;
    outline: none;
    background: #fff;
}

#divIcerik .blogRight .blogSearchFormArea input::placeholder {
    color: #a0aec0;
}

#divIcerik .blogRight .blogSearchFormArea button {
    padding: 12px 18px;
    background: #48bb78;
    color: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

#divIcerik .blogRight .blogSearchFormArea button:hover {
    background: #38a169;
}

/* ============================================
   12. KATEGORILER
   ============================================ */

#divIcerik .blogRight .blogKategori {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    border: 1px solid #e2e8f0;
}

#divIcerik .blogRight .blogKategori .blogkategoribaslik {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #48bb78;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Akordeon ikonu */
#divIcerik .blogRight .blogKategori .blogkategoribaslik::after {
    content: '\25BC';
    font-size: 0.7rem;
    color: #a0aec0;
    transition: transform 0.3s ease;
    display: none; /* Sadece mobilde goster */
}

#divIcerik .blogRight .blogKategori .blogkategoribaslik.collapsed::after {
    transform: rotate(-90deg);
}

#divIcerik .blogRight .blogKategori ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#divIcerik .blogRight .blogKategori ul li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#divIcerik .blogRight .blogKategori ul li::before,
#divIcerik .blogRight .blogKategori ul li::marker {
    content: none !important;
    display: none !important;
}

#divIcerik .blogRight .blogKategori ul li a {
    display: block;
    padding: 10px 12px;
    color: #4a5568;
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    margin-bottom: 4px;
}

#divIcerik .blogRight .blogKategori ul li a:hover {
    background: #f0fff4;
    color: #2f855a;
    padding-left: 16px;
}

/* ============================================
   13. SON BLOG YAZILARI - SIDEBAR
   ============================================ */

#divIcerik .blogRight .blokSonYazilar {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e2e8f0;
}

#divIcerik .blogRight .blokSonYazilar .bloksonyazilarbaslik {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #48bb78;
}

#divIcerik .blogRight .blokSonYazilar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#divIcerik .blogRight .blokSonYazilar ul li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#divIcerik .blogRight .blokSonYazilar ul li::before,
#divIcerik .blogRight .blokSonYazilar ul li::marker {
    content: none !important;
    display: none !important;
}

/* Son yazilar - kart yapisi */
#divIcerik .blogRight .blokSonYazilar ul li a {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    aspect-ratio: 16 / 9;
}

#divIcerik .blogRight .blokSonYazilar ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

#divIcerik .blogRight .blokSonYazilar ul li a:hover img {
    transform: scale(1.05);
}

/* Overlay gradient */
#divIcerik .blogRight .blokSonYazilar ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Son yazilar baslik - JS ile eklenecek span */
#divIcerik .blogRight .blokSonYazilar ul li a .gk-recent-title {
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 12px !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    z-index: 2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    max-height: calc(0.85rem * 1.4 * 2 + 4px) !important;
    min-height: calc(0.85rem * 1.4 * 2) !important;
}

/* ============================================
   14. SAYFALAMA
   ============================================ */

#divIcerik .blogCenter .blog-sayfalama {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

#divIcerik .blogCenter .blog-sayfalama ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================
   15. RESPONSIVE - TABLET (< 1200px)
   ============================================ */

@media (max-width: 1199px) {
    #divIcerik .blogCenter .tici-blok-ul {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    #divIcerik .blogRight {
        padding-left: 15px;
    }
}

/* ============================================
   16. RESPONSIVE - TABLET KUCUK (< 992px)
   ============================================ */

@media (max-width: 991px) {
    #divIcerik .blogCenter .tici-blok-ul {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 {
        font-size: 1.15rem !important;
        max-height: calc(1.15rem * 1.45 * 2 + 4px) !important;
        min-height: calc(1.15rem * 1.45 * 2) !important;
    }

    /* Sidebar alt alta */
    #divIcerik .blogRight {
        padding-left: 0;
        margin-top: 32px;
    }

    /* Son yazilar yatay scroll */
    #divIcerik .blogRight .blokSonYazilar ul {
        flex-direction: row;
        overflow-x: auto;
        gap: 16px;
        padding-bottom: 8px;
        scrollbar-width: thin;
    }

    #divIcerik .blogRight .blokSonYazilar ul li {
        flex: 0 0 280px;
        min-width: 280px;
    }
}

/* ============================================
   17. RESPONSIVE - MOBIL (< 768px)
   ============================================ */

@media (max-width: 767px) {
    #divIcerik.ticiContainer {
        padding: 0 12px;
    }

    #divIcerik .blog-h1 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    #divIcerik .blogCenter .tici-blok-ul {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-picture {
        aspect-ratio: 16 / 9;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles {
        padding: 0 14px !important;
        bottom: 10px !important;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 {
        font-size: 1.1rem !important;
        max-height: calc(1.1rem * 1.45 * 2 + 4px) !important;
        min-height: calc(1.1rem * 1.45 * 2) !important;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-text {
        padding: 12px;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-text p {
        font-size: 0.85rem;
        -webkit-line-clamp: 2;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-link {
        padding: 10px 12px;
    }

    /* Kategoriler - Akordeon goster */
    #divIcerik .blogRight .blogKategori .blogkategoribaslik::after {
        display: block;
    }

    /* Kategoriler chips view - alternatif */
    #divIcerik .blogRight .blogKategori ul.gk-chips-view {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    #divIcerik .blogRight .blogKategori ul.gk-chips-view li a {
        display: inline-block;
        padding: 8px 14px;
        background: #f7fafc;
        border: 1px solid #e2e8f0;
        border-radius: 20px;
        font-size: 0.8rem;
        margin-bottom: 0;
    }

    #divIcerik .blogRight .blogKategori ul.gk-chips-view li a:hover {
        background: #48bb78;
        color: #fff;
        border-color: #48bb78;
        padding-left: 14px;
    }

    /* Kategoriler kapali durumu */
    #divIcerik .blogRight .blogKategori ul.gk-collapsed {
        display: none;
    }

    /* Son yazilar mobil */
    #divIcerik .blogRight .blokSonYazilar ul li {
        flex: 0 0 240px;
        min-width: 240px;
    }
}

/* ============================================
   18. RESPONSIVE - MOBIL KUCUK (< 576px)
   ============================================ */

@media (max-width: 575px) {
    #divIcerik .blog-h1 {
        font-size: 1.3rem;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-categories .pi-cat a {
        font-size: 0.65rem;
        padding: 3px 8px;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles h2 {
        font-size: 1rem !important;
        max-height: calc(1rem * 1.45 * 2 + 4px) !important;
        min-height: calc(1rem * 1.45 * 2) !important;
    }

    #divIcerik .blogCenter .tici-blok-ul li.post-item .pi-titles {
        bottom: 8px !important;
        padding: 0 12px !important;
    }

    #divIcerik .blogRight .blokSonYazilar ul li {
        flex: 0 0 200px;
        min-width: 200px;
    }

    #divIcerik .blogRight .blokSonYazilar ul li a .gk-recent-title {
        font-size: 0.8rem;
        padding: 10px;
    }
}

/* ============================================
   19. PRINT STILLERI
   ============================================ */

@media print {
    #divIcerik .blogCenter .tici-blok-ul {
        grid-template-columns: 1fr;
    }

    #divIcerik .blogRight {
        display: none;
    }
}

/* ============================================
   20. DARK MODE DESTEK (opsiyonel)
   ============================================ */

/* @media (prefers-color-scheme: dark) - Su an pasif, gerekirse aktif edilebilir */

/* ============================================
   21. BLOG DETAY SAYFASI
   ============================================ */

/* Blog detay - Gorsel wrapper (Hero Kompakt) */
#divIcerik .blogCenter .blog-img {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    margin-bottom: 24px !important;
    max-height: 400px !important; /* Kompakt hero */
}

#divIcerik .blogCenter .blog-img img {
    width: 100% !important;
    height: 100% !important;
    max-height: 400px !important;
    display: block !important;
    border-radius: 12px !important;
    object-fit: cover !important; /* Gorseli kirpmadan sigdir */
    object-position: center !important;
}

/* Gorsel uzerine gradient overlay */
#divIcerik .blogCenter .blog-img::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60% !important;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 40%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    border-radius: 0 0 12px 12px !important;
}

/* Blog detay - Ust baslik (.blog-h1) gizle, JS ile gorsel icine tasiyacagiz */
#divIcerik .blogCenter > .blog-h1 {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 2 !important;
    color: #fff !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* Overlay icin gorsel'e baglanacak - JS ile */
}

/* Blog detay - Baslik gorsel icindeyken */
#divIcerik .blogCenter .blog-img .blog-h1-overlay {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 2 !important;
    color: #fff !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Blog detay - Icerik icindeki ikinci h1'i GIZLE */
#divIcerik .blogCenter > div > h1:first-child {
    display: none !important;
}

/* Icerik alanindaki h1'i gizle (daha spesifik) */
#divIcerik .blogCenter .blog-img + div > h1:first-child,
#divIcerik .blogCenter > div:not(.blog-img) > h1:first-of-type {
    display: none !important;
}

/* Ust baslik (.blog-h1) - JS tasinmadan once gizle */
#divIcerik .blogCenter > h1.blog-h1 {
    display: none !important;
}

/* Blog detay - Icerik stilleri */
#divIcerik .blogCenter > div > p,
#divIcerik .blogCenter > div > ul,
#divIcerik .blogCenter > div > ol,
#divIcerik .blogCenter > div > h2,
#divIcerik .blogCenter > div > h3 {
    max-width: 100%;
}

#divIcerik .blogCenter > div > h2 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2d3748;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

#divIcerik .blogCenter > div > h3 {
    font-size: 1.15rem;
    font-weight: 600;
    color: #4a5568;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

#divIcerik .blogCenter > div > p {
    font-size: 1rem;
    line-height: 1.75;
    color: #4a5568;
    margin-bottom: 1rem;
}

#divIcerik .blogCenter > div > ul,
#divIcerik .blogCenter > div > ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

#divIcerik .blogCenter > div > ul li,
#divIcerik .blogCenter > div > ol li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
    color: #4a5568;
}

/* Blog detay - Etiketler */
#divIcerik .blogCenter .blog-etiket {
    margin-top: 2rem;
    padding: 1rem;
    background: #f7fafc;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #4a5568;
}

#divIcerik .blogCenter .blog-etiket strong {
    color: #2d3748;
}

/* Blog detay - Yayin tarihi */
#divIcerik .blogCenter .yayintarih {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #a0aec0;
}

/* Blog detay - Listeye don butonu */
#divIcerik .blogCenter .blog-listeyedon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 2rem;
    padding: 12px 24px;
    background: #48bb78;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: background 0.2s ease, transform 0.2s ease;
}

#divIcerik .blogCenter .blog-listeyedon:hover {
    background: #38a169;
    transform: translateY(-2px);
}

#divIcerik .blogCenter .blog-listeyedon::before {
    content: '\2190';
    font-size: 1.1rem;
}

/* ============================================
   22. BLOG DETAY RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    #divIcerik .blogCenter .blog-img .blog-h1-overlay {
        font-size: 1.5rem !important;
        bottom: 16px !important;
        left: 16px !important;
        right: 16px !important;
    }
}

@media (max-width: 767px) {
    #divIcerik .blogCenter .blog-img {
        margin-bottom: 16px !important;
        border-radius: 8px !important;
        max-height: 280px !important; /* Mobilde daha kompakt */
    }

    #divIcerik .blogCenter .blog-img img {
        border-radius: 8px !important;
        max-height: 280px !important;
    }

    #divIcerik .blogCenter .blog-img .blog-h1-overlay {
        font-size: 1.25rem !important;
        bottom: 12px !important;
        left: 12px !important;
        right: 12px !important;
        -webkit-line-clamp: 2 !important;
    }

    #divIcerik .blogCenter .blog-img::after {
        border-radius: 0 0 8px 8px !important;
    }

    #divIcerik .blogCenter > div > h2 {
        font-size: 1.2rem;
    }

    #divIcerik .blogCenter > div > h3 {
        font-size: 1.05rem;
    }

    #divIcerik .blogCenter > div > p {
        font-size: 0.95rem;
    }
}

@media (max-width: 575px) {
    #divIcerik .blogCenter .blog-img {
        max-height: 220px !important; /* Kucuk mobilde daha da kompakt */
    }

    #divIcerik .blogCenter .blog-img img {
        max-height: 220px !important;
    }

    #divIcerik .blogCenter .blog-img .blog-h1-overlay {
        font-size: 1.1rem !important;
        bottom: 10px !important;
        left: 10px !important;
        right: 10px !important;
    }
}
  
  
  
  
  
  /* =====================================================
   sd-cart-modal | page:global | v1.2
   Sepet Modal/Popup Patch - Ticimax

   Degisiklikler v1.2 (MERCHANT CENTER FIX):
   - KRITIK: Gercek sepet/checkout sayfalarinda CTA GIZLENMEZ
   - orderCompleteButton SADECE modal/mini sepet scope'larinda gizlenir
   - #checkoutCartProductDiv scope'tan CIKARILDI (gercek sepet sayfasi)
   - .cartCheckoutButtons, body .checkoutButton.orderCompleteButton KALDIRILDI
   - Silme butonu sadece modal icinde gizli, sepet sayfasinda aktif
   ===================================================== */

/* -----------------------------------------------------
   1. SILME IKONLARINI GIZLE - SADECE MODAL/MINI SEPET
   ONEMLI: #checkoutCartProductDiv DAHIL DEGIL (gercek sepet)
   ----------------------------------------------------- */
#sepetEkleModal .checkoutItemDelete,
#divSepeteEklendiModal .checkoutItemDelete,
.header-cart-hover .checkoutItemDelete,
.cart-item-my .checkoutItemDelete {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* -----------------------------------------------------
   2. CHECKOUT BUTONU - SADECE MODAL/MINI SEPET SCOPE
   KRITIK: Gercek sepet sayfasi (/checkout) ETKILENMEZ
   Sadece popup/modal/mini sepet hover alanlari
   ----------------------------------------------------- */
#sepetEkleModal .orderCompleteButton,
#divSepeteEklendiModal .orderCompleteButton,
.header-cart-hover .orderCompleteButton,
.cart-item-my .orderCompleteButton,
.ticimaxModal .orderCompleteButton {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
}

/* JS tarafindan eklenen class ile de gizle */
.sd-hide-checkout-cta {
    display: none !important;
}

/* -----------------------------------------------------
   3. SEPETE EKLE MODAL BUTON STILLERI
   #sepetEkleModal .divAltButonlar
   ----------------------------------------------------- */
#sepetEkleModal .divAltButonlar,
#divSepeteEklendiModal .divAltButonlar {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Alisverise Devam Et - Secondary Button */
#sepetEkleModal .modalDevamEtBTn,
#divSepeteEklendiModal .modalDevamEtBTn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 140px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    order: 1;
}

#sepetEkleModal .modalDevamEtBTn:hover,
#divSepeteEklendiModal .modalDevamEtBTn:hover {
    background-color: #e8e8e8;
    border-color: #ccc;
}

#sepetEkleModal .modalDevamEtBTn:focus-visible,
#divSepeteEklendiModal .modalDevamEtBTn:focus-visible {
    outline: 2px solid #4a90d9;
    outline-offset: 2px;
}

/* Sepetim - Primary Button */
#sepetEkleModal .modalSepetimBtn,
#divSepeteEklendiModal .modalSepetimBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 140px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #2e7d32;
    color: #fff;
    border: none;
    order: 2;
}

#sepetEkleModal .modalSepetimBtn:hover,
#divSepeteEklendiModal .modalSepetimBtn:hover {
    background-color: #1b5e20;
}

#sepetEkleModal .modalSepetimBtn:focus-visible,
#divSepeteEklendiModal .modalSepetimBtn:focus-visible {
    outline: 2px solid #4a90d9;
    outline-offset: 2px;
}

/* -----------------------------------------------------
   4. CART-ITEM MODAL (MOBIL SEPET) - TEK BUTON
   Sadece basketUrlButton (Sepetim) gorunur
   ----------------------------------------------------- */
.cart-item-my .cartCheckoutButtons .cartCheckoutButtonsContent {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 12px 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.cart-item-my .cartCheckoutButtons .checkoutButton {
    flex: 1;
    min-width: 120px;
}

.cart-item-my .cartCheckoutButtons .checkoutButton a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

/* Sepetim/Basket URL Button - Primary (tek gorunen buton) */
.cart-item-my .cartCheckoutButtons .basketUrlButton a {
    background-color: #2e7d32;
    color: #fff;
    border: none;
}

.cart-item-my .cartCheckoutButtons .basketUrlButton a:hover {
    background-color: #1b5e20;
}

.cart-item-my .cartCheckoutButtons .basketUrlButton a:focus-visible {
    outline: 2px solid #4a90d9;
    outline-offset: 2px;
}

/* Tek buton oldugu icin tam genislik */
.cart-item-my .cartCheckoutButtons .basketUrlButton {
    flex: 1;
    max-width: 100%;
}

/* -----------------------------------------------------
   5. MODAL GENEL STILLERI
   iOS uyumlu, CWV optimizasyonlu
   ----------------------------------------------------- */
#sepetEkleModal.ticimaxModal .modal-content,
.cart-item-my .header-cart-hover {
    max-height: 90vh;
    max-height: 90svh; /* iOS safe viewport */
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

/* iOS safe area padding */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    #sepetEkleModal .divAltButonlar,
    .cart-item-my .cartCheckoutButtons {
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }
}

/* Modal rounded corners ve shadow */
#sepetEkleModal .modal-content {
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.cart-item-my .header-cart-hover {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* -----------------------------------------------------
   6. REDUCED MOTION DESTEGI
   ----------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    #sepetEkleModal .modalDevamEtBTn,
    #sepetEkleModal .modalSepetimBtn,
    .cart-item-my .cartCheckoutButtons .checkoutButton a {
        transition: none;
    }
}

/* -----------------------------------------------------
   7. RESPONSIVE BREAKPOINTS
   ----------------------------------------------------- */

/* Mobile - 360-430px */
@media (max-width: 430px) {
    #sepetEkleModal .divAltButonlar {
        flex-direction: column;
        padding: 12px;
    }

    #sepetEkleModal .modalDevamEtBTn,
    #sepetEkleModal .modalSepetimBtn {
        width: 100%;
        min-width: auto;
    }

    .cart-item-my .cartCheckoutButtons .cartCheckoutButtonsContent {
        flex-direction: column;
    }

    .cart-item-my .cartCheckoutButtons .checkoutButton {
        width: 100%;
    }
}

/* Tablet - 768-1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    #sepetEkleModal .divAltButonlar {
        padding: 20px;
        gap: 16px;
    }
}

/* Desktop - 1200px+ */
@media (min-width: 1200px) {
    .cart-item-my .header-cart-hover {
        min-width: 320px;
        max-width: 380px;
    }
}

/* -----------------------------------------------------
   8. iOS SCROLL LOCK BODY CLASS
   JS tarafindan eklenir/kaldirilir
   ----------------------------------------------------- */
body.sd-modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* iOS scroll restoration */
@supports (-webkit-touch-callout: none) {
    body.sd-modal-open {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

/* -----------------------------------------------------
   9. ACCESSIBILITY - FOCUS STATES
   ----------------------------------------------------- */
#sepetEkleModal a:focus-visible,
.cart-item-my a:focus-visible {
    outline: 2px solid #4a90d9;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    #sepetEkleModal .modalSepetimBtn,
    .cart-item-my .cartCheckoutButtons .basketUrlButton a {
        border: 2px solid #000;
    }
}

/* -----------------------------------------------------
   10. JS-EKLENEN HELPER CLASS'LAR
   ----------------------------------------------------- */
/* .sd-redirected ve .sd-btn-text-changed: Sadece JS hook — CSS kurali gerektirmez */

.sd-disabled {
    display: none !important;
    pointer-events: none !important;
}



/* =====================================================
   SERADANAL PDP v2 - TUM CSS
   urun_detay.html'den tema.css'e tasindi (CLS onleme).
   Tum stiller head'de yuklenir, ilk paint'te hazir olur.
   ===================================================== */
/* =====================================================
   SERADANAL PDP v2 - PATCH
   Site standardi: max-width 1480px
   Mobil breakpoint: 991.98px
   ===================================================== */

/* =====================================================
   1. CSS DEGISKENLERI
   ===================================================== */
:root {
  --sdPdp-green: #5d9319;
  --sdPdp-green-dark: #4a7614;
  --sdPdp-green-light: #8dc63e;
  --sdPdp-green-soft: rgba(93, 147, 25, 0.08);
  --sdPdp-green-gradient: linear-gradient(135deg, #5d9319 0%, #7cb82f 100%);

  --sdPdp-bg-cream: #ffffff;
  --sdPdp-bg-surface: #f8f7f4;
  --sdPdp-bg-card: #ffffff;

  --sdPdp-text-primary: #1a1a1a;
  --sdPdp-text-secondary: #5a5a5a;
  --sdPdp-text-muted: #8a8a8a;
  --sdPdp-text-old-price: #999999;

  --sdPdp-border: rgba(0, 0, 0, 0.08);
  --sdPdp-border-soft: rgba(0, 0, 0, 0.05);
  --sdPdp-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --sdPdp-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
  --sdPdp-shadow-sticky: 0 -2px 12px rgba(0, 0, 0, 0.08);

  --sdPdp-radius: 16px;
  --sdPdp-radius-sm: 10px;
  --sdPdp-radius-xs: 6px;

  /* Sticky bar yuksekligi */
  --sdPdp-sticky-h: 72px;

  --sdPdp-transition: all 0.2s ease;

  /* Indirim badge renkleri */
  --sdPdp-discount-bg: #c41e3a;
  --sdPdp-discount-text: #ffffff;
}

/* =====================================================
   2. ROOT SCOPE - Temel ayarlar
   ===================================================== */
.ProductDetail {
  background: var(--sdPdp-bg-cream) !important;
  color: var(--sdPdp-text-primary) !important;
  overflow-x: hidden !important; /* iOS fallback */
  overflow-x: clip !important;
  padding-top: 0 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

.ProductDetail *,
.ProductDetail *::before,
.ProductDetail *::after {
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* =====================================================
   3. ANA CONTAINER - 1480px max-width
   ===================================================== */
.ProductDetail .ProductDetailMain {
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 12px 20px 24px !important;
  width: 100% !important;
}

/* Ticimax divCenterBlock - breadcrumb ile urun alani arasindaki gereksiz bosluk */
.ProductDetail #divCenterBlock,
.productDetailContainer #divCenterBlock {
  margin-top: 0 !important;
}

/* =====================================================
   4. BREADCRUMB - Desktop UX
   ===================================================== */
.ProductDetail .categoryTitle {
  background: transparent !important;
  margin-bottom: 0 !important;
}

.ProductDetail .breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  font-size: 12px !important;
}

.ProductDetail .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-muted) !important;
}

.ProductDetail .breadcrumb li::after {
  content: '›' !important;
  margin: 0 6px !important;
  color: #ccc !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  float: none !important;
  line-height: normal !important;
}

.ProductDetail .breadcrumb li:last-of-type::after {
  display: none !important;
}

.ProductDetail .breadcrumb li:last-of-type {
  color: var(--sdPdp-text-secondary) !important;
  font-weight: 500 !important;
}

.ProductDetail .breadcrumb a {
  color: var(--sdPdp-text-muted) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  line-height: normal !important;
}

.ProductDetail .breadcrumb a:hover {
  color: var(--sdPdp-green) !important;
}

/* Breadcrumb bos alan karakterlerini (>) gizle */
.ProductDetail .breadcrumb li:nth-child(1) a:before {
  content: none !important;
}

/* Ticimax varsayilan line-height: 50px override'i */
.ProductDetail .breadcrumb *,
.ProductDetail .breadcrumb li::after {
  line-height: normal !important;
  float: none !important;
}

.ProductDetail a#linkOncekiSayfa {
  line-height: normal !important;
}


/* =====================================================
   5. DESKTOP LAYOUT (>=992px) - 3 KOLON GRID
   thumb + main image + buy box
   ===================================================== */
@media (min-width: 992px) {
  .ProductDetail .TopDet {
    display: grid !important;
    /* 3 kolon: thumb (110px) + main (auto-4:5) + buybox (380-480px) */
    grid-template-columns: 110px auto minmax(380px, 480px) !important;
    gap: 12px 16px !important;
    align-items: start !important;
    justify-content: start !important;
  }

  /* Sol: Thumbnail + ana gorsel - nested grid */
  .ProductDetail .leftImage {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 110px 420px !important;
    gap: 12px 16px !important;
    align-items: start !important;
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* Thumbnail container - 1. kolon */
  .ProductDetail .SmallImages,
  .ProductDetail .thumbSlider,
  .ProductDetail .AltImgCap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 110px !important;
  }

  .ProductDetail .SmallImages div,
  .ProductDetail .AltImgCapSmallImg {
    width: 100px !important;
    height: 125px !important;
    border: 2px solid transparent !important;
    border-radius: var(--sdPdp-radius-xs) !important;
    overflow: hidden !important;
    cursor: pointer !important;
  }

  .ProductDetail .SmallImages div:hover,
  .ProductDetail .SmallImages div.active,
  .ProductDetail .AltImgCapSmallImg:hover,
  .ProductDetail .AltImgCapSmallImg.active {
    border-color: var(--sdPdp-green) !important;
  }

  .ProductDetail .SmallImages img,
  .ProductDetail .AltImgCapSmallImg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Ana gorsel - 2. kolon */
  .ProductDetail .mobileImageSlider,
  .ProductDetail .ProductGallery,
  .ProductDetail .BigImages,
  .ProductDetail .Images {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 420px !important;
    max-width: 420px !important;
    min-width: 0 !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: var(--sdPdp-radius) !important;
    background: var(--sdPdp-bg-card) !important;
  }

  .ProductDetail .mobileImageSlider img,
  .ProductDetail .BigImages img,
  .ProductDetail .ProductGallery img,
  .ProductDetail .Images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: var(--sdPdp-radius) !important;
  }

  /* Sag: Buy Box - 3. kolon */
  .ProductDetail .RightDetail {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    background: var(--sdPdp-bg-card) !important;
    border-radius: var(--sdPdp-radius) !important;
    padding: 24px !important;
    box-shadow: var(--sdPdp-shadow-md) !important;
    border: 1px solid var(--sdPdp-border-soft) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Alt alan - sekmeler */
  .ProductDetail .ProductDetailMainRow {
    max-width: 1480px !important;
    margin: 24px auto 0 !important;
    padding: 0 20px 32px !important;
  }
}

/* Buyuk ekranlar (>=1200px) */
@media (min-width: 1200px) {
  .ProductDetail .TopDet {
    grid-template-columns: 110px auto minmax(420px, 520px) !important;
    gap: 14px 20px !important;
  }

  .ProductDetail .leftImage {
    grid-template-columns: 110px 480px !important;
    gap: 14px 20px !important;
  }

  .ProductDetail .mobileImageSlider,
  .ProductDetail .ProductGallery,
  .ProductDetail .BigImages,
  .ProductDetail .Images {
    width: 480px !important;
    max-width: 480px !important;
  }

  .ProductDetail .RightDetail {
    padding: 28px !important;
  }
}

/* =====================================================
   6. URUN ADI VE FAVORI
   ===================================================== */
.ProductDetail .ProductName {
  position: relative !important;
  margin-bottom: 10px !important;
}

.ProductDetail .ProductName h1 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--sdPdp-text-primary) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding-right: 44px !important;
}

@media (min-width: 992px) {
  .ProductDetail .ProductName h1 {
    font-size: 20px !important;
  }
}

/* Favori butonu */
.ProductDetail .UFavorilerimeEkle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.ProductDetail .UFavorilerimeEkle a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: 50% !important;
  color: var(--sdPdp-text-muted) !important;
  transition: var(--sdPdp-transition) !important;
}

.ProductDetail .UFavorilerimeEkle a:hover {
  background: #fff0f0 !important;
  border-color: #ffcccc !important;
  color: #e74c3c !important;
}

.ProductDetail .UFavorilerimeEkle .box1 {
  font-size: 0 !important;
}

.ProductDetail .UFavorilerimeEkle .box1 i {
  font-size: 15px !important;
}

/* On yazi - kisa aciklama */
.ProductDetail .OnYaziContent {
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--sdPdp-border-soft) !important;
}

.ProductDetail .OnYaziContent .teksatir {
  font-size: 13px !important;
  color: var(--sdPdp-text-secondary) !important;
  line-height: 1.5 !important;
}

/* =====================================================
   7. FIYAT ALANI + INDIRIM ETIKETI
   ===================================================== */
.ProductDetail .PriceList {
  background: var(--sdPdp-bg-surface) !important;
  border-radius: var(--sdPdp-radius-sm) !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  border: none !important;
}

.ProductDetail .urunDetayFiyatContainer {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

/* Label'lari gizle */
.ProductDetail .PiyasafiyatiContent .left_line,
.ProductDetail .PiyasafiyatiContent .center_line,
.ProductDetail .IndirimliFiyatContent .left_line,
.ProductDetail .IndirimliFiyatContent .center_line {
  display: none !important;
}

/* Eski fiyat */
.ProductDetail .PiyasafiyatiContent .spanFiyat {
  font-size: 14px !important;
  color: var(--sdPdp-text-old-price) !important;
  text-decoration: line-through !important;
}

.ProductDetail .IndirimliFiyatContent .indirimliFiyat .spanFiyat {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--sdPdp-green) !important;
}

@media (min-width: 992px) {
  .ProductDetail .IndirimliFiyatContent .indirimliFiyat .spanFiyat {
    font-size: 30px !important;
  }
}

.ProductDetail .spanKdv {
  font-size: 10px !important;
  color: var(--sdPdp-text-muted) !important;
  margin-left: 4px !important;
}

/* INDIRIM ETIKETI - YUKSEK KONTRAST */
.ProductDetail .IndirimOraniContent {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}

.ProductDetail .IndirimOraniContent .left_line,
.ProductDetail .IndirimOraniContent .center_line {
  display: none !important;
}

.ProductDetail .IndirimOraniContent .indirimliOrani {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  min-width: 54px !important;
  background: var(--sdPdp-discount-bg) !important;
  color: var(--sdPdp-discount-text) !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 10px rgba(196, 30, 58, 0.25) !important;
  border: none !important;
}

/* Fiyat satiri */
.ProductDetail .IndirimliFiyatContent {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.ProductDetail .IndirimliFiyatContent .indirimliFiyat {
  flex-shrink: 0 !important;
}

/* Mobilde indirim etiketi */
@media (max-width: 991.98px) {
  .ProductDetail .IndirimOraniContent .indirimliOrani {
    padding: 6px 12px !important;
    font-size: 14px !important;
    min-width: 48px !important;
  }
}

/* =====================================================
   8. MARKA VE STOK KODU - Kompakt
   ===================================================== */
.ProductDetail #divMarka,
.ProductDetail .productcode {
  margin-bottom: 8px !important;
}

.ProductDetail #divMarka {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ProductDetail #divMarka .left_line {
  font-size: 11px !important;
  color: var(--sdPdp-text-muted) !important;
}

.ProductDetail #divMarka .center_line {
  display: none !important;
}

.ProductDetail #divMarka .Marka a {
  color: var(--sdPdp-green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 12px !important;
}

.ProductDetail .productcode {
  font-size: 10px !important;
  color: var(--sdPdp-text-muted) !important;
}

.ProductDetail .markaresmi {
  margin-bottom: 10px !important;
}

.ProductDetail .markaresmi img {
  max-height: 32px !important;
  width: auto !important;
}

.ProductDetail .bedenT {
  display: none !important;
}

/* =====================================================
   9. ADET VE SEPETE EKLE BUTONU - ORTALI
   ===================================================== */
.ProductDetail .buybutton {
  margin-top: 14px !important;
}

.ProductDetail .BasketBtn {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Adet secici */
.ProductDetail .Basketinp {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--sdPdp-bg-surface) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  padding: 4px !important;
}

.ProductDetail .Basketinp .riSingle {
  display: flex !important;
  align-items: center !important;
}

.ProductDetail .Basketinp .urunDetayAdetArttirma {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  background: var(--sdPdp-bg-card) !important;
  border: none !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  color: var(--sdPdp-text-primary) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.ProductDetail .Basketinp input.txtSepetAdet {
  width: 40px !important;
  height: 34px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  background: transparent !important;
}

/* SEPETE EKLE BUTONU - ORTALI METIN */
.ProductDetail .Addtobasket,
.ProductDetail .btnAddBasketOnDetail {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 14px 20px !important;
  background: var(--sdPdp-green-gradient) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--sdPdp-radius-sm) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: var(--sdPdp-transition) !important;
  box-shadow: 0 4px 12px rgba(93, 147, 25, 0.25) !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.ProductDetail .Addtobasket:hover,
.ProductDetail .btnAddBasketOnDetail:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(93, 147, 25, 0.35) !important;
}

/* Buton icindeki ikon */
.ProductDetail .Addtobasket i,
.ProductDetail .btnAddBasketOnDetail i {
  flex: 0 0 auto !important;
  font-size: 16px !important;
}

/* Hemen Al */
.ProductDetail .buyfastbutton {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 12px 20px !important;
  background: var(--sdPdp-bg-card) !important;
  color: var(--sdPdp-green) !important;
  border: 2px solid var(--sdPdp-green) !important;
  border-radius: var(--sdPdp-radius-sm) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* =====================================================
   10. TRUST CHIPS - BUY BOX ICINDE (FLOATING KALDIRILDI)
   ===================================================== */
.ProductDetail .sdPdp_v1_trustRow {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--sdPdp-border-soft) !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
}

.ProductDetail .sdPdp_v1_trustChip {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 6px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  font-size: 10px !important;
  color: var(--sdPdp-text-secondary) !important;
  text-align: center !important;
  min-height: 56px !important;
  width: auto !important;
  float: none !important;
  position: static !important;
}

.ProductDetail .sdPdp_v1_trustChip i {
  color: var(--sdPdp-green) !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
}

.ProductDetail .sdPdp_v1_trustChip span {
  line-height: 1.3 !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

/* Kargo chip linki - tasarim korunur */
.ProductDetail a.sdPdp_v1_trustChip--link {
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.ProductDetail a.sdPdp_v1_trustChip--link:hover,
.ProductDetail a.sdPdp_v1_trustChip--link:focus {
  border-color: var(--sdPdp-green) !important;
  background: var(--sdPdp-green-soft) !important;
}

.ProductDetail a.sdPdp_v1_trustChip--link:focus-visible {
  outline: 2px solid var(--sdPdp-green) !important;
  outline-offset: 2px !important;
}

/* Eski trust chips container'i gizle (eger varsa floating olarak) */
.ProductDetail .sdPdp_v1_trustChips {
  display: none !important;
}

/* =====================================================
   10b. TEDARIKCI SATIRI - KART ALTINDA
   BottomList'in en altina tasinir, karta uygun stil verilir.
   ===================================================== */
.ProductDetail .sdPdp_v1_supplierRow {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  padding: 10px 14px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  line-height: 1.4 !important;
  transition: border-color 0.2s ease !important;
}

.ProductDetail .sdPdp_v1_supplierRow:hover {
  border-color: var(--sdPdp-green) !important;
}

/* Sol ikon - magaza ikonu */
.ProductDetail .sdPdp_v1_supplierRow::before {
  content: '\f54e' !important;
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  color: var(--sdPdp-green) !important;
  flex-shrink: 0 !important;
}

/* Label: "Tedarikci" */
.ProductDetail .sdPdp_v1_supplierRow .left_line {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--sdPdp-text-secondary) !important;
  float: none !important;
  line-height: 1.4 !important;
}

/* Iki nokta gizle */
.ProductDetail .sdPdp_v1_supplierRow .center_line {
  display: none !important;
}

/* Sag taraf: tedarikci adi + link */
.ProductDetail .sdPdp_v1_supplierRow .right_line {
  display: inline !important;
  float: none !important;
  margin-left: auto !important;
}

.ProductDetail .sdPdp_v1_supplierRow .right_line a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--sdPdp-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.ProductDetail .sdPdp_v1_supplierRow .right_line a:hover {
  text-decoration: underline !important;
}

/* Link'in yanina ok ikonu */
.ProductDetail .sdPdp_v1_supplierRow .right_line a::after {
  content: '\f054' !important;
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  color: var(--sdPdp-green) !important;
}

.ProductDetail .sdPdp_v1_supplierRow .right_line a span {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Mobil ince ayar */
@media (max-width: 767.98px) {
  .ProductDetail .sdPdp_v1_supplierRow {
    padding: 8px 12px !important;
    gap: 6px !important;
  }
}

/* =====================================================
   11. PRODUCT ICON - Istek Listesi, Fiyat Alarm
   ===================================================== */
.ProductDetail .ProductIcon {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--sdPdp-border-soft) !important;
}

.ProductDetail .ProductIcon > div {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.ProductDetail .ProductIcon a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  color: var(--sdPdp-text-secondary) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  text-align: left !important;
  line-height: 1.3 !important;
  transition: var(--sdPdp-transition) !important;
  overflow: hidden !important;
}

.ProductDetail .ProductIcon a:hover {
  background: var(--sdPdp-green-soft) !important;
  border-color: var(--sdPdp-green) !important;
  color: var(--sdPdp-green-dark) !important;
}

.ProductDetail .ProductIcon .box1 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  width: 100% !important;
  overflow: hidden !important;
  /* Dairesel cerceveleri kaldir */
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ProductDetail .ProductIcon .box1 i {
  font-size: 16px !important;
  display: block !important;
  flex-shrink: 0 !important;
  color: var(--sdPdp-green) !important;
  /* Dairesel cerceveleri kaldir */
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ikon etrafindaki tum dairesel cerceveleri kaldir */
.ProductDetail .ProductIcon a::before,
.ProductDetail .ProductIcon a::after,
.ProductDetail .ProductIcon .box1::before,
.ProductDetail .ProductIcon .box1::after {
  display: none !important;
  content: none !important;
}

.ProductDetail .ProductIcon i::before {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Metin tasmasini onle */
.ProductDetail .ProductIcon .box1 span,
.ProductDetail .ProductIcon a span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Tooltip'leri gizle */
.ProductDetail .ProductIcon .tooltip,
.ProductDetail .ProductIcon .tooltip-arrow,
.ProductDetail .ProductIcon .tooltip-inner {
  display: none !important;
  visibility: hidden !important;
}

.ProductDetail .ProductIcon #divKritikStok {
  display: none !important;
}

/* =====================================================
   12. ACCORDION / TABS - KOMPAKT
   ===================================================== */

/* Bos yorum placeholder */
.sdPdp_v1_emptyComments {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 20px !important;
  text-align: center !important;
}

.sdPdp_v1_emptyComments_icon {
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--sdPdp-green-soft) !important;
  border-radius: 50% !important;
  margin-bottom: 16px !important;
}

.sdPdp_v1_emptyComments_icon i {
  font-size: 24px !important;
  color: var(--sdPdp-green) !important;
}

.sdPdp_v1_emptyComments_title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--sdPdp-text-primary) !important;
  margin-bottom: 6px !important;
}

.sdPdp_v1_emptyComments_subtitle {
  font-size: 13px !important;
  color: var(--sdPdp-text-secondary) !important;
}
.ProductDetail .urunTab {
  margin-top: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}

.ProductDetail .urunOzellik {
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

/* mobilTab - sadece tab navigasyonu icin (icerik degil) */
.ProductDetail .mobilTab > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.ProductDetail .mobilTab > ul > li {
  background: var(--sdPdp-bg-card) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  border: 1px solid var(--sdPdp-border) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.ProductDetail .mobilTab > ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--sdPdp-text-primary) !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: var(--sdPdp-transition) !important;
}

.ProductDetail .mobilTab > ul > li > a:hover {
  background: var(--sdPdp-bg-surface) !important;
}

.ProductDetail .mobilTab > ul > li.active > a {
  background: var(--sdPdp-green-soft) !important;
  color: var(--sdPdp-green-dark) !important;
}

.ProductDetail .mobilTab > ul > li > a::after {
  content: '\f078' !important;
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', FontAwesome !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  color: var(--sdPdp-text-muted) !important;
  transition: transform 0.2s ease !important;
}

.ProductDetail .mobilTab > ul > li.active > a::after {
  transform: rotate(180deg) !important;
  color: var(--sdPdp-green) !important;
}

.ProductDetail .urunDetayPanel {
  padding: 0 12px 12px !important;
  background: transparent !important;
}

/* =====================================================
   12b. YORUM FORMU - Gorunurluk
   NOT: Eski [class*="comment"] wildcard selectoru KALDIRILDI.
   Ticimax yorum sistemi commentTici* classlarini kullaniyor
   ve wildcard hepsini display:block yaparak yildizlari dikey,
   dropdown'u surekli acik gosteriyordu.
   Sadece yorum FORM elemanlari hedeflenir.
   ===================================================== */
.ProductDetail .urunDetayPanel form,
.ProductDetail .urunDetayPanel .divYorumYaz,
.ProductDetail .urunDetayPanel #yorumYaz,
.ProductDetail .urunDetayPanel .commentForm,
.ProductDetail .urunDetayPanel .yorumForm,
.ProductDetail .urunDetayPanel .comment-form {
  visibility: visible !important;
  opacity: 1 !important;
}

.ProductDetail .urunDetayPanel textarea {
  width: 100% !important;
  min-height: 100px !important;
  padding: 10px !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  font-size: 13px !important;
  resize: vertical !important;
}

.ProductDetail .urunDetayPanel input[type="text"],
.ProductDetail .urunDetayPanel input[type="email"] {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  font-size: 13px !important;
}

.ProductDetail .urunDetayPanel .btn,
.ProductDetail .urunDetayPanel button[type="submit"] {
  display: inline-flex !important;
  padding: 10px 20px !important;
  background: var(--sdPdp-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  cursor: pointer !important;
  margin-top: 10px !important;
}

/* =====================================================
   12c. YORUMLAR SEKMESI - MODERN TASARIM
   commentTici* Ticimax siniflarini hedefler.
   ===================================================== */

/* --- a) "X Incelemeye Dayali Genel Derecelendirme" metnini gizle --- */
.commentTiciNumber {
  display: none !important;
}

/* --- b) Genel yorum container --- */
.commentTicimax {
  padding: 0 !important;
  font-family: inherit !important;
}

.commentTiciContainer {
  max-width: 900px !important;
}

.commentTiciContent {
  padding: 0 !important;
}

/* --- c) Ust ozet alani (yildizlar + filtreler) --- */
.commentTiciTop {
  padding: 16px 0 !important;
  margin-bottom: 8px !important;
}

.commentTiciTopDiv {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.commentTiciGeneralRating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.commentTiciRating {
  display: inline-flex !important;
  align-items: center !important;
  pointer-events: auto !important;
}

.commentTiciRating svg,
.commentTiciRating img {
  width: 20px !important;
  height: 20px !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Rating icindeki linkler tiklanabilir */
.commentTiciRating a,
.commentTiciGeneralRating a {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* --- d) Filtre dropdown stili --- */
.commentTiciFilter {
  width: 100% !important;
}

.commentTiciFilterButtons {
  margin-bottom: 12px !important;
}

.commentTiciFilterButtonsOrder {
  position: relative !important;
  display: inline-block !important;
}

.commentTiciFilterButtonsOrder > span,
.commentTiciFilterButtonsOrder > button,
.commentTiciFilterButtonsOrder > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  color: var(--sdPdp-text-secondary) !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: var(--sdPdp-transition) !important;
  pointer-events: auto !important;
}

.commentTiciFilterButtonsOrder > span:hover,
.commentTiciFilterButtonsOrder > button:hover,
.commentTiciFilterButtonsOrder > a:hover {
  border-color: var(--sdPdp-green) !important;
  color: var(--sdPdp-green) !important;
}

.commentTiciFilterOrder {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 10 !important;
  min-width: 180px !important;
  background: var(--sdPdp-bg-card) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  box-shadow: var(--sdPdp-shadow-md) !important;
  padding: 4px 0 !important;
  margin-top: 4px !important;
}

.commentTiciFilterOrder .orderFilter,
.commentTiciFilterOrder li,
.commentTiciFilterOrder a {
  display: block !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  color: var(--sdPdp-text-secondary) !important;
  cursor: pointer !important;
  transition: var(--sdPdp-transition) !important;
  text-decoration: none !important;
}

.commentTiciFilterOrder .orderFilter:hover,
.commentTiciFilterOrder li:hover,
.commentTiciFilterOrder a:hover {
  background: var(--sdPdp-bg-surface) !important;
  color: var(--sdPdp-green) !important;
}

/* --- e) Yildiz filtre butonlari --- */
.commentTiciFilterStars {
  margin-top: 0 !important;
}

.commentTiciFilterStarsUl {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.commentTiciFilterStarsUl > li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 12px !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-secondary) !important;
  cursor: pointer !important;
  transition: var(--sdPdp-transition) !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

/* Filtre li icindeki linkler ve butonlar tiklanabilir olmali */
.commentTiciFilterStarsUl > li a,
.commentTiciFilterStarsUl > li button,
.commentTiciFilterStarsUl > li span {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: inherit !important;
  text-decoration: none !important;
}

.commentTiciFilterStarsUl > li:hover {
  border-color: var(--sdPdp-green) !important;
  color: var(--sdPdp-green) !important;
  background: var(--sdPdp-green-soft) !important;
}

.commentTiciFilterStarsUl > li.active,
.commentTiciFilterStarsUl > li.selected {
  border-color: var(--sdPdp-green) !important;
  color: var(--sdPdp-green-dark) !important;
  background: var(--sdPdp-green-soft) !important;
}

.commentTiciFilterStarsUl > li svg,
.commentTiciFilterStarsUl > li img {
  width: 14px !important;
  height: 14px !important;
}

/* --- f) Yorum ortasi / liste alani --- */
.commentTiciMiddle {
  border-top: 1px solid var(--sdPdp-border-soft) !important;
  padding-top: 8px !important;
}

.commentTiciList {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* --- g) Yorum kartlari --- */
.commentTiciItem {
  padding: 20px 0 !important;
  border-bottom: 1px solid var(--sdPdp-border-soft) !important;
  margin: 0 !important;
}

.commentTiciItem:last-child {
  border-bottom: none !important;
}

.commentTiciItemTitle {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--sdPdp-text-primary) !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

.commentTiciItemText {
  font-size: 14px !important;
  color: var(--sdPdp-text-secondary) !important;
  line-height: 1.65 !important;
  margin-bottom: 12px !important;
}

.commentTiciItemExtra {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 16px !important;
}

.commentTiciItemInfo {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-muted) !important;
}

.commentTiciItemBottom {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 16px !important;
  margin-top: 4px !important;
}

/* --- h) Satin alma badge --- */
.commentTiciItemRecomAndPurc .purchasedBtn,
.commentTiciItemRecomAndPurc .purchased {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  background: var(--sdPdp-green-soft) !important;
  color: var(--sdPdp-green-dark) !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  border: none !important;
}

/* --- i) Yardimci oldu mu butonlari --- */
.commentTiciItemUseful {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-muted) !important;
}

.commentTiciItemUseful span {
  font-size: 12px !important;
  color: var(--sdPdp-text-muted) !important;
}

.commentTiciItemUseful a,
.commentTiciItemUseful button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  color: var(--sdPdp-text-secondary) !important;
  background: var(--sdPdp-bg-surface) !important;
  border: 1px solid var(--sdPdp-border) !important;
  border-radius: var(--sdPdp-radius-xs) !important;
  cursor: pointer !important;
  transition: var(--sdPdp-transition) !important;
  text-decoration: none !important;
}

.commentTiciItemUseful a:hover,
.commentTiciItemUseful button:hover {
  border-color: var(--sdPdp-green) !important;
  color: var(--sdPdp-green) !important;
}

/* --- j) Yorum yildizlari (her yorum icindeki) --- */
.commentTiciItem .commentTiciRating {
  margin-bottom: 6px !important;
}

/* =====================================================
   13. TABLET STILLER (768px - 991.98px)
   ===================================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
  .ProductDetail .ProductDetailMain {
    padding: 8px 16px 20px !important;
  }

  .ProductDetail .categoryTitle {
    padding: 8px 0 4px !important;
    margin-bottom: 0 !important;
  }

  /* Tablet: 2 kolon - sol (gorsel+thumb) %50 / sag (buy box) %50 */
  .ProductDetail .TopDet {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    align-items: start !important;
  }

  .ProductDetail .leftImage {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Tablet'te thumbnail'ler buyuk gorselin altinda yatay */
  .ProductDetail .SmallImages,
  .ProductDetail .AltImgCap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ProductDetail .SmallImages div,
  .ProductDetail .AltImgCapSmallImg {
    width: 70px !important;
    height: 88px !important;
  }

  .ProductDetail .mobileImageSlider,
  .ProductDetail .ProductGallery,
  .ProductDetail .BigImages,
  .ProductDetail .Images {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: var(--sdPdp-radius) !important;
    background: var(--sdPdp-bg-card) !important;
  }

  .ProductDetail .mobileImageSlider img,
  .ProductDetail .BigImages img,
  .ProductDetail .ProductGallery img,
  .ProductDetail .Images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: var(--sdPdp-radius) !important;
  }

  .ProductDetail .RightDetail {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    background: var(--sdPdp-bg-card) !important;
    border-radius: var(--sdPdp-radius) !important;
    padding: 20px !important;
    box-shadow: var(--sdPdp-shadow-md) !important;
    border: 1px solid var(--sdPdp-border-soft) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ProductDetail .ProductName h1 {
    font-size: 17px !important;
    padding-right: 44px !important;
  }

  .ProductDetail .ProductDetailMainRow {
    padding: 0 16px 24px !important;
    margin-top: 16px !important;
  }

  /* Tablet'te buy button goster */
  .ProductDetail .buybutton,
  .ProductDetail #divSatinAl {
    display: block !important;
  }

  /* Tablet'te sticky bar gizle */
  .sdPdp_v1_stickyBar {
    display: none !important;
  }
}

/* =====================================================
   14. MOBIL STILLER (<768px)
   ===================================================== */
@media (max-width: 767.98px) {
  .ProductDetail {
    padding-bottom: var(--sdPdp-sticky-h) !important;
  }

  .ProductDetail .ProductDetailMain {
    padding: 0 !important;
  }

  /* Header gk-mainrow'un breadcrumb'i kapatmasini engelle - SADECE PDP */
  .ProductDetail ~ .gk-mainrow,
  .ProductDetail ~ .header-inner.gk-mainrow,
  .productDetailContainer .gk-mainrow,
  .productDetailContainer .header-inner.gk-mainrow {
    pointer-events: none !important;
  }

  /* Ama header icindeki interaktif elementler tiklanabilir kalsin */
  .productDetailContainer .gk-mainrow a,
  .productDetailContainer .gk-mainrow button,
  .productDetailContainer .gk-mainrow input,
  .productDetailContainer .gk-mainrow .mobile-menu-item,
  .productDetailContainer .gk-mainrow .mobile-search-item,
  .productDetailContainer .gk-mainrow .mobile-cart-item,
  .productDetailContainer .gk-mainrow .mobile-user-item,
  .productDetailContainer .gk-mainrow .header-button,
  .productDetailContainer .gk-mainrow #hb-logo,
  .productDetailContainer .gk-mainrow .newMenuBtnClick,
  .productDetailContainer .gk-mainrow .newSearcBtnClick {
    pointer-events: auto !important;
  }

  /* Breadcrumb container stilleri - SADECE PDP scope */
  .ProductDetail .categoryTitle,
  .productDetailContainer .categoryTitle,
  .ProductDetail .proCategoryTitle,
  .productDetailContainer .proCategoryTitle {
    margin: 0 !important;
    padding: 0 !important; /* Mobilde container padding sifir, breadcrumb kendi padding'ini alir */
    background: white !important;
    border-bottom: 1px solid #f0f0f0 !important;
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
  }

  /* Breadcrumb - flex layout ve font-size:0 ile > karakterlerini gizle - SADECE PDP */
  .ProductDetail .breadcrumb,
  .productDetailContainer .breadcrumb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 0 !important;
    font-size: 0 !important; /* HTML'deki > metin node'larini gizle */
    position: relative !important;
    z-index: 101 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ProductDetail .breadcrumb::-webkit-scrollbar,
  .productDetailContainer .breadcrumb::-webkit-scrollbar {
    display: none !important;
  }

  /* Breadcrumb li stilleri - SADECE PDP */
  .ProductDetail .breadcrumb li,
  .productDetailContainer .breadcrumb li {
    font-size: 13px !important;
    display: inline !important;
    font-weight: 400 !important;
    color: #666 !important;
    white-space: nowrap !important;
  }

  .ProductDetail .breadcrumb li::after,
  .productDetailContainer .breadcrumb li::after {
    content: '›' !important;
    margin: 0 5px !important;
    color: #bbb !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  .ProductDetail .breadcrumb *,
  .productDetailContainer .breadcrumb * {
    font-size: 13px !important;
  }

  .ProductDetail .breadcrumb a,
  .productDetailContainer .breadcrumb a {
    color: #666 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .ProductDetail .breadcrumb a:active,
  .productDetailContainer .breadcrumb a:active {
    color: var(--sdPdp-green, #5d9319) !important;
  }

  .ProductDetail .breadcrumb li a,
  .productDetailContainer .breadcrumb li a {
    display: inline-block !important;
    padding: 4px 0 !important;
  }

  /* Son li'den (urun adi) sonra > isareti olmasin */
  .ProductDetail .breadcrumb li:last-of-type::after,
  .productDetailContainer .breadcrumb li:last-of-type::after {
    display: none !important;
  }

  /* Breadcrumb son gorunen li - JS tarafindan eklenen class ile ayrac gizle */
  .sdPdp-last-visible::after {
    display: none !important;
    content: none !important;
  }

  body ul.breadcrumb .sdPdp-last-visible::after {
    display: none !important;
    content: none !important;
  }

  /* Geri butonunu breadcrumb icine entegre et - SADECE PDP */
  body a#linkOncekiSayfa,
  .ProductDetail #linkOncekiSayfa,
  .productDetailContainer #linkOncekiSayfa {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: var(--sdPdp-bg-surface, #f5f5f5) !important;
    border: 1px solid var(--sdPdp-border, rgba(0,0,0,0.08)) !important;
    border-radius: 50% !important;
    color: var(--sdPdp-text-primary, #1a1a1a) !important;
    font-size: 0 !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    z-index: auto !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.2s ease !important;
    order: -1 !important;
  }

  body a#linkOncekiSayfa:before,
  .ProductDetail #linkOncekiSayfa:before,
  .productDetailContainer #linkOncekiSayfa:before {
    content: '‹' !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body a#linkOncekiSayfa:active,
  .ProductDetail #linkOncekiSayfa:active,
  .productDetailContainer #linkOncekiSayfa:active {
    background: var(--sdPdp-border, rgba(0,0,0,0.08)) !important;
    transform: scale(0.95) !important;
  }

  /* Diger geri buton varyantlarini gizle - SADECE PDP */
  .ProductDetail .breadcrumb > a.back,
  .productDetailContainer .breadcrumb > a.back,
  .ProductDetail .breadcrumb .back.hidden-phone,
  .productDetailContainer .breadcrumb .back.hidden-phone,
  .ProductDetail a.back:not(#linkOncekiSayfa),
  .productDetailContainer a.back:not(#linkOncekiSayfa),
  .ProductDetail .mobile-back-button,
  .productDetailContainer .mobile-back-button,
  .ProductDetail .mobileBackButton,
  .productDetailContainer .mobileBackButton,
  .ProductDetail [class*="back-button"],
  .productDetailContainer [class*="back-button"] {
    display: none !important;
  }

  /* Mobilde gorsel ustundeki urun adini gizle - SADECE PDP */
  .ProductDetail .mobileProductTitle,
  .ProductDetail .mobile-product-title,
  .ProductDetail .leftImage .ProductName,
  .ProductDetail .leftImage h1,
  .ProductDetail .leftImage > h1,
  .ProductDetail .Images + .ProductName,
  .ProductDetail .imageZoomPreview + .ProductName,
  .ProductDetail .ProductDetailMainRow > h1:first-child,
  .ProductDetail .ProductDetailMain > h1:first-child {
    display: none !important;
  }

  .ProductDetail .TopDet {
    display: block !important;
  }

  .ProductDetail .leftImage {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
  }

  /* Mobilde thumbnail'ler gizle */
  .ProductDetail .SmallImages,
  .ProductDetail .AltImgCap {
    display: none !important;
  }

  .ProductDetail .mobileImageSlider,
  .ProductDetail .BigImages {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 5 !important;
  }

  .ProductDetail .mobileImageSlider img,
  .ProductDetail .BigImages img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .ProductDetail .RightDetail {
    position: relative !important;
    background: var(--sdPdp-bg-card) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Mobilde baslik icin chat safe area */
  .ProductDetail .ProductName h1 {
    padding-right: 80px !important;
  }

  .ProductDetail .ProductDetailMainRow {
    padding: 0 16px 20px !important;
    margin-top: 0 !important;
  }

  /* Mobilde ana buy button gizle - sticky bar kullanilacak */
  .ProductDetail .buybutton,
  .ProductDetail #divSatinAl {
    display: none !important;
  }

  /* --- Mobil: Yorumlar sekmesi uyumluluklari --- */
  .commentTiciTopDiv {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .commentTiciFilterStarsUl {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  .commentTiciFilterStarsUl::-webkit-scrollbar {
    display: none !important;
  }

  .commentTiciItem {
    padding: 16px 0 !important;
  }

  .commentTiciItemExtra {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

/* =====================================================
   14. MOBILE STICKY CTA BAR
   ===================================================== */
.sdPdp_v1_stickyBar {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: auto !important;
  min-height: var(--sdPdp-sticky-h) !important;
  background: rgba(255, 255, 255, 0.98) !important; /* iOS fallback */
  background: var(--sdPdp-bg-card, rgba(255, 255, 255, 0.98)) !important;
  padding: 10px 16px !important;
  padding-bottom: calc(10px + constant(safe-area-inset-bottom)) !important; /* iOS 11.0-11.1 */
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; /* iOS 11.2+ */
  box-shadow: var(--sdPdp-shadow-sticky) !important;
  z-index: 9990 !important;
  display: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-top: 1px solid var(--sdPdp-border-soft) !important;
  -webkit-transform: translateZ(0) !important; /* iOS GPU acceleration */
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

@media (max-width: 767.98px) {
  .sdPdp_v1_stickyBar {
    display: flex !important;
  }
}

.sdPdp_v1_stickyBar_price {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 75px !important;
}

.sdPdp_v1_stickyBar_oldPrice {
  font-size: 11px !important;
  color: var(--sdPdp-text-old-price) !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
}

.sdPdp_v1_stickyBar_currentPrice {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--sdPdp-green) !important;
  line-height: 1.1 !important;
}

.sdPdp_v1_stickyBar_btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  background: var(--sdPdp-green-gradient) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--sdPdp-radius-sm) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(93, 147, 25, 0.25) !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  touch-action: manipulation !important;
}

.sdPdp_v1_stickyBar_btn:active {
  transform: scale(0.98) !important;
}

/* iOS active state */
@supports (-webkit-touch-callout: none) {
  .sdPdp_v1_stickyBar_btn:active {
    opacity: 0.9 !important;
  }
}

.sdPdp_v1_stickyBar_btn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
}

/* =====================================================
   15. GALERI - MOBIL SLIDER
   ===================================================== */
.ProductDetail .mobileImageSlider {
  background: var(--sdPdp-bg-card) !important;
}

/* mobileImageSlider img: height/object-fit breakpoint'lere birakildi
   (desktop: satir ~3442 cover, mobil: satir ~4458 cover) */

/* =====================================================
   16. GEREKSIZ ELEMANLAR VE BOSLUKLARI KALDIR
   ===================================================== */
.ProductDetail .clear {
  display: none !important;
}

.ProductDetail .TopList,
.ProductDetail .MiddleList,
.ProductDetail .BottomList {
  display: block !important;
}

/* Footer oncesi gereksiz bosluk */
.ProductDetail + .footerTopContainer,
.ProductDetail ~ .footerTopContainer {
  margin-top: 0 !important;
  padding-top: 24px !important;
}

/* =====================================================
   17. PRINT & REDUCED MOTION
   ===================================================== */
@media print {
  .sdPdp_v1_stickyBar {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ProductDetail * {
    transition: none !important;
  }
}

/* =====================================================
   TICIMAX VARSAYILAN OVERRIDE'LAR
   tema.css satir 294-306'daki float-based layout kurallari
   bizim grid layout ile cakisiyor. Asagidaki kurallar
   bu cakismalari onler.
   ===================================================== */

/* Ticimax float:right + padding-bottom override - tum breakpoint'ler */
.ProductDetail .mobileImageSlider,
.ProductDetail .ProductGallery,
.ProductDetail .BigImages,
.ProductDetail .Images {
  float: none !important;
  padding-bottom: 0 !important;
}

/* .Images img: Ticimax position:absolute override - tum breakpoint'ler */
.ProductDetail .Images img {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  max-height: none !important;
  margin: 0 !important;
}

/* Desktop: SmallImages float override */
@media (min-width: 992px) {
  .ProductDetail .SmallImages {
    float: none !important;
  }
}

/* Mobil: .Images img tam boyut */
@media (max-width: 767.98px) {
  .ProductDetail .Images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}