@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {--theme-color: #262626; }
*{outline: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*reset Css*/
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;  }
body { font-family: 'Inter', sans-serif; margin: 0; padding: 0;font-size:0.8rem; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;-webkit-appearance:none;margin:0}
label { display: inline-block; margin-bottom:0; }
input, button, select, textarea { line-height: inherit; }
img {display:block; border: none; max-width: 100%; }
i{font-style: normal;}
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none;color: #666;transition:background .1s ease-in-out,color .1s ease-in-out;}
a:active, a:hover { outline-width: 0; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
select, input { font-family: 'Inter', sans-serif !important; }
button { -moz-appearance: none;-webkit-appearance: none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical;overflow: auto;  }
#divAdminPopupText{float: left;width: 100%;}
.ProductList ul{margin: 0;padding: 0;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul{margin: 0;padding: 0;list-style: none;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
/*colgrid*/
.pull-center{display: inline-block;vertical-align:top;}
.pull-left{float:left;}
.pull-right{float:right;}
.row {margin-right: -15px; margin-left: -15px;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{padding-right: 15px; padding-left: 15px;  position: relative; width: 100%; min-height: 1px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before {content: "\f39e"!important;}
.hesabimBolumuTutucu i{vertical-align: middle;font-weight: 300;}
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Inter', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
.textbox { font-family: 'Inter', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
.button {font-family: 'Inter', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none;  text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 5px;padding: 0 10px;}
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 5px 5px;}
.cloudzoom-zoom { z-index: 999; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
.KasaOnuFirsatlarContent ul li a.button{border: none!important;}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header{margin-bottom: 50px;}
.Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);}
.Magazalar #searchStore{width: 25%;margin:0;}
.Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);}
.Magazalar #searchStore .buton{width: 105px;background: #222;border-color: #222;}
.Magazalar #searchStore .buton:hover{color: #222;}
.Magazalar .magazalarContent{float: left;width: 100%;margin-top: 50px;}
.Magazalar #nearStores{float: left;width: 100%;}
.Magazalar #nearStores >h2{font-weight: 600!important;color: #222;font-size:18px;}
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {float: left;width: 100%;}
.iletisimContent .row{margin: 0;}
.iletisimContent .AdBan{float: left;width: 50%;}
.iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;}
.iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;}
.iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;}
.iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; }
.iletisimContent .iletisimLeft .Left{display: none;}
.iletisimContent .iletisimLeft .Center{display: none;}
.iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;}
.iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;}
.iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;}
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;}
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';}
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before	{content: '\f1ac';}
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before   {content: '\f3c5';}
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before  {content: '\f2b6';}
.iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;}
.iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;}
.iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;}
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;}
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; }
.iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;}
.iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
.iletisimContent .iletisimForm .rowLeft .span .Center{display: none;}
.iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;}
.iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;}
.iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;}
.iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span .Center{display: none;}
.iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;}
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;}
.iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;}
.iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;}
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;}
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;}
/*------------------------------------Uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;}
.uyeOlContainer .uyeOlRow{margin:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;}
.uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;}
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important;line-height: 1;}
.uyeOlContainer .uyeOlColItem.checkboxItem label span {display: inline-block;vertical-align: top;float: left;font-size: 13px;line-height: 14px;width: calc(100% - 26px);}
.uyeOlContainer .uyeol {width:100%;text-align:center;padding:2px;margin:30px 0;height: 45px;font-size: 15px;line-height: 48px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label input{margin-left: -20px;}
.uyeOlContainer .uyeOlColItem.checkboxItem label:before{margin-right: 10px;}
.uyeOlContainer .uyeOlCol .uyeOlCol{margin-right: 20px;}
.uyeOlContainer #chkSozlesme{margin: 0!important;}
.uyeOlContainer #chkSozlesme + label{width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px;}
.userContainer {float:left;width: 100%;margin: 30px 0;}
.userContainer .userDivLeft,
.userContainer .userDivRight{padding: 0;}
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv{float: left;width: 100%;margin: 10px 0 0;}
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label{width: 93%;float: right;}
.userContainer #chkSozlesme+label {width: 93%;float: right;}
.userContainer .userLeftBox, .userContainer .userRightBox{width: 100%;float: left;margin: 0;padding:25px;}
.userContainer .userLoginBtn, .userContainer .userSignBtn{float: left;width: 100%;}
.userContainer .uyeGirisBeniHatirla{margin: 20px 0;}
.userContainer .uyeGirisBeniHatirla input,.userContainer .uyeGirisBeniHatirla span{float: left;}
.userContainer .uyeGirisBeniHatirla input{width:16px;height:16px;margin-right:10px;}
.userContainer .userPassBtn{margin: 20px 0;}
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; }
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;}
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin{float: left;width: 100%;text-align:center;margin: 50px 0;}
.userLogin .newuserForm .uyelikonay.basariliUyelik{display: inline-block;vertical-align:top;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title{color: #000;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before{content: '\f00c';font-family: 'FontAwesome';display: block;font-size: 40px;color:#097d2d;font-weight:bold;margin-bottom: 10px;}
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4{font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span{font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a{padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer{float: left;width: 100%;margin-top: 10px;}
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
/*Header-Footer*/
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
/*sepetacilir*/
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden;}
.mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
@media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }}
.CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
.CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
.CartProduct ul { padding: 0; margin: 0; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
.CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .SepetTopAdet { }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 300; }
.CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
.CartProduct .SPrice li { font-size: 0; }
.CartProduct .SPrice li span { float: left; color: #000; font-size: 14px; text-transform: uppercase; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
.CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #000; }
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.CartProduct.more .SPrice { display: block; }
.CartProduct.more .Title { display: block; }
.CartProduct.more .cart-footer { display: block; }
.CartProduct.more .headerCartBtn { display: block !important; }
.CartProduct.more .headerOrderBtn { display: block !important; }
.sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; }
.sepetimBody .mycart:hover:after  {display: none;}
/*socialbutton*/
.welcome li {display:inline-block;vertical-align:top;}
.headerSocialConnect { display:none !important; float: right; margin-left: 25px;}
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0;font-size: 12px;font-weight:normal;padding:0;}
.headerSocialConnect .baglanButton a:before {content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px;line-height: 43px;vertical-align:top;font-weight: normal;}
.usernav { display: none; }
/*yukaribtn*/
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;}
#back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: var(--theme-color);fill: #fff; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
#back-to-top a svg{height: 25px;}
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent { float: left; width: 100%; margin:30px 0; position: relative;}
.homeContainer .ProductListContent .ProductList {display:block;margin: 0 auto;}
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px;width: 25%;max-width: 25%;}
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;}
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%;}
.categoryContainer .ProductList { margin: 0 -10px }
.categoryContainer .ProductListContent .productItem { margin-bottom: 20px;}
.ItemOrj { float: left;padding: 0 10px;width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
/*urun*/
.productItem { width: 100%; position: relative; text-align: center;display: inline-block;float: left;}
.productItem .productIcon {width:100%;float: left;}
/*urunresim*/
.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;border-radius: 6px;}
.productItem .productImage a, body .productItem .productImage a.Videolu{ display: block; position: relative;padding-bottom: 140%;}
.productItem .productImage img, .productItem .productImage .Videolu video {  position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;transition: 1s!important;transform: translateY(30px)!important; visibility: hidden;opacity: 0;max-height: 100%!important;}
.productItem .productImage img.loaded, .productItem .productImage .Videolu video.loaded,.productItem .productImage img.owl-lazy,.productItem .productImage .owl-item.active img, .productItem .productImage .owl-item.active .Videolu video{transform: translateY(0)!important;visibility: visible;opacity: 1;}
/*urunaciklama*/
.productItem .productDetail { display: block; float: left; width: 100%; text-align: left;padding:0 14px 14px;position: relative;}
/*urunad*/
.productItem .productName { position: relative;margin:10px 0 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: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing: -0.14px;/*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/}
/*urunfiyat*/
.productItem .productPrice { display:inline-block; vertical-align: top; position: relative; margin: 18px 0 0; bottom: 0;}
.productItem .discountPrice {display: block;float: right;}
.productItem .discountPrice span {color: #000;font-size: 18px; line-height:21px;font-weight:500;letter-spacing: -0.36px;}
.productItem .IndirimVar .discountPrice span{color: #000;}
.productItem .discountKdv, .productItem .regularKdv  {display:none;}
.productItem .regularPrice { display:block !important;float: left;margin-right: 10px;margin-top: 0;}
.productItem .regularPrice span {font-size: 18px;color: #B7B7B7;-moz-text-decoration-color: #B7B7B7; text-decoration-color: #B7B7B7; line-height: 21px; font-weight:300; text-decoration: line-through;letter-spacing: -0.36px;}
/*urunpuan*/
body .productDetail .productPointTxt{width:auto;margin:10px 0 0 10px;line-height:12px;}
body .productDetail .productPointTxt:before{line-height:12px;}
.productItem .productPoints{float: left;width: 100%;clear: none;margin: 10px 0 0;}
.productItem .productPoints .rating{margin: 0;}
.productItem .productPoints .rating i{color: #cacaca;font-size: 17px;margin-right: 1px;}
.productItem .productPoints .rating i:last-child{margin-right: 0;}
.productItem .productPoints [data-rating^='1'] .star-1 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='1,5'] .star-2,
.productItem .productPoints [data-rating^='1.5'] .star-2,
.productItem .productPoints [data-rating^='1,6'] .star-2,
.productItem .productPoints [data-rating^='1.6'] .star-2,
.productItem .productPoints [data-rating^='1,7'] .star-2,
.productItem .productPoints [data-rating^='1.7'] .star-2,
.productItem .productPoints [data-rating^='1,8'] .star-2,
.productItem .productPoints [data-rating^='1.8'] .star-2,
.productItem .productPoints [data-rating^='1,9'] .star-2,
.productItem .productPoints [data-rating^='1.9'] .star-2 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='2'] .star-1 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='2'] .star-2 { color: var(--theme-color); }
.productItem .productPoints [data-rating*='2,5'] .star-3,
.productItem .productPoints [data-rating*='2.5'] .star-3,
.productItem .productPoints [data-rating*='2,6'] .star-3,
.productItem .productPoints [data-rating*='2.6'] .star-3,
.productItem .productPoints [data-rating*='2,7'] .star-3,
.productItem .productPoints [data-rating*='2.7'] .star-3,
.productItem .productPoints [data-rating*='2,8'] .star-3,
.productItem .productPoints [data-rating*='2.8'] .star-3,
.productItem .productPoints [data-rating*='2,9'] .star-3,
.productItem .productPoints [data-rating*='2.9'] .star-3 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='3'] .star-1 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='3'] .star-2 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='3'] .star-3 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='3,5'] .star-4,
.productItem .productPoints [data-rating^='3.5'] .star-4,
.productItem .productPoints [data-rating^='3,6'] .star-4,
.productItem .productPoints [data-rating^='3.6'] .star-4,
.productItem .productPoints [data-rating^='3,7'] .star-4,
.productItem .productPoints [data-rating^='3.7'] .star-4,
.productItem .productPoints [data-rating^='3,8'] .star-4,
.productItem .productPoints [data-rating^='3.8'] .star-4,
.productItem .productPoints [data-rating^='3,9'] .star-4,
.productItem .productPoints [data-rating^='3.9'] .star-4 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='4'] .star-1 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='4'] .star-2 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='4'] .star-3 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='4'] .star-4 { color: var(--theme-color); }
.productItem .productPoints [data-rating^='4,5'] .star-5,
.productItem .productPoints [data-rating^='4.5'] .star-5,
.productItem .productPoints [data-rating^='4,6'] .star-5,
.productItem .productPoints [data-rating^='4.6'] .star-5,
.productItem .productPoints [data-rating^='4,7'] .star-5,
.productItem .productPoints [data-rating^='4.7'] .star-5,
.productItem .productPoints [data-rating^='4,8'] .star-5,
.productItem .productPoints [data-rating^='4.8'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5 { color: var(--theme-color) }
.productItem .productPoints [data-rating="5"] i { color: var(--theme-color); }
/*Urun Iconlari*/
.favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon{ z-index: 3; display: none;}
.discountIcon span,.mycartIcon a span{font-weight: 700;}
.favori a, .examineIcon a, .mycartIcon a {display: block;}

.hizliKargoIcon,.cargoIcon,.newIcon,.discountIcon{display:none;}
.productIconEx{position:absolute;left:9px;top:8px;z-index:9;}
.productIconEx > div{display:flex!important;float:left;clear:left;padding:0 18px;height:30px;line-height:normal;overflow:hidden;background:var(--theme-color);border-radius:6px;margin:0 0 10px;color:#fff;font-size:11px;font-weight:700;align-items:center;text-align:center;justify-content:center;transition: .5s;letter-spacing: -0.11px;text-transform: uppercase;}
.productIconEx > div:hover{margin-left: 10px;}
.productIconEx > div.discountIcon .discountIcon_s2{display: inline;vertical-align: middle;padding-left: 3px;}
.ozelAlan5,.ozelAlan4,.ozelAlan3,.ozelAlan2,.ozelAlan1{display:none;}
.productIconExSpecial{position:absolute;top:8px;right:9px;z-index:9;}
.productIconExSpecial > div{float:right;clear:right;margin:0 0 10px;display: flex !important; padding: 0 18px; height: 30px; line-height: normal; overflow: hidden; background: var(--theme-color); border-radius: 6px; margin: 0 0 10px; color: #fff; font-size: 11px; font-weight: 700; align-items: center; text-align: center; justify-content: center; transition: .5s; letter-spacing: -0.11px; }
.productIconExSpecial > div:hover{margin-right: 10px;}

.productOnYazi{float:left;width:100%;margin:10px 0 0;}
.productStokKodu{float:left;width:100%;margin:10px 0 0;}
.productSatisBirimi{float:left;width:100%;margin:10px 0 0;}
.productDetail > .productMarkaLogo{display:flex!important;}
.productMarkaLogo{float:left;width:100%;height:70px;align-items:center;justify-content:center;}
.productMarkaLogo img{margin:0 auto;max-height: 100%;}
.productItem > .itemCategory {display: none; }
.productItem .productDetail .itemCategory {display: block; position: relative; margin: 10px 0 0; float: left; width: 100%; padding: 0; line-height: 18px; height: 18px; font-weight: 400; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/ }
.productMarka{display:block;float:left;width:100%;font-size:14px;font-weight:400;color:#000;margin: 10px 0 0;}
.boxUrunlerContent{float:left;width:100%;margin:18px 0 0;display: none;}
.productDetail .boxUrunlerContent{display: block;}
.boxUrunlerContainer{float:left;width:100%;display:flex;flex-wrap:wrap;gap:5px;}
.boxUrunlerContainer > div{}
.boxUrunlerContainer > div > a{width:19px;overflow:hidden;border:none;padding:0;border-radius:50%;height:19px;transition:.3s;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #ECECEC;}
.boxUrunlerContainer > div a img{border:none;border-radius:50%;position: relative;z-index: 2;}
.boxUrunlerContainer > div > a:after{content: '\f00c'; background: transparent !important; color: #fff; line-height: 19px; width: 19px; height: 19px; position: absolute; z-index: 3; font-family: 'FontAwesome'; text-align: center; font-size: 8px;display: none;}
.boxUrunlerContainer > div:hover > a:after,.boxUrunlerContainer > div.active > a:after{display: block;}
.productItem .productDetail .mycartIcon{display: block;margin-top: 18px;float: left;width: 100%;}
.productItem .productDetail .mycartIcon a{border-radius: 6px;background: #fff;line-height: 50px;text-align: center;text-transform: uppercase;letter-spacing: -0.16px;font-size: 16px;font-weight: 700;background: var(--theme-color);color: #fff;border:1px solid var(--theme-color);position: relative;overflow: hidden;}
.productItem .productDetail .mycartIcon a:hover {color: #000;border-color:#000; }
.productItem .productDetail .mycartIcon a:after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: #fff; visibility: hidden; transition: .8s; }
.productItem .productDetail .mycartIcon a:hover:after {top: 50%; visibility: visible; }
.productItem .productDetail .mycartIcon a span {position: relative; z-index: 2; }

.proDetailArea {float: left; width: 100%; margin: 10px 0 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
div#divOzelAlan1,div#divOzelAlan2,div#divOzelAlan3,div#divOzelAlan4,div#divOzelAlan5 {display: none; }
.proDetailArea > div {display: block!important; padding: 10px 15px; background: var(--theme-color); color: #fff; border-radius: 20px; transition: .5s; font-size: 13px; transform: translateY(0);}
.proDetailArea > div:hover {transform: translateY(5px); }

/*tukendi*/
.productItem > .TukendiIco{display: none;}
.productItem .productDetail .TukendiIco {border-radius: 6px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: -0.16px; font-size: 16px; font-weight: 700; background: #fff; color: #000; border: 1px solid #000; position: relative; overflow: hidden; display: block; margin-top: 18px; float: left; width: 100%; pointer-events: auto; }
.productItem .productDetail .TukendiIco:hover {color: #fff;border-color:var(--theme-color); }
.productItem .productDetail .TukendiIco:after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: var(--theme-color); visibility: hidden; transition: .8s; }
.productItem .productDetail .TukendiIco:hover:after {top: 50%; visibility: visible; }
.productItem .productDetail .TukendiIco span {position: relative; z-index: 2; }
/*stokyok*/
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; }
/*playbuton*/
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';}
/*ekbutonlar*/
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;}
/*******************************************KATEGORi**********************************/
.Block_Title { display: none; }
.noProduct { background: url('../../Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*kategoriAciklama*/
.categorydesign {float: left;width: 100%;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign *{}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img {display:inline-block;vertical-align:middle;}
/*breadcrumb*/
.breadList.breadActive{display: none!important;}
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto;display: flex!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;flex-wrap: wrap;}
body ul.breadcrumb * { color: #000000; font-size: 13px!important; line-height: 25px!important; float: left; font-weight: normal;letter-spacing: -0.13px;}
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: #000; font-size: 13px; line-height: 25px; float: left; font-weight:normal;letter-spacing: -0.13px;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body ul.breadcrumb li:nth-last-of-type(1) a span{}
body ul.breadcrumb li a:hover span{color: #fff;}
body a#linkOncekiSayfa {line-height: 30px ; display: none;color: #000;font-size: 13px!important; font-weight: normal;letter-spacing: -0.13px;}
.leftImage a#linkOncekiSayfa {display: none;}
ul.breadcrumb li a{padding:0 10px;position:relative;overflow:hidden;border-radius:6px;}
ul.breadcrumb li a span{position:relative;z-index:2;transition:.3s;}
ul.breadcrumb li a:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
ul.breadcrumb li a:hover:after{top:50%;visibility:visible;}
/*ustalan*/
.categoryTitleText {float: left;width: 100%;padding: 15px 0;}
.categoryTitle { float: left; width: 100%;}
body #divSayfalamaUst { float: right; margin:25px 0;padding:0;text-align: center;}
.urunListRel { width: 100%; float: left; position: relative;}
.brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;}
.brandlistselection .clear { clear: none;display: none; }
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.brandlistselection .sortingContent{background:#fff;float: right;width: calc(100% - 170px);}
.centerCount.LeftMiddle .brandlistselection .sortingContent{width: 100%;}
.brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;padding: 0;display: none;}
.blockSelect .sort_hrz{display: none!important;}
.blockSelect .sort_2{display: none!important;}
.blockSelect .sort_5{display: none!important;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;}
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;}
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 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;border-radius: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width: 100%; background:transparent;line-height: 1;margin: 0;padding: 0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;}
/*sayfalama*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin:0;}
.pageNumber { float: right; text-align: right; margin:0;display: none;}
.pageNumber a { }
.pageNumberContent { }
.pageNumberBottom { float: right; text-align:center;margin:25px 0;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {min-width:35px;height:35px;line-height:35px;font-size:15px;font-weight:bold;color: #000;background:transparent;border-radius:50%;border:none;float:left; position: relative;display: block;text-align:center;margin: 0 5px;overflow: hidden;transition: .5s;}
.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;}
.pageBorder a:before{content:'';top:0;left:0;bottom:0;right:0;background:#ECECEC;position:absolute;z-index:-2;}
.pageBorder a::after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;z-index: -1;}
.pageBorder a:hover:after{top: 50%;visibility: visible;}
.pageBorder a.SelectedSayfa:after{top: 50%;visibility: visible;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain{float:left;width: 100%;}
.ProductDetailMainRow{float:left;width: 100%;}
.TopDet { float: left; width: 100%; position: relative;margin:0;}
.leftImage { width: 66%; float: left; position: relative;padding:0;opacity: 0;visibility: hidden;}
.RightDetail { width:34%; float: left; position: relative;padding: 0 0 0 44px;opacity: 0;visibility: hidden;}
.TopDet .leftImage,.TopDet .RightDetail{visibility: visible;opacity: 1;}
/*Urun Resim*/
body .leftImage .ProductGallery {float: left;width: 100%;}
body .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;}
body .leftImage .ProductGallery .gallery-container .GalleryArea {float: right;width: 500px;margin: 0;padding: 0;display: none;}
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left; width: 100%; display: block; border: none; position: static;}
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {display: flex!important; float: left; width: 100%; flex-wrap: wrap; padding: 0; overflow: hidden; }
body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left; width: 50%; padding: 0 5px 5px 0;cursor: pointer;}

body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images,#divVideoGoruntulemeAlan { float: right; width: 500px;display: none!important}
.Images img,#vdUrunVideo { }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: flex!important; float: left; width: 100%;flex-wrap:wrap;}
.SmallImages div {float: left; width: 50%; padding: 0 5px 5px 0;cursor: pointer;}
.SmallImages div img {max-width: 100%; max-height: 100%;}
#divThumpVideo {display: none; }
.SmallImages #divVideoGoruntulemeAlan{display: block!important;width: 50% !important;}

.leftImage .productTimer{display: none!important;}
.DetayYeniUrun {display:none!important;}
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; position: relative;}
.RightDetail .MiddleList { float: left; width:100%; position: relative;}
.RightDetail .BottomList { float: left; width:100%; position: relative;}
/*urunadi*/
.ProductName { float:left;position: relative;margin:0;width: 100%;}
.ProductName h1 { margin: 0; float: left;width: 100%;}
.ProductName h1 span { float: left; width: 100%; display: inline-block; color: #000; font-size: 30px;letter-spacing: -0.3px; font-weight:700;}
/*stokkodu*/
#divUrunKodu {float:left;clear:left; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0;margin:10px 0 0;}
#divUrunKodu span{ display:inline-block;vertical-align:top;color: #000; font-size: 14px; font-weight: normal; position: relative; line-height: 14px;float: left;}
#divUrunKodu span:after{content: ':';margin: 0 4px;}
/*taksitaciklama*/
#divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;}
#divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;}
/*paunver*/
.RightDetail .puanVer {float: left; clear: left; padding: 10px 20px 20px; background: #F5F6F8; margin-top: 10px;}
.RightDetail #PuanVer{float: left;margin-top:10px;}
.RightDetail .PuanVerSag {float: left;color: #707070;font-size: 14px;line-height: 15px; margin: 10px 0 0 10px;}
.RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; }
.RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 2px 0 0;font-size: 0;}
.RightDetail ul.rating li i.starItem { font-size: 15px; line-height:15px;height: auto;font-weight: 300;font-family:'FontAwesome';position:static;}
.RightDetail ul.rating li i.starItem:before { content: '\f005';}
.RightDetail ul.rating li i.starItem:hover { font-size: 15px; font-weight: 600;}
.RightDetail ul.rating li.filled i {  font-weight: 600;}
.RightDetail .rating-stars ul>li.star.hover>i.fa{font-weight:600;}
.RightDetail .rating-stars ul>li.star.selected>i.fa{font-weight:600;}
.RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa,
.RightDetail .rating-stars ul>li.star.selected>i.fa{color: var(--theme-color);}
/*markaresmi*/
.markaresmi { float: left;position: relative; z-index: 1; display: none!important;}
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%;float: left;}
/*magazastok*/
#divMagazaStok{float:left;clear:left; margin:10px 0 0!important;}
#divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
/*on yazi*/
#divOnyazi {float:left;width: 100%;}
#divOnyazi .teksatir{margin: 15px 0 5px;float: left;width: 100%;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'Inter', sans-serif !important;}
#divOnyazi strong {font-weight:bold;}
#divOnyazi strong * {font-weight:bold;}
#divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;}
/*fiyatlar*/
.urunDetayFiyatContainer{}
.PriceList { float:left;position:relative;width: 100%;padding: 0;margin:10px 0 0;}
#pnlFiyatlar { display: inline-block; vertical-align: top;float:left;}
#divIndirimliFiyat {display: block;}
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
#divIndirimOrani{ float:left;clear:left;margin-top:10px;line-height:14px;}
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
#divIndirimOrani .left_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line,
#divIndirimOrani .center_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
#divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani,
#divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;}
/*indirim orani*/
#divIndirimOrani {margin-top: 20px; background: var(--theme-color); padding: 0 8px;height: 28px; overflow: hidden; float: left; clear: left; display: inline-block; vertical-align: top; }
#divIndirimOrani .left_line,#divIndirimOrani .center_line {display: none; }
#divIndirimOrani .indirimliOrani, #divIndirimOrani .indirimliOrani * {line-height: 28px; overflow: hidden; font-size: 12px; font-weight: 700; color: #fff;letter-spacing: -0.48px; text-align: center; text-transform: uppercase;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;float: left;margin-right: 6px;}
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;}
.PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through;}
.PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;}
/*indirimli fiyati*/
.IndirimliFiyatContent {display: block;float: left;}
.IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;}
.IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; }
.IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block;}
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;}
#divTurkLirasiFiyat .right_line { display: inline-block;}
#divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat {display: block;}
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;}
#divIndirimsizFiyat .right_line { display: inline-block;font-weight: normal; }
#divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;}
#divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;}
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block;float: left;margin-top: 8px;}
#divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;}
#divKDVDahilFiyat .center_line { display: none;}
#divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
/*fiyatrenk*/
.PiyasafiyatiContent .right_line *{color: #B7B7B7; font-size: 16px;letter-spacing: -0.32px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line{color: #000;}
#divIndirimliFiyat .IndirimliFiyatContent .right_line *{color:#000;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *{font-size: 20px; font-weight: 500;}
#divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line,.IndirimliFiyatContent,.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,.PiyasafiyatiContent .right_line *,#divTurkLirasiFiyat ,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat,#divKDVDahilFiyat {line-height: 24px;}
/*Stok yok*/
body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 14px;color: #000;font-weight: normal;text-align: center;padding: 5% 0;background-color: #f2f5f6;border-radius: 0;}
body #divStokYok:before{content: '\f057';font-family:'FontAwesome';font-weight:300;width: 100%;float: left;font-size: 30px;margin-bottom: 20px;}
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left;clear:left;margin-top: 10px;}
#divEkstraBilgiler img { max-width: 100%;display:block;}
.btnnostok i.fa{font-family: 'FontAwesome';}
/*varyasyonlar*/
#divUrunEkSecenek { float: left;width: 100%;position: relative;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin:0;float: left;width: 100%;}
#divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;border: none;padding-bottom: 0;}
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: 50px;color: #000;font-size: 14px;font-weight:600;letter-spacing: -0.14px;}
#divUrunEkSecenek .eksecenekLine .center_line {display: none;}
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;font-size: 15px;position: relative;color: #000;letter-spacing: 0.38px;font-weight: normal;margin-right: 10px;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}
/*selectvaryasyon*/
#divUrunEkSecenek .eksecenekLine.selectvaryasyon {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 100%;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width: 100%;float: left;height: 40px;border:1px solid #D7D7D8;color: #000;font-size: 15px;letter-spacing: 0.38px;font-weight: normal;padding: 0 30px 0 10px;background: #fff url('../../Uploads/EditorUploads/images/selectbg.svg') no-repeat center right 10px;border-radius:3px;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {width: 20px; border: 1px solid #fff; border-radius: 100%; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected,
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{border-color: #000;}
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 41px;height: 41px;line-height: 39px;text-align:center;border: 1px solid #D7D7D8;border-radius:3px;padding: 0 2px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {font-size: 17px;font-weight: 600;border-color: #000;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {font-size: 17px;font-weight: 600;border-color: #000;}
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;color: #A9A8A8!important;border-color:#D7D7D8!important;font-weight: normal!important;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #cecece; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);-webkit-transform:rotate(140deg);display: none;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:before {width: 24px; height: 24px; background: #000 url('../../Uploads/EditorUploads/images/bell.svg') no-repeat center; border-radius: 100%; position: absolute; right: -10px; top: -11px; content: ""; }
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%;}
#IlgiliUrunDiv #divIlgiliUrunler {}
.TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;padding: 0;}
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold{padding: 0;margin: 0;text-align:left;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;}
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin: 0;border: none;font-size: 13px;line-height: 40px;font-weight: normal;color: #000;}
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;margin-bottom: 10px; border-radius: 0;overflow:hidden;}
.TopDet #IlgiliUrunDiv ul li:hover {}
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0;box-shadow:none!important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer {display: none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage {padding: 0;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a {}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {display: none!important;}
.TopDet #IlgiliUrunDiv ul li .productItem .productImage img {}
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }
body #productDetailRelated{padding:30px 0 0;}
body #productDetailRelated .JKatAdi{}
body #productDetailRelated .JKatAdi .bold{text-align: left;margin-bottom: 8px!important}
body #productDetailRelated .JKatAdi .bold .satir1{font-size:14px;font-weight:600;color:#262626;line-height:20px;}
body #productDetailRelated>a{width:115px;padding:0;margin:0 10px 10px 0;position:relative;}
body #productDetailRelated>a img{border:none;}
body #productDetailRelated>a:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid transparent;transition:.3s;}
body #productDetailRelated>a:hover:after{border-color:var(--theme-color);}
body #productDetailRelated>a.active:after{border-color:var(--theme-color);}
/*satinal*/
#divSatinAl { float: left;width: 100%;margin:20px 0;padding: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
#divAdetCombo .right_line,.RightDetail .riSingle{width: 132px;}
#txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input,
.buyfast input{height: 64px!important;}
.Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown{line-height: 64px;}
/*Adet Select*/
#divAdetCombo { display: block!important;position:relative;float: left;clear: left;}
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left;max-width: 100%!important;}
#divAdetCombo select { width: 100%; padding: 0 15px; text-align: left;}
/*Adet input*/
.RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;}
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 45px !important;font-size: 0;border-radius: 6px; background:#DDDDDD;top:0;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 10px;}
.RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #000;}
.RightDetail .riSingle a.riUp {left:auto;right:0;}
.RightDetail .riSingle a.riDown {left:0;}
/*adetveselect*/
.Basketinp { display: block;position: relative;float: left;clear: left;}
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: 600;margin:0;float: left;clear:left;line-height: 64px;letter-spacing: -0.14px;}
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi {width: 100% !important; text-align: center; display: inline-block;padding: 0; appearance: none; -moz-appearance: none;-webkit-appearance: none;}
#txtbxurunSiparisAdedi { background: #fff;color: #000;border:none;font-size: 20px;font-weight: 600;float: left;margin: 0;border-radius:0;}
#divAdetCombo select { background: #fff url('../../Uploads/EditorUploads/images/selectbg.svg') no-repeat center right 10px;color: #000;border:1px solid #ddd;font-size: 20px;font-weight: 600;float: left;margin: 0;border-radius:6px;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn ,
.buyfast { float: left;margin: 0 0 0 20px;}
#divKombinSatinAl a,
.buyfast input,
.basketBtn input {color: #fff; font-weight: 600; font-size:18px;letter-spacing: 1.8px; width:100%;display: inline-block;vertical-align:top; padding: 0;border:none; border-radius:6px;text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;}
.basketBtn{width: calc(100% - 157px);}
/*Hemen Al*/
.buyfast {width: 100%;margin:20px 0 0 0;}
.buyfast input {width: 100%;}
/*kombin Al*/
#divKombinSatinAl {margin: 20px 0 0 0;width: 100%;}
#divKombinSatinAl a{}
/*Iconlar*/
.ProductIcon {float: left;width: 100%;margin-top: 30px;}
.ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;}
.ProductIcon .box1 i {display: none;}
.ProductIcon .boxIcon {background: #F7F7F7;border-radius: 50%;margin-right: 10px; fill:#000; width:40px;height:40px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;}
.ProductIcon .boxIcon svg{height:16px;position: relative;z-index: 2;}
.ProductIcon .boxIcon svg path{transition: .5s;}
.ProductIcon > div:hover .boxIcon svg{fill: #fff;}
.ProductIcon > div:hover .boxIcon svg path{fill: #fff;}
.ProductIcon > div{float: left;position: relative;position: relative;margin: 0 0 15px;width: auto;clear: left;}
.ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: flex-start;-webkit-justify-content:flex-start;}
.ProductIcon > div .boxIcon:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
.ProductIcon > div:hover .boxIcon:after{top:50%;visibility:visible;}
/*yazdiryorumtavsiye*/
.ProductIcon2 {float: left;width: 100%;margin-top: 0;}
.ProductIcon2 .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;}
.ProductIcon2 .box1 i {display: none;}
.ProductIcon2 .boxIcon {background: #F7F7F7;border-radius: 50%;margin-right: 10px; fill:#000; width:40px;height:40px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;}
.ProductIcon2 .boxIcon svg{height:16px;position: relative;z-index: 2;}
.ProductIcon2 .boxIcon svg path{transition: .5s;}
.ProductIcon2 > div:hover .boxIcon svg{fill: #fff;}
.ProductIcon2 > div:hover .boxIcon svg path{fill: #fff;}
.ProductIcon2 > div{float: left;position: relative;position: relative;margin: 0 0 15px;width: auto;clear: left;}
.ProductIcon2 > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: flex-start;-webkit-justify-content:flex-start;background: transparent;color: #000;padding: 0;font-size: 14px;font-weight: 400;}
.ProductIcon2 > div .boxIcon:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
.ProductIcon2 > div:hover .boxIcon:after{top:50%;visibility:visible;}
.ProductIcon2 > div > a:hover{background: transparent!important;}
/*paylas*/
.TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top: 10px;text-align: left;}
.TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;list-style: none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
.TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #fff;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.TopDet .product_social_icon_wrapper ul li a svg{width: 15px;}
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a{}
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a{}
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a{}
.TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;}
/*whatsapp*/
.socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important;}
.socialButons iframe { float: left;}
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px; }
/*urun ozellik Bolumu*/ 
#divUrunOzellikAlani{display: none;}
.RightDetail #divUrunOzellikAlani{display: block;}
#divUrunOzellikAlani {margin: 10px 0 0; display: block; float: left; width: 100%;}
#divUrunOzellikAlani .urunTab{float: left;width: 100%;}
#divUrunOzellikAlani .urunTab >ul{list-style:none;padding:0;margin: 0;}
#divUrunOzellikAlani .urunTab >ul >li{float: left;width: 100%;border-bottom:1px solid #E2E2E2;}
#divUrunOzellikAlani .urunTab >ul >li:last-child{border-bottom: none;}
#divUrunOzellikAlani .urunTab >ul >li > a{color: #262626;font-size: 18px;line-height:60px;float: left;width: 100%;padding: 0;font-weight: 500;position:relative;background: #fff!important;}
#divUrunOzellikAlani .urunTab >ul >li > a span{font-weight: 500;}
#divUrunOzellikAlani .urunTab >ul >li .urunDetayPanel{display:none!important;}
#divUrunOzellikAlani .urunTab >ul >li[onofftip="true"] >a{}
#divUrunOzellikAlani .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;}
#divUrunOzellikAlani .urunTab>ul>li>a:before{content:'\f078';font-family:'FontAwesome';font-weight: 400;float:right;margin-left:10px;font-size: 16px;color: #000;}
#divUrunOzellikAlani .urunTab>ul>li[onofftip="true"]>a:before{content:'\f077'}

.urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:10px 0;}
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;}
.urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;}
.urunTabAlt {font-family:'Inter',sans-serif !important;padding:0 10px 0 0;float:left;width:calc(100% - 5px);font-size:14px;line-height:22px;color:#212121;max-height: 275px;overflow-y: auto;overflow-x: hidden;}
.urunTabAlt * { font-family: 'Inter',sans-serif !important;}
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important;}
.urunTabAlt .button { padding: 10px 5px; color: #fff; }
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul li{float: left;width: 100%;}
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;}
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
.urunTabAlt .teknikDetay{display: none;}
.urunTabAlt p{margin: 0;}
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler { float: left; width: 100%; padding:0 20px 20px; margin:50px 0 0;background: #fff;text-align:center;}
#divEtiketler .productModuleTitle {float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin:10px 0; }
#divEtiketler a { color: #696d71; font-size: 13px; }
#divEtiketler a:hover {text-decoration:underline;}
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0!important;margin:0!important;}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:left;position: relative;margin-bottom:30px!important }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: 44px;color: #000;font-size: 36px;letter-spacing: -0.36px;font-weight:bold;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;}
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav{display:block!important;}
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:10px;left:10px;top:40%;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background: rgba(183, 183, 183, 0.8); border-radius:100%;border:none;width: 42px;height:42px;cursor: pointer; text-align: center;position: absolute; font-size: 0;display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover{}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGallerynext:hover,
.owl-carousel .owl-nav .ProductListnext:hover{}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {display: none;}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot{width: 12px;height: 2px;background: #fff; border: none;margin: 5px 4px!important;border-radius: 2px;display: inline-block;vertical-align:top;transition: .5s;}
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active{height: 12px;border-radius: 100%;margin: 0 4px!important;}
#mainHolder_divDesign .owl-carousel .owl-nav > div:hover,.owl-carousel .owl-nav > div:hover{background:#262626;}
#mainHolder_divDesign .owl-carousel .owl-nav > div:hover span:after,.owl-carousel .owl-nav > div:hover span:after{color:#fff;}
#mainHolder_divDesign .productItem .productImage .productList-Image-Owl .owl-dots, .productItem .productImage .productList-Image-Owl .owl-dots{bottom: 25px;display: inline-block;}

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

/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover {color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;}
body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;}
/*------------------------------------Sabit Renkler--------------------------------------------*/
.divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;width: 100%;}
.bottomHead {display: none;}
#divSliderYani {display: none;}
body {background: #fff;}
.ProductList ul{margin: 0;padding: 0;list-style: none;}
.blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
.blogKategori ul{margin: 0;padding: 0;list-style: none;}
.blogCenter ul{list-style: none;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .store ul{padding: 0;margin: 0;list-style: none;}
#footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 0;}
.bottomHead ul{margin: 0;list-style: none;padding: 0;}
.breadList ul{list-style: none;padding: 0;margin: 0;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.CartProduct ul {list-style: none; padding: 0; margin: 0; }
.welcome ul {margin: 0;list-style:none;padding: 0;}
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;}
.urunOzellik .urunTab ul {padding: 0;margin: 0;list-style: none;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
.mBread ul {list-style: none;padding: 0;margin: 0;}
body .sagIcerikTutucu .hsbmLabel .hsbmCheckbox{margin:0 4px;}
body .NewAddress i{display:none;}
.adresDefterim.ng-scope .row{margin:0;}
.NewAddress a{padding:10px;transition:.3s;}
.NewAddress a:hover{background:#000;color:#fff;}
/*Sağ Sepet*/
/*body .miniCartRigth,body .miniCartGiftCodeContent{padding:0 20px;width:400px}
body .miniCartRigthHeader{position:relative;background:#fff;height:80px}
body .miniCartRigthHeader .spnCartTxt{left:0;transform:translateY(-50%);font-size:16px;color:#222;text-align:left;font-weight:500;letter-spacing:.16px;text-transform:uppercase}
body .miniCartRigthHeader .header-close-btn{width:20px;display:flex;align-items:center;justify-content:center}
body .miniCartRigthHeader .header-close-btn svg{fill:#a0a2af;transition:.3s;width:14px;height:14px}
body .miniCartRigthHeader .header-close-btn:hover svg{fill:#f02828}
body .miniCartRigthScroll{height:calc(100dvh - 100px);padding-top:0}
body .miniCartRigthScroll::-webkit-scrollbar{width:0}
body .miniCartSatir1.bottom:first-child,.miniCartSatir1.bottom:nth-child(2),.miniCartSatir2:nth-child(3),.miniCartSatir2:nth-child(2),.miniCartSatir1.bottom.subTotalVatIncluded:nth-last-child(3){display:none}
body .hediyeCekiBtnContent{display:none}
body .miniCartItem{display: block;float: left;width: 100%;}
body .miniCartContent{padding:0;width:100%;height:calc(100% - 110px);overflow: auto;}
body .miniCartContent::-webkit-scrollbar{width: 0;height: 0;}
body .miniCartItem .miniCartRight{max-width:100px;float: left;}
body .miniCartItem .miniCartLeft{max-width:calc(100% - 120px);display: block;float: left;width:calc(100% - 120px);padding-left: 10px;}
body .miniCartDetail{font-size:14px;font-weight:400;color:#343a4f;line-height:20px;gap:0;flex:0;position:static;order:1}
body .miniCartDetail span.minimarka{display:none}
body .miniCartDetail span.miniurunAdi a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:400;color:#222;line-height:20px}
body .miniCartDetail span.ministokKodu{display:none}
body .miniCartButtonSil{position:absolute;top:0;margin:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
body .miniCartButtonSil svg{display:none}
body .miniCartItem .miniCartLeft .miniCartButtonSil a{font-size:0;max-width:100%;flex:none;height:100%}
body .miniCartButtonSil a:after{content:'\f057';font-family:fontawesome;font-size:14px;color:#a0a2af;transition:.3s;font-weight:300}
body .miniCartButtonSil a:hover:after{color:#f02828}
body .miniCartDetail span{float:left;width:100%;}
body .miniCartDetay{order:3;margin-top:6px}
body .miniCartItemprice{flex-direction:row;align-items:center;order:2;margin-top: 10px;}
body .miniCartItemprice .DiscountPrice.lineThrough{font-size:14px;font-weight:400;color:#e98960}
body .miniCartItemprice .CartPrice{font-size:14px;font-weight:500;color:#222;}
body .miniCartSatir1.bottom.totalAmount{border:none;margin:24px 0 18px;min-height:20px;padding:0}
body span.miniCartCol1{font-size:15px;font-weight:700;color:#222;text-transform:uppercase}
body span.miniCartCol2{font-size:15px;font-weight:700;color:#222}
body .miniCartSatir2{padding:0;margin-top:0;border: none;}
body .miniCartSatir2 .checkoutAsGuestButton,body .miniCartSatir2 .signInButton{height:40px;line-height:38px;padding:0;background:#fff;border:1px solid #222;font-size:13px;font-weight:400;color:#222;text-transform:uppercase;transition:.3s;border-radius:5px}
body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:#222;border-color:#222;color:#fff}
body .miniCartDetayItem.adettanim{display:none}
body .miniCartDetayItem.eksecenek{font-size:13px;font-weight:400;color:#222}
body .miniCartDetayItem.eksecenek span:first-child:after{content:'/';margin-left:3px}
body .miniCartSatir2 a.modalDevamEtBTn{height:40px;line-height:38px;padding:0;background:#fff;border:1px solid #222;font-size:13px;font-weight:400;color:#222;text-transform:uppercase;transition:.3s;border-radius:5px;float:left;width:100%;margin-top:10px;text-align:center}
body .miniCartSatir2 a.modalDevamEtBTn:hover{background:#222;color:#fff}
body .miniCartHr{margin:10px 0;background:#e1e1e1;height:1px;float: left;width: 100%;}
body .miniCartSatir2 .signInButton{border-radius:5px;}
body .miniCartItemprice > div{display:none;}
body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartItemprice .CartPrice{display:block;}
body .miniCartItem .miniCartLeft .adettanim3 input{text-indent:0;}
body .miniCartDetayItem.adettanim > div.adettanim3{display:block;margin: 5px 0 0;}
body .miniCartItem .miniCartRight a{height:100%;}
body .miniCartItem .miniCartRight a img{height:100%;object-fit:cover;}
body .miniCartDetay .adettanim3 label{display:none;}*/
/*Sağ Sepet*/
body .account-item .nav-dropdown ul{padding:0;margin:0;list-style:none;}
body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{padding:0;margin:0;list-style:none;}
body .newHeaderNavigation:not(.mobileStyle) .menu-wrap{border-top:1px solid #EBEBEB;padding:10px 0 30px;display:none;}
body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap{display:none;}
body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {flex: 0 0 25.5%;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a {letter-spacing:-0.16px; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span{position: relative;}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span:before {height: 1px; width: 0; position: absolute; bottom: -1px; left: auto; right: 0; content: ""; background: #000; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 8; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a > span:before {width: 100%; left: 0; right: auto; }
body .account-item .header-button-useLogin > ul{padding:0;margin:0;}
body .header-cart-hover ul{list-style:none;}
.detayFixed{display: none;}
/*------------Genel Background--------------*/
a#linkSecilenleriSil,body #hed div.hediCekForm a,
body .uyeOlContainer #btnSave,body .tabLink a,
body .siparisBosBtn a,body .favoriBosBtn a,
body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,
body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .alisverisedevamet,
body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:#000!important;}
body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{border-color:var(--theme-color);}
body .urunTabAlt .button{padding:7px 20px;border-radius:6px;}
body #divNewUyeGirisContent .newUserLoginBtn, 
body .newUyeOlContainer .newUserLoginBtn, 
body .acountDoneContainer .acountDoneLoginBtn, 
body .pageSifreOlustur .newUserLoginBtn, 
body .pageSifremiUnuttum .newUserLoginBtn,
body .commentTicimax .commentTiciNewCommentButton,
body #sepetEkleModal .divAltButonlar a{background: #000;transition: .3s;border-radius: 25px;}
body #divNewUyeGirisContent .newUserLoginBtn:hover, 
body .newUyeOlContainer .newUserLoginBtn:hover, 
body .acountDoneContainer .acountDoneLoginBtn:hover, 
body .pageSifreOlustur .newUserLoginBtn:hover, 
body .pageSifremiUnuttum .newUserLoginBtn:hover,
body .commentTicimax .commentTiciNewCommentButton:hover,
body .urunTabAlt .button:hover,
body #sepetEkleModal .divAltButonlar a:hover{background: var(--theme-color);}
body .userDivTab ul li.active span{border-color: #000;color: #000;}
body .hesabimAnasayfaMenuler ul li a:hover{background: var(--theme-color);}
/*------------Genel Hover--------------*/
a#linkSecilenleriSil:hover,body .uyeOlContainer #btnSave:hover,
body .userLoginBtn:hover,body .userSignBtn:hover,
body .button.basketCompletebtn:hover,body .tabLink a.aktif,
body .tabLink a:hover,body .siparisBosBtn a:hover,
body .favoriBosBtn a:hover,body .yesilButon:hover,
body .commentNone .commentNoneText .commentNoneButton a:hover,
body .NewAddress a:hover,body .iletisimIzinSave a:hover,
body .kuponOlustur .kuponOlusturButon:hover,body .hesabimMenuDon:hover,body .alisverisedevamet:hover,
body #hed div.hediCekForm a:hover{background:var(--theme-color)!important;}
/*-------------Genel Color-------------*/
a#linkSecilenleriSil,body .uyeOlContainer #btnSave,body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{color:#fff!important;}
body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon{color: #fff;}
/*-------------Genel Radius-------------*/
body.sepetimBody .basketCompletebtn,body #hed div.hediCekForm a,body .sepetItem,
body .kirmiziButon,body .kuponOlustur .kuponInput,body .sagIcerikTutucu .satirBlok .hsbmTextbox, body .sagIcerikTutucu .satirBlok .hsbmSelect,
body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .uyeOlContainer #btnSave,
body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .miniCartSatir2 .signInButton,
body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .hesabimAnasayfaMenuler ul li a,body .miniCartSatir2 .checkoutAsGuestButton,
body .siparisListeBos,body .favoriListeBos,body .commentNone,body .hesabimForm .satirBlok .hsbmTextarea,.sepetimBody .MobileHeaderControl .item .cart-btn,
.BasketDetail,body .BasketRigth.BasketHediyeCeki,#hed div.hediCekForm input,.BasketRigth,body .alisverisedevamet,a#linkSecilenleriSil,
body .textbox.txtSepetAdet,body .miniCartBos{border-radius:6px!important;}
/*-------------Genel Page Bacground-------------*/
body .sepetItem,body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .BasketDetail.BasketDetailCargo.ng-scope,
body .hesabimAnasayfaMenuler ul li a,body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .siparisListeBos,
body .favoriListeBos,body .commentNone{background:#F8F8F8;}
/*------------Genel Border None--------------*/
a#linkSecilenleriSil,body .sepetItem,body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,
body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,body .NewAddress a,
body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .NewAddress,
body .uyeOlContainer #btnSave,body .userContainer .userLeftBox,body .userContainer .userRightBox,
.uyeOlContainer #FrmYeniUye > .uyeOlCol{border:none!important;transition: .3s;}
/*-----------Genel Color Sepet---------------*/
body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartButtonSil a:hover:after,
body .miniCartRigthHeader .header-close-btn:hover svg{color:var(--theme-color);fill:var(--theme-color)}
/*------------Genel Padding--------------*/
body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,
body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{padding: 20px;}
/*--------------------------*/
a#linkSecilenleriSilAlt{display:none!important;}
body.sepetimBody{background:#fff;}
body .uyeOlContainer #btnSave{padding: 0;line-height: 39px;}
body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:calc(50% - 10px);}
body ng-form#FrmYeniUye{display:flex;justify-content:space-between;float: left;width: 100%;}
body .alisverisedevamet{line-height:38px;padding:0 15px;}
body .UyelikSilmeAktifDiv{margin-top: 20px;width: 50%;}
body .hesabimMenuDon{padding:0 10px;line-height:32px;margin-bottom: 20px;}
body .solAnaMenu,body .hesabimForm{padding:15px 20px;}

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

#headerNew{background:#000;}
#headerNew.fixed {position: fixed; top: 0; left: 0; right: 0; margin: 0; padding: 0; z-index: 1001; width: 100%;background:#000; border: none; transition: top .3s ease-in-out; }
#headerNew.fixed #top-bar{display: none;transition:.5s;}

body #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .menu-wrap{border-radius: 30px 30px 0 0;}

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

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

body .footerTemp .top .ebultenDivTemp{flex-direction: row; gap: 20px; justify-content: space-between; align-items: center;}
body .footerTemp .top .ebultenDivTemp .eTempTitle{max-width: 550px;}
body .footerTemp .top .newsletterContent{max-width: 400px;}
body .footerTemp .top .newsletterContent #btnMailKaydet{width: 46px;align-items:center;justify-content:center;}
body .footerTemp .socialMedia li a i,body .footerTemp .storeMedia li a i{padding:0!important;width:auto!important;height:auto;transition:.3s;}
body .footerTemp .socialMedia li a:hover i,body .footerTemp .storeMedia li a:hover i{background:transparent!important;color:#297F81!important;}
body .footerTemp .socialMedia li a:hover span,body .footerTemp .storeMedia li a:hover span{color:#297F81!important ;}
body .footerTemp .socialMedia li a span,body .footerTemp .storeMedia li a span{transition: .3s;}
body .footerTemp .footerMenuTitle{letter-spacing: 4.5px;}
body .footerTemp .footerMenuAlt a{}
body .footerTemp .footerMenuAlt a:hover{text-decoration:underline;}
ul.footerText strong{margin:0 3px;}

body .pageNumber .productCountInfo{font-size:13px;font-weight:400;color:#4B4849;}
body .pageNumber .productCountBar{display:none;}
body .pageNumber .divMoreProducts .button{margin:13px 0 0;background: transparent;font-size: 16px;color: #000;line-height: 45px;padding: 0 40px;border-radius: 25px;overflow: hidden;position: relative;transition: .5s;}
body .pageNumber .divMoreProducts .button:hover{color: #fff;}
body .pageNumber .divMoreProducts .button::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #ECECEC;z-index: -2;}
body .pageNumber .divMoreProducts .button:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;z-index: -1;}
body .pageNumber .divMoreProducts .button:hover:after{top: 50%;visibility: visible;}

body #divNextProduct .productItem{padding: 30px 0;}
body #divNextProduct a {padding: 0 0 20px; }

body #divTopProductSearch .newSearcBtnClick a{width: 36px;}
body #divTopProductSearch{flex-direction:row-reverse;}
body #divTopProductSearch .header-search-form-wrapper {padding: 0!important; top: 0!important; position: relative!important; width: 0;-webkit-transition: width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;display: block!important;overflow: hidden;}
body #divTopProductSearch.dropactive .header-search-form-wrapper{width: 300px;overflow: auto;}
body #divTopProductSearch .searchform-wrapper{max-width: 100%;}
body #divTopProductSearch .searchform-wrapper .searchform #divArama{flex-direction:row-reverse;}
body #divTopProductSearch .searchform-wrapper #txtbxArama{}
body #divTopProductSearch .searchform-wrapper #btnKelimeAra{border-radius: 6px 0 0 6px;}
body #divTopProductSearch .searchform-wrapper #btnKelimeAra i{display: none;}
body #divTopProductSearch .searchform-wrapper #btnKelimeAra svg{width: 18px;}

.svgIcon.search-times{background: #F5F6F8;border-radius: 0 6px 6px 0;}
.svgIcon.search-times:after{content:'\f00d';font-family:'FontAwesome';font-weight:300;font-size:24px;line-height:18px;}
.svgIcon.search-times svg{display:none;}

.svgIcon.cart-svg,.svgIcon.fav-svg,.svgIcon.mem-svg,.svgIcon.menu-svg,.svgIcon.search-svg,.svgIcon.search-times{display:flex;align-items: center;gap: 10px;padding: 9px;border-radius: 6px;}
.svgIcon.cart-svg:hover,.svgIcon.fav-svg:hover,.svgIcon.mem-svg:hover,.svgIcon.menu-svg:hover,.svgIcon.search-svg:hover,.svgIcon.search-times:hover{background: #F5F6F8;}
body #divTopProductSearch.dropactive .svgIcon.search-times{border-radius: 0 6px 6px 0;}
body .solAnaMenu ul li.Active > ul li a:After{top:50%;transform:translateY(-50%);height:auto;}

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

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

/*siteozelalan*/
body #mainHolder_divDesign .owl-item.active .blokResimLink img,body .productItem .productImage img {width: 100%; }

body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper{padding: 40px 60px;gap:15px;transition: 1.5s; transform: translateY(70px); visibility: hidden; opacity: 0; transition-delay: .5s;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .owl-item.active .bannerWrapper .bannerDescriptionWrapper {transform: translateY(0); visibility: visible; opacity: 1; }
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{letter-spacing: -0.5px;font-size: 50px;font-weight: 600;max-width: 320px;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle{letter-spacing: -0.16px;font-size: 16px;font-weight: 400;max-width: 300px;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton {font-size: 14px;letter-spacing: -0.14px; font-weight: 600; padding: 9px 20px; margin-top: 30px; overflow: hidden; border-radius: 6px; position: relative;transition: color 0.4s;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton:after{content: "\f178";font-family: 'FontAwesome';font-weight: 400;margin-left: 5px;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{color: #000; background: #fff;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond{color: #fff; background: #000;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird{color: #fff; background: #000;border:1px solid #fff;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth{color: #000; background: #fff;border:1px solid #000;}
body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}

body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .owl-nav{display: block;}

body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge{letter-spacing: 7.2px;font-size: 36px;font-weight: 100;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 90px;font-weight: 900;font-style: italic;letter-spacing: -0.9px;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .subDateText{font-size: 25px; font-style: italic; font-weight: 600;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate:after {right: -33px;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton {font-size: 14px;letter-spacing: -0.14px; font-weight: 600; padding: 12px 28px; overflow: hidden; border-radius: 6px; position: relative;transition: color 0.4s;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{color: #000; background: #fff;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond{color: #fff; background: #000;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird{color: #fff; background: #000;border:1px solid #fff;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth{color: #000; background: #fff;border:1px solid #000;}
body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}

body #mainHolder_divDesign .bannerSliderBannerWrapper .ticiJustifyCenter{gap:0;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper{padding: 20px 20px;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle{letter-spacing: -0.24px;font-size: 24px;font-weight: 600;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc{letter-spacing: -0.14px;font-size: 14px;font-weight: 400;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper{padding: 20px 20px;gap:15px;transition: 1.5s; transform: translateY(70px); visibility: hidden; opacity: 0; transition-delay: .5s;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .owl-item.active .bannerWrapper .bannerDescriptionWrapper {transform: translateY(0); visibility: visible; opacity: 1; }
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{letter-spacing: -0.24px;font-size: 24px;font-weight: 600;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{letter-spacing: -0.14px;font-size: 14px;font-weight: 400;}
body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .owl-nav{display: block;}

body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width: 1600px; margin: 0 auto;padding: 0;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge{letter-spacing: 7.2px;font-size: 36px;font-weight: 100;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 90px;font-weight: 900;font-style: italic;letter-spacing: -0.9px;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton {font-size: 14px;letter-spacing: -0.14px; font-weight: 600; padding: 12px 28px; overflow: hidden; border-radius: 6px; position: relative;transition: color 0.4s;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst{color: #000; background: #fff;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFirst:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond{color: #fff; background: #000;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeSecond:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird{color: #fff; background: #000;border:1px solid #fff;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeThird:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth{color: #000; background: #fff;border:1px solid #000;}
body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton.buttonTypeFourth:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}

body #mainHolder_divDesign .multiblockWrapper .ticiJustifyCenter{gap:0;}
body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{padding: 30px 30px;}
body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{letter-spacing: -0.24px;font-size: 24px;font-weight: 400;}
body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 56px;font-weight: 600;font-style: normal;letter-spacing: -0.56px;}

body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label{padding: 30px 20px;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokTitle.textTypeSmall{letter-spacing: -0.18px;font-size: 18px;font-weight: 400}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokDesc.textTypeExtraLarge{letter-spacing: -0.62px;font-size: 62px;font-weight: 700}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton {font-size: 14px;letter-spacing: -0.14px; font-weight: 600; padding: 12px 28px; overflow: hidden; border-radius: 6px; position: relative;transition: color 0.4s;margin-top: 25px;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeFirst{color: #000; background: #fff;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeFirst:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeSecond{color: #fff; background: #000;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeSecond:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeThird{color: #fff; background: #000;border:1px solid #fff;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeThird:hover{color: #000;background: linear-gradient(to top, #fff 50%, #000 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeFourth{color: #000; background: #fff;border:1px solid #000;}
body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton.buttonTypeFourth:hover{color: #fff;background: linear-gradient(to top, #000 50%, #fff 50%);background-size: 200% 300%; background-position: bottom; transition: background-position 0.4s;}


.FiltreBtn{float:left;display:flex;border-radius:6px;gap:6px;align-items:center;padding:0 25px;cursor:pointer;height:50px;font-size:16px;font-weight:500;letter-spacing: -0.16px;position:relative;overflow:hidden;transition:.3s;background: var(--theme-color);color: #fff;text-transform: uppercase;}

body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 35px;text-align: left;}
body #mainHolder_divDesign .ticimaxTabHead ul{padding:0;margin:0;list-style:none;}
body #mainHolder_divDesign .ticimaxTabHead li a{font-size:18px;letter-spacing: -0.18px;font-weight:400;color:#000;padding:0;background:transparent;transition:.5s;position:relative;z-index:2;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{background:transparent;color:#fff;}
body #mainHolder_divDesign .ticimaxTabHead li{margin:0 10px;cursor:pointer;padding:10px 16px;background:#E8E8E8;border-radius:6px;position:relative;overflow:hidden;vertical-align:top;border: 1px solid #E8E8E8;}
body #mainHolder_divDesign .ticimaxTabHead li:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:var(--theme-color);visibility:hidden;transition:.8s;}
body #mainHolder_divDesign .ticimaxTabHead li:hover:after{top:50%;visibility:visible;border: 1px solid #000;}
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active:after{top:50%;visibility:visible;border: 1px solid #000;}
body #mainHolder_divDesign .ticimaxTabHead li:hover a{color:#fff;}

body #mainHolder_divDesign .ticiJustifyCenter{gap:16px;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage) {display: flex; align-items: center; text-align: left; gap: 15px; -ms-flex: 0 0 calc(25% - 12px); flex: 0 0 calc(25% - 12px); max-width: calc(25% - 12px); padding: 30px!important;background: #F5F6F8; border-radius: 6px; }
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .blokResimLink.widgetCenterImage{width:60px;min-width:60px;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetCenterImage img{margin:0;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDetail{padding:0;display:flex;flex-direction:column;align-items:start;text-align:left;gap:5px;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{text-align:left;font-size: 16px;font-weight: 600;letter-spacing: -0.16px;color: #000;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size:13px;color: #000;letter-spacing: -0.13px;font-weight: 400;margin:0;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .txcol-6.txcol-sm-2.box-t-mb-15.ticiAlignCenter{padding:0 40px!important;border-right:1px solid #D8D8D8;height:80px;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .txcol-6.txcol-sm-2.box-t-mb-15.ticiAlignCenter:first-child{padding-left:0!important;}
body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .txcol-6.txcol-sm-2.box-t-mb-15.ticiAlignCenter:last-child{padding-right:0!important;border: none;}

body .kombinContent ul {padding: 0; }
body .KombinTopluSatinAlimBtn a {padding: 20px 30px; color: #fff; font-weight: 600; font-size: 18px; letter-spacing: 1.8px; width: 100%; display: inline-block; vertical-align: top; border: none; border-radius: 6px; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }

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

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

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

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

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

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

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

/*--------------Sol----------*/

body .category-vertical-filters{padding:10px 20px;border-radius:20px;margin-top:25px;float: left;width: 100%;}
body .category-vertical-filters > div.vertical-filter-panel{border-bottom:1px solid #e9e9e9;margin-bottom:0;padding-bottom:0;float:left;width:100%;}
body .category-vertical-filters > div.vertical-filter-panel:last-child{padding:0;border:0;margin:0;}
body .category-vertical-filters .vertical-filter-panel .panel-heading{border:none;padding: 0;float: left;width: 100%;margin: 0;}
body .category-vertical-filters .vertical-filter-panel .panel-heading a{font-size:16px;color:#1D1D1D;font-weight:600;float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;line-height: 50px;}
body .category-vertical-filters .vertical-filter-panel .panel-heading a::after{content: '\f068';font-family: 'FontAwesome';font-weight: 300;transition: .5s;}
body .category-vertical-filters .vertical-filter-panel .panel-heading.active a::after{content: '\f067';transform: rotate(90deg);}
.panel-search input{height:35px;border:1px solid;border-radius:3px;margin-bottom: 10px;}
.panel-search{float: left;width: calc(100% - 10px);}
body .category-vertical-filters > div.div-fiyat-filter{padding:0;}
body .category-vertical-filters > div.div-fiyat-filter .FiyatSlider:before{display:none;}
body .category-vertical-filters .vertical-filter-panel .list-group a{font-size:14px;color:#000;line-height:20px;}
body .category-vertical-filters .vertical-filter-panel .list-group{float:left;width:calc(100% - 5px);margin-bottom: 10px;}
body .category-vertical-filters .vertical-filter-panel .list-group-item{float:left;width:100%;margin:0 0 10px;padding:0;}
body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{font-size:14px;color:#000;line-height:20px;margin-left:0;}
body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{width: 18px;height: 20px;line-height: 18px;}
/*--------------Sol----------*/

/*siteozelalan*/
@media (min-width:1042px) {
	select#filterOrderSelect{padding:0 30px 0 50px;border:1px solid #B7B7B7;height:50px;border-radius:6px;text-align:center;appearance:none;cursor:pointer;transition:.5s;position:relative;z-index:2;background:#fff url('../../Uploads/EditorUploads/images/sirala.svg') no-repeat center left 25px;color: #000;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;text-transform: uppercase;}
	body .appliedFilter.FiltrelemeUrunAdet span{margin:0;text-indent:0;line-height:36px;font-size:14px;font-weight:400;color:#000000;position:absolute;left:50%;transform:translateX(-50%);}
	body .sortingContent .blockSelect a.Active i{color:#000;}
	body .sortingContent .blockSelect a i{color:#ACACAC;transition:.5s;}
	body .sortingContent .blockSelect a:hover i{color:#000;}
	body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a{padding:0;border:none;line-height:0;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%!important;overflow: hidden;}
	body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a i{position: relative;z-index: 2;transition: .3s;line-height: 0;}
	body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a:hover i{color: #fff;}
	body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a::after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:#000;visibility:hidden;transition:.8s;}
	body .brandlistselection .sortingContent li.FiltrelemeUrunAdet a:hover:after{visibility: visible;top: 50%;}
	body .brandlistselection .sortingContent li:nth-last-of-type(2){float: left;}
	body .sortingContent .blockSelect{margin-right:30px;display:flex;height:36px;align-items:center;gap:7px;}
	body .brandlistselection .sortingContent li a.btnCatSorting.sort_4 i:before{content:'\f03a';font-weight:300;}

	body .brandlistselection .sortingContent li > a {height: 50px; padding: 0 30px; line-height: 50px; background: #fff; border: 1px solid #B7B7B7; border-radius: 6px!important; margin-right: 10px; transition: .5s; font-weight: 600; color: #000; position: relative; overflow: hidden; font-size: 16px; text-transform: uppercase; }
	body .brandlistselection .sortingContent li > a:hover{color:#fff;background: #000;}
	body .brandlistselection .sortingContent li > a.selected{color:#fff;background: #000;}
	body .brandlistselection .sortingContent li > a:after{content:'';width:150%;height:200%;border-radius:50%;position:absolute;left:50%;top:205%;transform:translate(-50%,-50%);background:#000;visibility:hidden;transition:.8s;}
	body .brandlistselection .sortingContent li > a:hover:after{top:50%;visibility:visible;}
	body .brandlistselection .sortingContent li > a.selected:after{top:50%;visibility:visible;}
	body .brandlistselection .sortingContent li > a span{position:relative;z-index:2;}

	body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 16px; font-weight: 600; color: #000000; display: flex; align-items: center; gap: 10px; line-height: 50px; letter-spacing: -0.16px; text-transform: uppercase;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]:before{content:'';float:left;width:20px;height:20px;border:1px solid #000000;border-radius:6px;line-height:18px;color:#fff;font-size:10px;text-align:center;font-family:'FontAwesome';transition:.3s;font-weight: 400;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]:hover:before{content:'\f00c';border-color:#000;background:#fff;color:#000;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"].selected:before{content:'\f00c';border-color:#000;background:#fff;color:#000;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]:hover{background:transparent;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"].selected{background:transparent;}
    body .brandlistselection .sortingContent li > a[onclick="sortingClick(1000)"].selected {color: #fff; background: #000; }
    body .brandlistselection .sortingContent li > a[onclick="sortingClick(1000)"]:after {content: ''; width: 150%; height: 200%; border-radius: 50%; position: absolute; left: 50%; top: 205%; transform: translate(-50%,-50%); background: #000; visibility: hidden; transition: .8s; }
    body .brandlistselection .sortingContent li > a[onclick="sortingClick(1000)"].selected:after {top: 50%; visibility: visible; }
    body .brandlistselection .sortingContent li > a[onclick="sortingClick(1000)"] span {position: relative; z-index: 2; }
    body .brandlistselection .sortingContent li > a[onclick="sortingClick(1000)"]:before {position: relative; z-index: 2; }

	body:has(#divLeftBlock) .FiltreBtn{display:none;}
	body:has(#divLeftBlock) .appliedFilter.FiltrelemeUrunAdet span{left:0;transform:none;}

}

@media (min-width:1042px) {
	.sortingContent { display: block !important; }
	.col-5li { width: 20%; }
	.mobilMenu{display: none;}
}
/* ------------------------------------Container--------------------------------------------*/
body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{ max-width: 1600px; margin: 0 auto;position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList{max-width:1600px;}
.detaySliderContainer .ProductList{max-width:1600px;}
.homeContainer .ProductListContent .ProductList{max-width:1600px;}
.markaSlider .jCarouselLite{max-width:1600px;}
/**/
.innerContainer{}
#divIcerik.homepage {}
.UyeOl .ticiContainer{}
#footer .ticiContainer{}
.UyeGiris .ticiContainer{}
.Magazalar .ticiContainer{}
.sepetimBody .ticiContainer{margin: 0 auto;}
.HesabimTakip .ticiContainer{}
.Iletisimaspx .ticiContainer{}
.homeContainer .ticiContainer{}
.ticiContainer.homeContainer {}
.ticiContainer.pageContainer {}
.ticiContainer.categoryContainer {}
.sepetimBody #footer .ticiContainer{}
.ticiContainer.productDetailContainer {}
.sepetimBody .footerSslLogo{display: none!important;}
.sepetimBody .headerContent{box-shadow:none;}
/**/
.centerCount.Middle 			{width: 100%;padding: 0;}
.centerCount.userLoginContent 	{width: 100%;padding: 0;}
.centerCount.iletisimContent 	{width: 100%;padding: 0;}
.centerCount.UyeolContent 		{width: 100%;padding: 0;}
.centerCount.HesabimTakip 		{width: 100%;padding: 0;}
/**/
.leftBlock   {float: left;width: 300px;padding-right: 20px;}
.rightBlock  {float: right;width:300px;padding-left:20px;}
.centerCount.LeftMiddle , .leftBlock + .centerCount{width: calc(100% - 300px);}
.centerCount.RightMiddle {width: calc(100% - 300px);}
.centerCount {float: left;width: 100%;padding: 0;}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight 	 {width: 25%;}
.rightBlock.LeftMiddleRight  {width: 25%;}
.centerCount.LeftMiddleRight {width: 50%;}
/**/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
	.leftBlock.LeftMiddle {width: 25%;padding-right: 20px;}
	.centerCount.LeftMiddle {width: 75%;}
	/*SolOrtaSag*/
	.leftBlock.LeftMiddleRight 	 {width:25%;}
	.rightBlock.LeftMiddleRight  {width:25%;}
	.centerCount.LeftMiddleRight {width:50%;}
	/*OrtaSag*/
	.rightBlock.MiddleRight  {width:25%;}
	.centerCount.MiddleRight {width:75%;}
	.homeContainer .col-5li { width: 25%;}
}
@media screen and (min-width: 1540px) and (max-width: 1660px){
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 1480px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1480px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1480px;}
    .sliderBannerContainer .ProductList{max-width:1480px;}
    .detaySliderContainer .ProductList{max-width:1480px;}
    .markaSlider .jCarouselLite{max-width:1480px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1480px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1480px;}
    body .brandlistselection .sortingContent li > a{padding: 0 20px;font-size: 15px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 15px;}
    select#filterOrderSelect{font-size: 15px;}
    .ProductName h1 span{font-size: 28px;}
    .proDetailArea{gap:5px;}
    .proDetailArea > div{padding: 8px 12px;}
}

@media screen and (min-width: 1500px) and (max-width: 1539px){
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 1440px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1440px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1440px;}
    .sliderBannerContainer .ProductList{max-width:1440px;}
    .detaySliderContainer .ProductList{max-width:1440px;}
    .markaSlider .jCarouselLite{max-width:1440px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1440px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1440px;}
    body .brandlistselection .sortingContent li > a{padding: 0 20px;font-size: 15px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 15px;}
    select#filterOrderSelect{font-size: 15px;}
    .ProductName h1 span{font-size: 28px;}
    .proDetailArea{gap:5px;}
    .proDetailArea > div{padding: 8px 12px;}
}
    
@media screen and (min-width: 1380px) and (max-width: 1499px){
    /* ------------------------------------Container--------------------------------------------*/
	body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 1320px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .mid .footerTempContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1320px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1320px;}
    .sliderBannerContainer .ProductList{max-width:1320px;}
    .detaySliderContainer .ProductList{max-width:1320px;}
    .markaSlider .jCarouselLite{max-width:1320px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1320px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1320px;}
    body #divTopProductSearch.dropactive .header-search-form-wrapper {width: 240px;}
    body .brandlistselection .sortingContent li > a{padding: 0 15px;font-size: 14px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 14px;}
    select#filterOrderSelect{font-size: 14px;}
    .categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    .ProductName h1 span{font-size: 28px;}
    .proDetailArea{gap:5px;}
    .proDetailArea > div{padding: 7px 9px;font-size: 12px;}
}
    
@media screen and (min-width: 1300px) and (max-width: 1379px){
    /* ------------------------------------Container--------------------------------------------*/
	body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 1240px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .mid .footerTempContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1240px!important;padding:0!important;}
	body .footerTemp .top .footerTempContainer{max-width: 1180px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1240px;}
    .sliderBannerContainer .ProductList{max-width:1240px;}
    .detaySliderContainer .ProductList{max-width:1240px;}
    .markaSlider .jCarouselLite{max-width:1240px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1240px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1240px;}
    body #divTopProductSearch.dropactive .header-search-form-wrapper {width: 180px;}
    body .brandlistselection .sortingContent li > a{padding: 0 13px;font-size: 13px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 13px;}
    select#filterOrderSelect{font-size: 13px;}
    .categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    .RightDetail{padding-left: 30px;}
    .ProductName h1 span{font-size: 26px;}
    .proDetailArea{gap:5px;}
    .proDetailArea > div{padding: 7px 9px;font-size: 12px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 20px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 12px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 49px;}
    body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 60px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage){padding: 20px!important;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{font-size: 14px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size: 12px;}
}
    
@media screen and (min-width: 1240px) and (max-width: 1299px){
    /* ------------------------------------Container--------------------------------------------*/
	body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 1180px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .mid .footerTempContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1180px!important;padding:0!important;}
	body .footerTemp .top .footerTempContainer{max-width: 1100px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1180px;}
    .sliderBannerContainer .ProductList{max-width:1180px;}
    .detaySliderContainer .ProductList{max-width:1180px;}
    .markaSlider .jCarouselLite{max-width:1180px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1180px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1180px;}
    body #divTopProductSearch.dropactive .header-search-form-wrapper {width: 140px;}
    body .brandlistselection .sortingContent li > a{padding: 0 10px;font-size: 12px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 12px;}
    select#filterOrderSelect{font-size: 12px;}
    .categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    .RightDetail{padding-left: 25px;}
    .ProductName h1 span{font-size: 25px;}
    .proDetailArea{gap:4px;}
    .proDetailArea > div{padding: 6px 8px;font-size: 12px;}
    body #productDetailRelated>a {width: 95px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; }
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 20px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 12px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 49px;}
    body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 60px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper {padding: 20px 20px; }
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage){padding: 20px!important;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{font-size: 14px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size: 12px;}
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
	/* ------------------------------------Container--------------------------------------------*/
	body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 1100px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .mid .footerTempContainer,body .footerTemp .bottom .footerTempContainer{max-width: 1100px!important;padding:0!important;}
	body .footerTemp .top .footerTempContainer{max-width: 960px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:20px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:1100px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:1100px;}
    body #divTopProductSearch.dropactive .header-search-form-wrapper {width: 140px;}
    body .brandlistselection .sortingContent li > a{padding: 0 8px;font-size: 12px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 12px;}
    select#filterOrderSelect{font-size: 12px;}
    .categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    .RightDetail{padding-left: 25px;}
    .ProductName h1 span{font-size: 23px;}
    body #productDetailRelated>a {width: 85px;}
    #txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input {height: 54px !important; }
    .Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 54px;}
    body .KombinTopluSatinAlimBtn a {padding: 17px 10px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; }
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 18px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 11px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 44px;}
    body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 50px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper {padding: 15px 15px; }
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage){padding: 15px!important;gap:10px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .blokResimLink.widgetCenterImage {width: 50px; min-width: 50px; }
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{font-size: 13px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size: 11px;}
    .productIconEx > div{padding: 0 8px;font-size: 9px;height: 24px;}
    .productIconExSpecial > div{padding: 0 8px;font-size: 9px;height: 24px;}
    .productOnYazi{font-size: 11px;}
    .productItem .regularPrice span,.productItem .discountPrice span{font-size: 16px;}
    .productItem .productDetail .mycartIcon a{line-height: 40px;font-size: 14px;}
    .productItem .productDetail .TukendiIco{line-height: 40px;font-size: 14px;}
    body .footerTemp .top .ebultenDivTemp .eTempTitle {max-width: 450px; }
    body .footerTemp .top .newsletterContent {max-width: 350px; }
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
	/* ------------------------------------Container--------------------------------------------*/
	body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer{max-width: 960px;padding:0;}
	body #headerNew .headerContainer,body .footerTemp .mid .footerTempContainer,body .footerTemp .bottom .footerTempContainer{max-width: 960px!important;padding:0!important;}
	body .footerTemp .top .footerTempContainer{max-width:720px!important;padding:0!important;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    #divIcerik.homepage{margin: 0 auto;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{gap:10px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{font-size: 14px;}
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-list-row{max-width:960px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width:960px;}
    body #divTopProductSearch.dropactive .header-search-form-wrapper {width: 120px;}
    body .brandlistselection .sortingContent li > a{padding: 0 5px;font-size: 11px;margin-right: 5px;}
    body .brandlistselection .sortingContent li a[onclick="sortingClick(1000)"]{font-size: 11px;}
    select#filterOrderSelect{font-size: 11px;}
    .categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    .RightDetail{padding-left: 25px;}
    .ProductName h1 span{font-size: 22px;}
    body #productDetailRelated>a {width: 85px;}
    #txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input {height: 54px !important; }
    .Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 54px;}
    #divKombinSatinAl a, .buyfast input, .basketBtn input{font-size: 16px;letter-spacing: 0.6px;}
    body .KombinTopluSatinAlimBtn a {padding: 17px 10px;font-size: 16px;letter-spacing: 0.6px;}
    body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 40px;max-width: 280px;}
    body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle{font-size: 14px;max-width: 240px;}
    body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton{margin-top: 0;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge{font-size: 22px;}
    body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 60px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; }
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle,
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 16px;}
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc,
    body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 10px;}
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 36px;}
    body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 35px;}
    body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .subDateText{font-size:16px; }
    body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper {padding: 12px 12px; }
    body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokTitle.textTypeSmall{font-size: 16px;}
    body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokDesc.textTypeExtraLarge{font-size: 40px;}
    body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton{font-size: 13px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage){padding: 10px!important;gap:8px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .blokResimLink.widgetCenterImage {width: 40px; min-width: 40px; }
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{font-size: 13px;}
    body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size: 10px;}
    .productIconEx > div{padding: 0 5px;font-size: 8px;height: 22px;}
    .productIconExSpecial > div{padding: 0 5px;font-size: 8px;height: 22px;}
    .productOnYazi{font-size: 11px;}
    .productItem .regularPrice{margin-right: 4px;}
    .productItem .regularPrice span,.productItem .discountPrice span{font-size: 14.5px;}
    .productItem .productDetail .mycartIcon a{line-height: 40px;font-size: 14px;}
    .productItem .productDetail .TukendiIco{line-height: 40px;font-size: 14px;}
    body .footerTemp .top .ebultenDivTemp .eTempTitle {max-width: 400px; }
    body .footerTemp .top .eTempTitle1{font-size: 24px!important;}
    body .footerTemp .top .newsletterContent {max-width: 250px; }
	body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
	body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
	body .userDivLeft{margin-bottom:20px;}
	body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
	body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}
	#mainHolder_divDesign .productItem .productImage .productList-Image-Owl .owl-dots, .productItem .productImage .productList-Image-Owl .owl-dots{bottom: 5px;}
	.leftImage{width: 60%;}
	.RightDetail{width: 40%;}
}
@media (min-width: 1100px){

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

}
@media (min-width: 1025px) and (max-width: 1099px) {

}
@media (max-width:1099px) {
	#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl{padding:0;margin:0;}
	body #headerNew #divTopProductSearch .header-search-form-wrapper {width: 100% !important; position: absolute !important; top: 100% !important; padding: 10px !important; overflow: visible; }
	body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){padding-right: 0;}
}
@media (min-width: 768px) and (max-width: 1041px) {
	body .ulRelatedProducts li{width:calc(33.33% - 7px);}
}
@media (min-width: 768px) and (max-width: 1024px) {
	/* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding: 0 20px;}
	body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding: 0 20px!important;}
	/* ------------------------------------Container--------------------------------------------*/
	.homeContainer .ProductListContent .ProductList{max-width:100%;}
	.sliderBannerContainer .ProductList{max-width:100%;}
	.detaySliderContainer .ProductList{max-width:100%;}
	.markaSlider .jCarouselLite{max-width:100%;padding: 0 20px;}
	#divIcerik.homepage{margin: 0 auto;}
	#divMobileImage img{width: 100%!important;}
	body #mainHolder_divDesign .t-vw-6 .ticiContainer{width:720px!important;padding:0!important;}
	#divMobileImageList img{width:100%;}
	#divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;}
	#divMobileImageList{float:left;width:100%;position:relative;}
	#divMobileImageList .owl-nav > div{font-size:0;width: 36px;height: 36px;background: #fff;border-radius: 50%;box-shadow: 0px 3px 6px #00000029;}
	#divMobileImageList .owl-nav > div:after{content:'';font-size:25px;color:#000;font-weight:300;font-family:'FontAwesome';float:left;width:100%;text-align:center;line-height:36px;}
	#divMobileImageList .owl-nav > div.owl-prev:after{content:'\f104';}
	#divMobileImageList .owl-nav > div.owl-next:after{content:'\f105';}
	#divMobileImageList .owl-nav > div:hover{filter:invert(1);}
	body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
	body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
	body .userDivLeft{margin-bottom:20px;}
	body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
	body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}
	body .solAnaMenu{width:100%;}
	body .sagIcerikTutucu{padding:0;width:100%;margin-top:20px;}
	#divProductImageCarousel img{width:100%;}
	#divProductImageCarousel .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;width: auto;}
	#divProductImageCarousel{float:left;width:100%;position:relative;}
	#divProductImageCarousel .owl-nav > div{font-size:0;width: 40px;height: 40px;background: #fff;border-radius: 50%;box-shadow: 0px 3px 6px #00000029;}
	#divProductImageCarousel .owl-nav > div:after{content:'';font-size:25px;color:#000;font-weight:300;font-family:'FontAwesome';float:left;width:100%;text-align:center;line-height:40px;}
	#divProductImageCarousel .owl-nav > div.owl-prev:after{content:'\f104';}
	#divProductImageCarousel .owl-nav > div.owl-next:after{content:'\f105';}
	#divProductImageCarousel .owl-nav > div:hover{filter:invert(1);}
	#divProductImageCarousel.owl-carousel .owl-nav > div span{display:none!important;}
	.SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper {padding: 20px 60px; gap: 10px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 30px; max-width: 250px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle {font-size: 13px; max-width: 200px; }
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton {font-size: 13px; padding: 8px 12px;margin-top: 10px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; }
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 14px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 9px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; gap: 5px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 18px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 10px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper {max-width: 100%; padding: 0 20px; }
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge {letter-spacing: 4px; font-size: 16px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 60px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton{font-size: 13px;padding: 8px 12px;}
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper {padding: 10px 10px; }
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 18px;}
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 30px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper>div.kampanyaTexTime{margin: 5px 0;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 30px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .subDateText{font-size: 12px;}
	.productIconEx > div{padding: 0 5px;height: 22px;font-size: 9px;}
	.productIconExSpecial > div{padding: 0 5px;height: 22px;font-size: 9px;}
	#mainHolder_divDesign .productItem .productImage .productList-Image-Owl .owl-dots, .productItem .productImage .productList-Image-Owl .owl-dots {bottom: 5px;}
	.productItem .regularPrice{margin-right: 4px;}
	.productItem .discountPrice span,.productItem .regularPrice span{font-size: 16px;}
	.productItem .productDetail .mycartIcon a{line-height: 40px;font-size: 14px;}
	body #mainHolder_divDesign .ticimaxTabHead li a{font-size: 16px;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label {padding: 10px 10px; }
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokTitle.textTypeSmall {font-size: 14px; }
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokDesc.textTypeExtraLarge{font-size: 40px;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton {font-size: 13px; padding: 8px 14px; margin-top: 10px; }
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .blokResimLink.widgetCenterImage {width: 30px; min-width: 30px; }
	body #mainHolder_divDesign .ticiJustifyCenter{gap:8px;}
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage) {gap: 5px; -ms-flex: 0 0 calc(25% - 6px); flex: 0 0 calc(25% - 6px); max-width: calc(25% - 6px); padding: 10px !important; }
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDetail{gap:2px;}
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetTitle{font-size: 11px;}
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .widgetDesc{font-size: 9px;}
	body .footerTemp .top .ebultenDivTemp .eTempTitle {max-width: 400px; }
	body .footerTemp .top .newsletterContent {max-width: 250px; }
	body .footerTemp .top .eTempTitle1{font-size: 22px!important;}
	body .footerTemp .footerMenuTitle {letter-spacing: 1px; }
	.categoryContainer .centerCount.LeftMiddle .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .leftBlock + .centerCount .ProductList.PlSc_4 .ItemOrj {width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
    body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb{display: none;}
	body .leftImage .ProductGallery .gallery-container .GalleryArea{width: 100%;display: block;}
	.leftImage{width: 100%;}
	.RightDetail{width: 100%;padding: 20px 0 0;}
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width:1041px) {
	body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{line-height:65px;}
	body .category-vertical-filters.top-filters .panel .panel-heading a,body .category-vertical-filters.top-filters .panel .panel-heading a:after,body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{line-height:45px;}
	body .category-vertical-filters.top-filters .filtreAlt a{height:45px;}
	body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{line-height:45px;}
	.filtreAlt{padding:20px 0;}
	body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{height:calc(100% - 215px);}
	body .category-vertical-filters.top-filters{width: 370px;}
	/******************************************************/
	.FiltreBtn{display:none;}
	.navigation{display: none;}
	#divSayfalamaUst .filterBlock{display:block!important;}
	.mobilMenuAcButton{display:block;}
	body .dropdown-toggle:after { display: none; }
	body #divSayfalamaUst {  padding:0;margin:10px 0 20px;width: 100%;border: none;background: transparent;}
	.urunListRel { width: 100%; }
	body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;border: 1px solid #E6E6E6; width:calc(50% - 10px);float:left; line-height: 38px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: 500;border-radius: 15px;}
	body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;}
	body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: right;}
	body .mobilFilterOpenBtn .button.mobilFilterBtn {float: left;}
	body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';}
	body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';}
	body .mobilFilterOpenBtn { margin:0;padding: 0;display: block!important;}
	.categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;}
	body #divSayfalamaUst .filterDeleteContent{display: none;}
	body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display: none;}

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

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

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

	.UyeolContent .grid { margin: 30px 18px; }
	.owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;}
	.mobileImageSlider .owl-stage-outer{float: left;width: 100%;}
	.uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;}
	.uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;}
	.uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;}
	.uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;}
	.Magazalar .magazaSelect{width: 100%;margin-right: 0;}
	.Magazalar #searchStore{width: 100%;margin-right: 0;}
}
/* Mobil Ekran */
@media (max-width:767px) {
	body #headerNew #top-bar{font-size: 11px;}
	body #headerNew .header-main .header-nav.nav-right,body #headerNew .header-main .header-nav.nav-left {gap: 5px; }
	body #headerNew .newMenuBtnClick a,.svgIcon.cart-svg, .svgIcon.fav-svg, .svgIcon.mem-svg, .svgIcon.menu-svg, .svgIcon.search-svg, .svgIcon.search-times{padding: 4px;}
	#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav{left: 5px;right: 5px;}
	#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext{width: 30px;height: 30px;}
	#mainHolder_divDesign .owl-carousel .owl-nav > div span:after, .owl-carousel .owl-nav > div span:after{font-size: 14px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper{padding: 10px 10px;gap:5px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 30px;max-width: 240px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle{max-width: 200px;font-size: 12px;}
	body #mainHolder_divDesign .multiBlockSliderWrapper .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerButton{margin-top: 5px;font-size: 12px; padding: 6px 12px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .hazirBlokContent .txcol-sm-3{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .hazirBlokContent .txcol-sm-9{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper{padding: 10px 10px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 20px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-3 .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 12px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper{padding: 10px 10px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerTitle{font-size: 20px;}
	body #mainHolder_divDesign .bannerSliderBannerWrapper .txcol-sm-9 .anasayfa_tek_slider.multiBlokSlider .bannerWrapper .bannerDescriptionWrapper .bannerDesc{font-size: 12px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{max-width: 100%;padding: 0 2vw;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge{letter-spacing: 3px;font-size: 10px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 35px;}
	body #mainHolder_divDesign .videoBlockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerButton{font-size: 12px; padding: 6px 12px;}
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper{padding: 10px 10px;}
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeSmall{font-size: 18px;}
	body #mainHolder_divDesign .multiblockWrapper .txcol-12 .bannerWrapper .bannerDescriptionWrapper .bannerSubTitle.textTypeExtraLarge{font-size: 30px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper>div.kampanyaTexTime{margin: 1px 0;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerTitle.textTypeLarge{letter-spacing: 0.5px; font-size: 20px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate{font-size: 30px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .spnDate:after {right: -13px; }
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .kampanyaTexTime .kampanyaTime.dateTextTypeUltraLarge .countdownItem .subDateText{font-size: 13px;}
	body #mainHolder_divDesign .countdownBlockWrapper .sayacBannerDiv .bannerWrapper .bannerDescriptionWrapper .bannerButton{font-size: 12px; padding: 8px 12px}
	.productIconEx{left: 5px;top: 5px;}
	.productIconEx > div{padding: 0 5px;height: 22px;margin-bottom: 5px;font-size: 9px;}
	.productIconExSpecial{right: 5px;top: 5px;}
	.productIconExSpecial > div{padding: 0 5px;height: 22px;margin-bottom: 5px;font-size: 9px;}
	.productItem .productDetail{padding: 0 6px 6px;}
	.productItem .productName a{font-size: 13px;}
	.productItem .regularPrice{margin-right: 4px;}
	.productItem .discountPrice span,.productItem .regularPrice span{font-size: 15px;}
	.productItem .productDetail .mycartIcon a{line-height: 35px;font-size: 13px;}
	.productItem .productDetail .TukendiIco{line-height: 35px;font-size: 13px;}
	body #mainHolder_divDesign .ticimaxTabHead{margin-bottom: 5px;}
	body #mainHolder_divDesign .ticimaxTabHead li{margin:0 5px;padding: 8px 12px;}
	body #mainHolder_divDesign .ticimaxTabHead li a{font-size: 14px;}
	#mainHolder_divDesign .productItem .productImage .productList-Image-Owl .owl-dots, .productItem .productImage .productList-Image-Owl .owl-dots{bottom: 5px;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label{padding: 10px 10px;visibility: visible;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokTitle.textTypeSmall{font-size: 10px;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .leftBaBlokDesc.textTypeExtraLarge{font-size: 25px;}
	body #mainHolder_divDesign .beforeAfterBlockWrapper .cd-image-container .cd-image-label .bannerButton{font-size: 9px;padding: 6px 9px;margin-top: 5px;}
	body #mainHolder_divDesign .ticiJustifyCenter{gap:5px;flex-direction:column;}
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter:has(.widgetCenterImage){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;padding: 15px !important;}
	body #mainHolder_divDesign .ticiJustifyCenter .ticiAlignCenter .blokResimLink.widgetCenterImage {width: 35px; min-width: 35px; }
	body .footerTemp .footerMenuTitle {letter-spacing: 2px; }
	body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb{display: none;}
	body .leftImage .ProductGallery .gallery-container .GalleryArea{width: 100%;display: block;}
	.ProductName h1 span{font-size: 24px;}
	.RightDetail .puanVer{padding: 0px 10px 10px;}
	body #productDetailRelated>a {width: 65px;}
	#txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input {height: 45px !important; }
	.Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 45px;}
	#divKombinSatinAl a, .buyfast input, .basketBtn input{font-size: 14px;letter-spacing: 0.7px;}
	body .KombinTopluSatinAlimBtn a{font-size: 14px;letter-spacing: 0.7px;letter-spacing: 0.7px;}
	#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: 30px;font-size: 22px;}
	#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold{margin-bottom: 10px!important}
	#divUrunOzellikAlani .urunTab >ul >li > a{font-size: 16px;}


	/*---------------------767------------------------*/
	.SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;}
	.leftImage{float: left;width: 100%;}
	.RightDetail{width: 100%;padding: 10px 0 0;position: relative;top: auto;}
	
	.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding: 0 5px;}
	body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding:0 10px!important;}
	body ul.breadcrumb{max-width: 100%;padding: 0;}

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

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

	body #divTopProductSearch.dropactive .header-search-form-wrapper,body #divTopProductSearch .header-search-form-wrapper{padding:10px;border-top:1px solid #eee;top:calc(100% + 10px);height: 50px;}
	body #divTopProductSearch .searchform-wrapper #txtbxArama{height:30px;}
	body #divTopProductSearch .searchform-wrapper #btnKelimeAra{height:30px;}

	body.sepetimBody #top-bar{display:none;}
	body #divStokYok{margin-bottom:10px;}
	body:has(.RightDetail.StokYok) .detayFixed{display:none;}
	.ProductBody:has(.RightDetail.StokYok) .bottomHead{display: block;}
	body .hesabimBolumuTutucu{margin:10px 0;}
	body .footerTemp .footerMenul.accordionMode .footerMenuTitle:after{margin:0;}
	body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;}
	body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;}
	body ng-form#FrmYeniUye{flex-direction:column;gap:20px;}
	body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;}
	body .userDivLeft{margin-bottom:20px;}
	.favNum{display:none;}
	body .sepetItemB.sepetItemB1{width:58%;}
	body.sepetimBody .BasketPage{padding:5px !important;margin-bottom:60px !important;}
	body .BasketRigth.BasketHediyeCeki{margin-top:10px;}
	body.sepetimBody .MobileHeaderControl{margin-top:5px;}
	body.sepetimBody .MobileHeaderControlContent{margin-bottom:5px;}
	body .BasketDetailContainer{margin-top:5px;}
	body .footerTemp .footerMenul.accordionMode .footerMenuAlt li{float:left;clear:left;}
	body .miniCartRigth,body .miniCartGiftCodeContent{padding:0 20px;}
	body .mobilFilterOpenBtn .button{width:calc(50% - 5px);}
	body #divSayfalamaUst{margin:0 0 10px;}
	body .mobilFilterOpenBtn .button:before{margin-right:10px;width:18px;font-size:0;}
	body .mobilFilterOpenBtn .button.mobilFilterBtn:before{background:url(../../Uploads/EditorUploads/images/mfiltre.svg) no-repeat center / contain;}
	body .mobilFilterOpenBtn .button.mobilSiralamBtn:before{background:url(../../Uploads/EditorUploads/images/msiralaicon.svg) no-repeat center / contain;}
	body .category-vertical-filters.top-filters{background:#fff;}
	body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;}
	#divMobileImageList img{width:100%;}
	#divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;}
	#divMobileImageList{float:left;width:100%;position:relative;border-radius: 0;overflow: hidden;}
	#divMobileImageList .owl-nav > div,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{font-size:0;width: 36px;height: 36px;background: rgba(183, 183, 183, 0.8);border-radius: 50%;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
	#divMobileImageList .owl-nav > div.owl-prev span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span::after{content:'\f177';display: block!important;}
	#divMobileImageList .owl-nav > div.owl-next span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f178';}
	.detayFixed{position:fixed;bottom:0;z-index:9;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#fff;box-shadow: 0px 0px 33px #00000014;}
	.fixedPrice{font-size:25px;font-weight:800;color:#000000;}
	.fixedSepet{float:right;width:100%;max-width:207px;}
	.fixedSepet input{width:100%;font-size:14px;font-weight:800;line-height:45px;padding:0;text-transform:uppercase;}
	.fixedPrice .PiyasafiyatiContent .right_line *,.fixedPrice .IndirimliFiyatContent .right_line *{font-size:18px;line-height: 1.3;float: left;}
	.detayFixed .PiyasafiyatiContent .right_line,.detayFixed .IndirimliFiyatContent .right_line{float:left;}
	.fixedPrice .PiyasafiyatiContent{float:left;margin:0;width:100%;}
	.sepetItemB.sepetItemB4.sepetFiyatBold{width:100%!important;}

	body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,#headerNew .newHeaderNavigation.mobileStyle .menu-wrap,
	body #headerNew .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu,body #headerNew .mobileStyle .header-cart-hover{width:100%;}
	body .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop{height:60px;}
	body .newHeaderNavigation.mobileStyle .newHeaderNavUl{height:calc(100% - 60px);}
	body .newHeaderNavigation.mobileStyle .menu-wrap,body .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu{top:60px;height:calc(100% - 60px);}
	body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .kolon>li> a > span{display:flex;align-items:center;gap:10px;}
	body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li{min-height:50px;max-height:50px;}
	body .newHeaderNavigation.mobileStyle .newHeaderNavUl li a{min-height:50px;}
	body.sepetimBody #divTicimaxCopyrightContent{display:none;}

	body.sepetimBody #headerNew,.sepetimBody .footerTemp {display: none;}
    body .sepetItemB.sepetItemB2 { width: 60%;}
    body .adetGuncelleContent {margin: 10px 0 0;}
    body.sepetimBody .wp-fixed {display: none;}
	body.overflow{overflow: hidden;}
	#divIcerik.homepage{margin: 0 auto;}
	body{padding-top: 0;}
	body.sepetimBody { padding-top: 0; }
	.userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;}
	.userContainer .userRightBox{margin-top: 20px;}
	.SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;}
	#divIcerik{padding: 0 10px;margin: 0 auto;}
	.proCategoryTitle.categoryTitleText{padding: 0 10px;}
	#divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 60px;}
	#divTicimaxCopyrightContent a{display: inline-block;}
	#divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
	body:has(.newHeaderNavigation.mobileactive) .bottomHead,body:has(.filterBlock.active) .bottomHead{display:none!important;}
	/*Sabit sayfalar icerik*/
	.spanTittle { font-size: 18px !important; }
	.iletisimContent .iletisimForm{width: 100%;padding: 0;}
	.iletisimContent .AdBan{width: 100%;}
	.iletisimContent .categoryTitle {margin: 0;}
	.iletisimContent .categoryTitle .categoryTitleText{line-height: 65px;}
	.iletisimContent .categoryTitle:before{display:none;}
	.iletisimContent .iletisimRight .categoryTitle {margin-bottom: 10px;}
	.iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
	.iletisimContent .iletisimForm .categoryTitle {margin-bottom: 10px;}
	.iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
	.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: none;display: block;margin: 10px 0 0;}
	.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 17px;}
	.iletisimContent .iletisimRight .iletisimbanka .span > div span{font-size: 12px;}
	.iletisimContent .iletisimLeft .Right{font-size: 12px;}
	.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size: 20px;}
	.UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
	.SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
	.SifremiUnuttum .line { width: 100%; }
	.SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
	.SifremiUnuttum .button { width: 30%; }
	/*Arama*/
	.ButtonMic{right:40px;height: 40px;}
	/*urun butonlari*/
	.ProductIcon{margin: 0;float: left;width: 100%;}
	.ProductIcon > div{margin: 0 0 10px;float: left;width: 100%;}
	.ProductIcon2 > div{margin: 0 0 10px;float: left;width: 100%;}
	.ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
	.ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;}
	.socialButons iframe{margin-right: 10px;}
	.socialButons .UWhatsApp{float: left;margin-right: 10px;}
	.socialButons .UTelegram{float: left;margin-right: 10px;}
	.TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;}
	.TopDet .product_social_icon_wrapper .PaylasTit{}
	/******************************************************/
	.bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1001;background: #fff;border-top: 1px solid #cecece;display: block;}
	.bottomHead ul{margin: 0;list-style: none;padding: 0;}
	.bottomHead ul li{float: left;width: 25%;}
	.bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 0;color: #000;position: relative;height: 60px;display: flex;flex-direction: column;gap: 3px;align-items: center;justify-content: center;}
	.bottomHead ul li a svg{width: 19px;display: block;margin: 0 auto;height: 21px;}
	.bottomHead ul li.welcC a svg{margin-bottom: 0;}
	/*Footer*/
	#ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
	#back-to-top{bottom: 11%;right: 2%;}
	#back-to-top a{width: 30px;height: 30px;}
	/*kategori*/
	.categoryContainer .categoryTitleText{padding: 0;margin: 0;}
	.ProductBody .categoryTitle{padding: 0;margin: 0;}
	body .category-vertical-filters.top-filters{width: 100%;height: 100%;box-shadow: none;border: none;}
	body ul.breadcrumb{white-space: nowrap;position: relative;overflow: auto;flex-wrap: nowrap;}
	body ul.breadcrumb::-webkit-scrollbar{width: 0;height: 0;}
    body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;}
    body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;}
    body ul.breadcrumb li:nth-child(1) a:before{display: none;}
    body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;display: none;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 13px!important;max-width: max-content;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 13px!important;content: '...';margin: 0 2px;display: none;}
    body ul.breadcrumb li {font-size: 0!important;}
    body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;}
    body ul.breadcrumb li:nth-last-of-type(1) {max-width: 80%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 13px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a{padding: 0 5px;}
    body ul.breadcrumb li a span{font-size: 13px!important;}
    body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;margin: 0 4px 0 7px;}
	.categoryTitleText{position: relative;z-index: 9;}
	.breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);}
	.breadList.breadActive{display: block!important;}
	.breadList ul{list-style: none;}
	.breadList .mBread{float: left;width: 100%;}
	.breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
	.breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;}
	.breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;}
	.breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);}
	.breadList .mBread ul li a span{font-weight: normal;line-height: 15px;}
	.breadList .mBread ul li ul{padding-left: 4px;}
	.breadList .mBread >ul >li >a span{font-weight: 600;}
	.breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;}
	.categoryContainer .breadList .clbtn{right: -5px;}
	.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
	.categoryContainer .ProductList{margin: 0 -5px;}
	.categoryContainer .ProductListContent .productItem{margin-bottom: 10px;}
	body .mobilFilterOpenBtn .button{font-size: 14px;}
	/*urundetay*/
	body a#linkOncekiSayfa{display: none;}
	body .leftImage a#linkOncekiSayfa {position: absolute;top: 0;left: 0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;display: none;}
	body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
	#divUrunKodu{clear: left;float: left;line-height: 14px;}
	#divUrunKodu span{line-height: 14px;}
	#divTaksitAciklama{clear: left;float: left;}
	.urunOzellik{display: none;}
	.urunOzellikTab{margin: 10px 0;display: block;float: left;width: 100%;}
	.urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;}
	.urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;}
	.urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;}
	.urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;}
	.urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;}
	.urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
	.urunOzellikTab .yorum-item-left{flex: 0 0 100%;}
	.urunOzellikTab .v2YorumFilter{width: 100%;}
	.urunOzellikTab .v2YorumFiltreGrup{display: block;}
	.urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;}
	/*mobilicerik*/
	.detaySliderContainer{margin: 10px 0;}
	.sliderBannerContainer{margin: 10px 0;}
}
@media screen and (min-width:414px) {
}
@media screen and (min-width:375px) and (max-width:413px)  {
}
@media screen and (min-width:0px) and (max-width:374px){
}
 
.RenkSecimi { position: fixed; width: 300px; background: #fafafa; z-index: 1003; padding: 0; top: 0; bottom: 0; left:0}
.RC-Title { font-size: 15px; font-weight: 700; background: #15284b; color: #fff; text-align: left; padding: 0 20px; line-height: 50px; float: left; width: 100%; }
.RC-Detail {display:none; float: left;width: 100%;padding: 0px 10px 0px 10px;max-height: 100%;overflow: hidden;overflow-y: auto;position: absolute;top: 110px;bottom: 100px;}
.RC-MainColor {background: #fff;float: left;width: calc(100% - 20px);border: 1px solid #eee;padding: 0 0 0 10px;margin: 10px;border-radius: 5px;}
.RC-Tab { float: left; width: 100%; }
.RC-TabRow {float: left;width: 100%;border: 1px solid #eee;background: #fff;margin-bottom: 10px;}
.RC-TabRow:last-child{margin-bottom:0}
.RC-TabRow .RC-TabTitle {font-size: 14px;font-weight: 600;color: #555;float: left;width: calc(100% + 2px);padding: 0 10px;border-bottom: 1px solid #eee;cursor: pointer;line-height: 45px;margin-left: -1px;margin-top: -1px;}
.RC-TabRow.active .RC-TabTitle { color: #fff; background: #15284b; }
.RC-TabRow .RC-TabDetail { float: left; width: 100%; display: none; padding: 10px; }
.RC-TabRow .RC-TabDetail ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; }
.RC-TabRow .RC-TabDetail ul li {float: left;width: 100%;border: 1px solid #eee;padding: 0 0 0 10px;margin: 5px 0;border-radius: 5px;}
.RC-TabRow.active .RC-TabDetail { display: block; }
.RC-TabRow .RC-TabTitle:after { content: '\f078'; float: right; font-size: 14px; font-family: 'FontAwesome'; line-height: 45px; display: block; margin-right: 5px; }
.RC-TabRow.active .RC-TabTitle:after { content: '\f077'; }
.RenkSecimi label { padding: 0; font-size: 12px; position: relative; z-index: 2; pointer-events: none; width: auto; float: left; clear: both; line-height: 40px; font-weight: 500; }
.RenkSecimi input.jscolor { appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 0; left: 0; bottom: 0; height: 40px; border-radius: 0; cursor: pointer; width: 70px; border: 0; border-left: 1px solid #eee; font-size: 11px; padding: 0 10px; float: right; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.RenkSecimi input:last-child { margin: 0; }
.RC-Detail::-webkit-scrollbar { width: 5px; }
.RC-Detail::-webkit-scrollbar-track { background: #fafafa; }
.RC-Detail::-webkit-scrollbar-thumb { background: #15284b; }
.RC-Buttons {position: absolute;bottom: 10px;left: 10px;right: 10px;}
.RC-Reset {width: calc(50% - 5px);line-height: 35px;background: #15284b;color: #fff;text-align: center;border-radius: 5px;float: right;cursor:pointer;}
.RC-Save {width: 100%;line-height: 35px;background: green;color: #fff;text-align: center;border-radius: 5px;float: left;margin: 10px 0 0 0;cursor:pointer;}
.RC-Cancel {width: calc(50% - 5px);line-height: 35px;background: #ca0c0c;color: #fff;text-align: center;border-radius: 5px;float: left;cursor:pointer;}
.RC-Cancel:hover{background: #a20b0b;}
.RC-Save:hover{background: #0d940d;}
.RC-Reset:hover{background: #213f75;}
.RC-UrunBox {float: left;width: 100%;margin: 10px 0 0 0;background: #fff;border: 1px solid #eee;padding: 10px;}
.RC-UrunBox-Title {float: left;width: 100%;font-size: 14px;line-height: 1.4;font-weight: 600;margin: 5px 0 0 0;}
.RC-UrunBox ul {float: left;width: calc(100% + 10px);list-style: none;padding: 0;margin: 10px -5px 0;}
.RC-UrunBox ul li {float: left;position: relative;width: calc(33.33% - 10px);border: 1px solid #eee;margin: 0 5px;padding: 5px 0;}
.RC-UrunBox ul li span:before{content:'-';content: '\f111';font-family: 'FontAwesome';font-size: 0;position: absolute;top: 5px;left: 0;right: 0;text-align: center;color: #fff;line-height: 55px;}
.RC-UrunBox ul li input[type="radio"]:checked+span:before{content: '\f058';font-family: 'FontAwesome';font-size: 18px;}
.RC-UrunBox ul li span{font-size: 12px;display:inline-block;vertical-align:middle;line-height: 1.5;width: 100%;text-align: center;}
.RC-UrunBox ul li input{display:inline-block;vertical-align:middle;margin-top: 0;margin-left: 0;position: absolute;width: 100%;height: 100%;z-index: 9;cursor: pointer;opacity: 0;margin: 0;}
.RC-UrunBox ul li span i{font-size: 45px;color: #999;width: 100%;text-align: center;line-height: 55px;}
  
/* ================================================================
   OPS DIGITAL — CITAK BUTİK TEMA CSS
   ----------------------------------------------------------------
   Bölümler:
     A. Ürün kartı etiketleri (tüm .productItem kartları)
        Görsel sol üst: Yeni · Görsel sağ alt: yuvarlak indirim
        Görsel sağ üst: Tükendi · Fiyat altı: ücretsiz kargo
        JS karşılığı: Bölüm 1
     B. Yeni Gelenler slider   (Css Class: ops-yeni-gelenler)
     C. Fırsat Köşesi slider   (Css Class: ops-firsat-kosesi)
        JS karşılığı: Bölüm 2 (başlık, alt metin, buton linki)
     D. Liste kartları (kategori, arama, benzer ürünler)
        B ve C blokları hariç tüm .productItem kartları
     E. Üst bilgi barı (#top-bar) — küp geçiş
        Mesajlar panelde HTML 1 alanından (.opsBarMesaj)
        JS karşılığı: Bölüm 3
     MOBİL (A + B + C + D + E)
   Özgüllük:
     B, C, D'de :is(#ops.., ...) ID ağırlığı kullanılır;
     temanın kurallarına karşı.
   Renkler:
     Ana bordo: #531e24 · Hover: #3b1418 · İndirimli fiyat: #8e1f2b
   ================================================================ */


/* ================================================================
   A. ÜRÜN KARTI ETİKETLERİ
   ================================================================ */

/* --- A1. Görsel üstü: sadece Yeni kalır --- */
.productItem .productIconEx > div:not(.newIcon) {
    display: none !important;
}
.productItem .productIconEx {
    top: 10px !important;
    left: 10px !important;
}
.productItem .productIconEx > div.newIcon {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    clear: none !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(26,26,26,.82) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    line-height: 1 !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: none !important;
}
.productItem .productIconEx > div.newIcon:hover {
    margin-left: 0 !important;
}

/* --- A2. İndirim: görselin sağ altında yuvarlak --- */
.productItem .productImage {
    position: relative !important;
}
.productItem .opsKartIndirim {
    position: absolute !important;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50%;
    background: #531e24;
    box-shadow: 0 4px 12px rgba(83,30,36,.35);
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: -.3px;
    line-height: 1 !important;
    white-space: nowrap;
    pointer-events: none;
}

/* --- A3. Ücretsiz kargo: fiyatın altında --- */
.productItem .opsKartKargo {
    display: flex !important;
    align-items: center;
    gap: 5px;
    float: left;
    clear: both;
    width: 100%;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: #2e7d4f !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}
.productItem .opsKartKargo svg {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* --- A4. Tükendi: minimal --- */
.productItem .opsTukendiKaynak {
    display: none !important;
}
.productItem .opsKartTukendi {
    position: absolute !important;
    top: 10px;
    right: 10px;
    z-index: 4;
    display: inline-flex !important;
    align-items: center;
    height: 22px;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 8px rgba(0,0,0,.10);
    color: #1a1a1a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .6px;
    line-height: 1 !important;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.productItem.opsTukendi .productImage img {
    opacity: .6;
    filter: grayscale(.35);
}
:is(#opsK, .productItem).opsTukendi .discountPriceSpan,
:is(#opsK, .productItem).opsTukendi .regularPriceSpan {
    color: #9a9a9a !important;
}


/* ================================================================
   B. YENİ GELENLER SLIDER   (Css Class: ops-yeni-gelenler)
   ================================================================ */

/* --- B1. Eşit yükseklikli kartlar --- */
:is(#opsYG, .ops-yeni-gelenler) .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}
:is(#opsYG, .ops-yeni-gelenler) .owl-item {
    display: flex !important;
    float: none !important;
    height: auto !important;
}
:is(#opsYG, .ops-yeni-gelenler) .owl-item > li {
    display: flex !important;
    width: 100%;
    height: auto !important;
    list-style: none;
}

/* --- B2. Kart --- */
:is(#opsYG, .ops-yeni-gelenler) .productItem {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
:is(#opsYG, .ops-yeni-gelenler) .productItem:hover {
    border-color: #ddd;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    transform: translateY(-5px);
}

/* --- B3. Görsel: 2:3 oran, tam dolgu --- */
:is(#opsYG, .ops-yeni-gelenler) .productImage {
    width: 100%;
    height: auto !important;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #f5f5f5;
    flex: 0 0 auto;
}
:is(#opsYG, .ops-yeni-gelenler) .productImage > a {
    display: block !important;
    width: 100%;
    height: 100%;
}
:is(#opsYG, .ops-yeni-gelenler) .productImage img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 20%;
    display: block;
    transition: transform .6s cubic-bezier(.2,.7,.3,1);
}
:is(#opsYG, .ops-yeni-gelenler) .productItem:hover .productImage img {
    transform: scale(1.05);
}

/* --- B4. Metin alanı --- */
:is(#opsYG, .ops-yeni-gelenler) .productDetail {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px 14px 16px !important;
    box-sizing: border-box;
}
:is(#opsYG, .ops-yeni-gelenler) .productName {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1a1a1a;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: 38px;
}
:is(#opsYG, .ops-yeni-gelenler) .productName a {
    color: inherit !important;
    text-decoration: none;
    display: inline !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* --- B5. Fiyat --- */
:is(#opsYG, .ops-yeni-gelenler) .productPrice {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
}
:is(#opsYG, .ops-yeni-gelenler) .productPrice .regularPrice,
:is(#opsYG, .ops-yeni-gelenler) .productPrice .discountPrice {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
:is(#opsYG, .ops-yeni-gelenler) .productPrice .regularPrice { order: 1; }
:is(#opsYG, .ops-yeni-gelenler) .productPrice .discountPrice { order: 2; }
:is(#opsYG, .ops-yeni-gelenler) .regularPriceSpan {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #a3a3a3;
    text-decoration: line-through;
}
:is(#opsYG, .ops-yeni-gelenler) .discountPriceSpan {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a;
    letter-spacing: -.2px;
}
:is(#opsYG, .ops-yeni-gelenler) .regularKdv,
:is(#opsYG, .ops-yeni-gelenler) .discountKdv { display: none !important; }

/* --- B6. Sepete Ekle butonu kaldırıldı --- */
:is(#opsYG, .ops-yeni-gelenler) .mycartIcon,
:is(#opsYG, .ops-yeni-gelenler) .urunListeAdet {
    display: none !important;
}

/* --- B7. Slider okları --- */
:is(#opsYG, .ops-yeni-gelenler) .jCarouselLite { position: relative; }
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListprev,
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListnext {
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,.95);
    border-radius: 50%;
    box-shadow: 0 3px 14px rgba(0,0,0,.18);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    color: #1a1a1a;
    cursor: pointer;
    z-index: 10;
    opacity: 1;
    transition: background .2s ease;
}
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListprev { left: 6px; }
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListnext { right: 6px; }
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListprev:hover,
:is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListnext:hover {
    background: #fff;
}

/* --- B8. Başlık --- */
:is(#opsYG, .ops-yeni-gelenler) .JKatAdi.categoryTitle {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 22px;
    text-align: left;
}


/* ================================================================
   C. FIRSAT KÖŞESİ SLIDER   (Css Class: ops-firsat-kosesi)
   Başlık panelden gelir, JS (Bölüm 2) ile yeniden yapılandırılır.
   ================================================================ */

/* --- C1. Dış sarmalayıcı --- */
:is(#opsFK, .ops-firsat-kosesi) { margin: 46px 0; }
:is(#opsFK, .ops-firsat-kosesi) > .txrow {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
:is(#opsFK, .ops-firsat-kosesi) > .txrow > .txcol-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* --- C2. Panel (tema genişliğinde) --- */
:is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: 100%;
    padding: 0 26px 34px;
    border-radius: 26px;
    overflow: hidden;
    background: #fbf2f1;
    border: 1px solid rgba(222,184,184,.7);
    box-shadow: 0 10px 40px rgba(83,30,36,.10);
}

/* --- C3. Dinamik arkaplan --- */
:is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer::before {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: 0;
    background:
        radial-gradient(circle at 18% 28%, rgba(214,128,136,.45), transparent 56%),
        radial-gradient(circle at 80% 20%, rgba(240,186,178,.55), transparent 55%),
        radial-gradient(circle at 62% 82%, rgba(163,62,76,.26), transparent 55%),
        radial-gradient(circle at 10% 84%, rgba(246,212,200,.60), transparent 58%),
        radial-gradient(circle at 92% 66%, rgba(226,160,152,.45), transparent 52%);
    filter: blur(14px);
    animation: opsFirsatDrift 26s ease-in-out infinite alternate;
    will-change: transform;
}
@keyframes opsFirsatDrift {
    0%   { transform: translate3d(-3%, -2%, 0) scale(1.06) rotate(0deg); }
    50%  { transform: translate3d(3%, 2%, 0)  scale(1.16) rotate(4deg); }
    100% { transform: translate3d(-2%, 3%, 0) scale(1.09) rotate(-3deg); }
}
:is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -60%;
    width: 42%;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(105deg,
        transparent 0%,
        rgba(255,255,255,.10) 35%,
        rgba(255,255,255,.62) 50%,
        rgba(255,255,255,.10) 65%,
        transparent 100%);
    transform: skewX(-14deg);
    animation: opsFirsatShimmer 8s ease-in-out infinite;
}
@keyframes opsFirsatShimmer {
    0%, 62% { left: -60%; opacity: 0; }
    68%     { opacity: 1; }
    100%    { left: 125%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    :is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer::before { animation: none; }
    :is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer::after  { animation: none; opacity: 0; }
}

/* --- C4. İçerik katmanı --- */
:is(#opsFK, .ops-firsat-kosesi) .ProductList {
    position: relative;
    z-index: 1;
    padding: 0;
}
:is(#opsFK, .ops-firsat-kosesi) .Block_Link { position: relative; z-index: 1; }
:is(#opsFK, .ops-firsat-kosesi) .jCarouselLite { position: relative !important; }
:is(#opsFK, .ops-firsat-kosesi) .ulUrunSlider { position: static !important; }

/* --- C5. Başlık alanı (ikonsuz) --- */
:is(#opsFK, .ops-firsat-kosesi) .JKatAdi.categoryTitle {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 38px 130px 32px 0 !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 1 !important;
    height: auto !important;
    min-width: 0;
}
:is(#opsFK, .ops-firsat-kosesi) .JKatAdi.categoryTitle::before,
:is(#opsFK, .ops-firsat-kosesi) .JKatAdi.categoryTitle::after {
    content: none !important;
    display: none !important;
}
:is(#opsFK, .ops-firsat-kosesi) .opsBaslikMetin {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    flex: 1 1 auto;
}
:is(#opsFK, .ops-firsat-kosesi) .opsBaslikAna {
    display: block !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -.6px !important;
    line-height: 1.15 !important;
    color: #1a1a1a !important;
}
:is(#opsFK, .ops-firsat-kosesi) .opsBlokAltMetin {
    display: block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    color: #8a6a6d !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- C6. Oklar --- */
:is(#opsFK, .ops-firsat-kosesi) .owl-nav { position: static !important; }
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListprev,
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListnext {
    position: absolute !important;
    top: 44px;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #531e24 !important;
    color: #fff !important;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(83,30,36,.30);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    z-index: 20;
    opacity: 1;
    transition: background .2s ease, transform .2s ease;
}
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListprev { right: 58px; }
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListnext { right: 0; }
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListprev:hover,
:is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListnext:hover {
    background: #3b1418 !important;
    transform: translateY(-1px);
}

/* --- C7. Eşit yükseklikli kartlar --- */
:is(#opsFK, .ops-firsat-kosesi) .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}
:is(#opsFK, .ops-firsat-kosesi) .owl-item {
    display: flex !important;
    float: none !important;
    height: auto !important;
}
:is(#opsFK, .ops-firsat-kosesi) .owl-item > li {
    display: flex !important;
    width: 100%;
    height: auto !important;
    list-style: none;
}
:is(#opsFK, .ops-firsat-kosesi) .productItem {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative;
    background: #fff;
    border: 1px solid rgba(238,218,216,.9);
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}
:is(#opsFK, .ops-firsat-kosesi) .productItem:hover {
    box-shadow: 0 16px 34px rgba(83,30,36,.16);
    transform: translateY(-5px);
}

/* --- C8. Görsel: 2:3 --- */
:is(#opsFK, .ops-firsat-kosesi) .productImage {
    width: 100%;
    height: auto !important;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #f6efee;
    flex: 0 0 auto;
}
:is(#opsFK, .ops-firsat-kosesi) .productImage > a {
    display: block !important;
    width: 100%;
    height: 100%;
}
:is(#opsFK, .ops-firsat-kosesi) .productImage img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 20%;
    display: block;
    transition: transform .6s cubic-bezier(.2,.7,.3,1);
}
:is(#opsFK, .ops-firsat-kosesi) .productItem:hover .productImage img {
    transform: scale(1.05);
}

/* --- C9. Metin alanı --- */
:is(#opsFK, .ops-firsat-kosesi) .productDetail {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px 14px 16px !important;
    box-sizing: border-box;
}
:is(#opsFK, .ops-firsat-kosesi) .productName {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1a1a1a;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: 38px;
}
:is(#opsFK, .ops-firsat-kosesi) .productName a {
    color: inherit !important;
    text-decoration: none;
    display: inline !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* --- C10. Fiyat --- */
:is(#opsFK, .ops-firsat-kosesi) .productPrice {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
}
:is(#opsFK, .ops-firsat-kosesi) .productPrice .regularPrice,
:is(#opsFK, .ops-firsat-kosesi) .productPrice .discountPrice {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
:is(#opsFK, .ops-firsat-kosesi) .productPrice .regularPrice { order: 1; }
:is(#opsFK, .ops-firsat-kosesi) .productPrice .discountPrice { order: 2; }
:is(#opsFK, .ops-firsat-kosesi) .regularPriceSpan {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #a99d9d;
    text-decoration: line-through;
}
:is(#opsFK, .ops-firsat-kosesi) .discountPriceSpan {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #8e1f2b;
    letter-spacing: -.2px;
}
:is(#opsFK, .ops-firsat-kosesi) .regularKdv,
:is(#opsFK, .ops-firsat-kosesi) .discountKdv { display: none !important; }

/* --- C11. Sepete Ekle gizli --- */
:is(#opsFK, .ops-firsat-kosesi) .mycartIcon,
:is(#opsFK, .ops-firsat-kosesi) .urunListeAdet { display: none !important; }

/* --- C12. Alt buton (link JS Bölüm 2'den) --- */
:is(#opsFK, .ops-firsat-kosesi) .Block_Link {
    display: flex !important;
    justify-content: center;
    margin-top: 28px;
}
:is(#opsFK, .ops-firsat-kosesi) .Block_Link a {
    display: inline-block;
    background: #531e24;
    border: 1.5px solid #531e24;
    border-radius: 999px;
    color: #fff;
    padding: 15px 36px;
    font-size: 0;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(83,30,36,.26);
    transition: background .25s ease, transform .2s ease;
}
:is(#opsFK, .ops-firsat-kosesi) .Block_Link a::after {
    content: "Tüm İndirimli Ürünler  →";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
}
:is(#opsFK, .ops-firsat-kosesi) .Block_Link a:hover {
    background: #3b1418;
    border-color: #3b1418;
    color: #fff;
    transform: translateY(-2px);
}


/* ================================================================
   D. LİSTE KARTLARI (kategori, arama, benzer ürünler)
   Ana sayfa blokları (B, C) hariç tüm .productItem kartları.
   ================================================================ */

/* --- D1. Kart --- */
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *):hover {
    border-color: #ddd;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    transform: translateY(-5px);
}

/* --- D2. Görsel: 2:3 oran, tam dolgu --- */
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productImage {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #f5f5f5;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productImage > a {
    display: block !important;
    width: 100%;
    height: 100%;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productImage img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 20%;
    display: block;
    border-radius: 0 !important;
    transition: transform .6s cubic-bezier(.2,.7,.3,1);
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *):hover .productImage img {
    transform: scale(1.05);
}

/* --- D3. Metin alanı --- */
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productDetail {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px 14px 16px !important;
    box-sizing: border-box;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productName {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1a1a1a;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: 38px;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productName a {
    color: inherit !important;
    text-decoration: none;
    display: inline !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* --- D4. Fiyat --- */
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .regularPrice,
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .discountPrice {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .regularPrice { order: 1; }
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .discountPrice { order: 2; }
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .regularPriceSpan {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #a3a3a3;
    text-decoration: line-through;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .discountPriceSpan {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a;
    letter-spacing: -.2px;
}
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .regularKdv,
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .discountKdv {
    display: none !important;
}

/* --- D5. Sepete Ekle / adet gizli --- */
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .mycartIcon,
:is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .urunListeAdet {
    display: none !important;
}


/* ================================================================
   E. ÜST BİLGİ BARI (#top-bar) — KÜP GEÇİŞ (aşağıdan yukarı)
   Mesajlar panelde HTML 1 alanından gelir (.opsBarMesaj)
   Bordo zemin, beyaz yazı + ikon + kalın vurgu + ilerleme çizgisi
   ================================================================ */

/* --- E1. Bar zemini --- */
#top-bar {
    position: relative;
    background: #531e24 !important;
    color: #fff !important;
}
#top-bar .flex-center,
#top-bar .html_1 {
    background: transparent !important;
    color: #fff !important;
}

/* JS çalışana kadar sadece ilk mesaj görünür */
#top-bar .html_1 .opsBarMesaj ~ .opsBarMesaj {
    display: none;
}

/* --- E2. Sahne + tipografi --- */
#top-bar .opsKupSahne {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 1.4em;
    line-height: 1.4em;
    perspective: 600px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

/* Görünmez ölçü: genişliği en uzun mesaj belirler */
#top-bar .opsKupOlcu {
    display: block;
    visibility: hidden;
}
#top-bar .opsKupOlcu > span {
    display: flex;
    align-items: center;
    gap: .55em;
    height: 0;
    overflow: hidden;
    white-space: nowrap;
}

/* --- E3. Küp --- */
#top-bar .opsKup {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transform: translateZ(-.7em) rotateX(0deg);
    transition: transform .7s cubic-bezier(.45, 0, .2, 1);
}
#top-bar .opsKup.donuyor {
    transform: translateZ(-.7em) rotateX(90deg);
}
#top-bar .opsKup.anlik {
    transition: none;
}
#top-bar .opsKupYuz {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55em;
    white-space: nowrap;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#top-bar .opsKupOn {
    transform: rotateX(0deg) translateZ(.7em);
}
#top-bar .opsKupAlt {
    transform: rotateX(-90deg) translateZ(.7em);
}

/* --- E4. İkon --- */
#top-bar .opsBarIkon {
    flex: 0 0 auto;
    width: 1.35em;
    height: 1.35em;
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* --- E5. Vurgu (<b> içindeki kelime) --- */
#top-bar .opsBarMetin b,
#top-bar .opsBarMetin strong {
    color: #fff;
    font-weight: 800;
}

/* --- E6. İlerleme çizgisi --- */
#top-bar .opsBarIlerleme {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: .45;
    transform: scaleX(0);
    transform-origin: left center;
    pointer-events: none;
}
#top-bar .opsBarIlerleme.calis {
    animation-name: opsBarDol;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes opsBarDol {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
    #top-bar .opsKup { transition: none; }
    #top-bar .opsBarIlerleme { display: none; }
}


/* ================================================================
   MOBİL (A + B + C + D + E)
   ================================================================ */
@media (max-width: 767px) {
    /* A — Etiketler */
    .productItem .productIconEx {
        top: 7px !important;
        left: 7px !important;
    }
    .productItem .productIconEx > div.newIcon {
        height: 19px !important;
        padding: 0 7px !important;
        font-size: 8.5px !important;
        letter-spacing: .5px !important;
    }
    .productItem .opsKartIndirim {
        right: 7px;
        bottom: 7px;
        width: 34px;
        height: 34px;
        font-size: 10.5px !important;
    }
    .productItem .opsKartTukendi {
        top: 7px;
        right: 7px;
        height: 19px;
        padding: 0 7px !important;
        font-size: 8.5px !important;
        letter-spacing: .4px;
    }
    .productItem .opsKartKargo {
        gap: 4px;
        margin-top: 6px !important;
        font-size: 10.5px !important;
    }
    .productItem .opsKartKargo svg {
        width: 12px;
        height: 12px;
    }

    /* B + C + D — Ortak kart metinleri */
    :is(#opsYG, .ops-yeni-gelenler) .productDetail,
    :is(#opsFK, .ops-firsat-kosesi) .productDetail,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productDetail {
        padding: 11px 11px 13px !important;
    }
    :is(#opsYG, .ops-yeni-gelenler) .productName,
    :is(#opsFK, .ops-firsat-kosesi) .productName,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productName {
        font-size: 12px !important;
        line-height: 1.4 !important;
        min-height: 34px;
        margin-bottom: 8px !important;
    }
    /* Fiyat sığmazsa eski fiyat alt satıra geçer */
    :is(#opsYG, .ops-yeni-gelenler) .productPrice,
    :is(#opsFK, .ops-firsat-kosesi) .productPrice,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice {
        flex-wrap: wrap;
        column-gap: 6px;
        row-gap: 2px;
        white-space: normal;
        overflow: visible;
    }
    :is(#opsYG, .ops-yeni-gelenler) .productPrice .regularPrice,
    :is(#opsYG, .ops-yeni-gelenler) .productPrice .discountPrice,
    :is(#opsFK, .ops-firsat-kosesi) .productPrice .regularPrice,
    :is(#opsFK, .ops-firsat-kosesi) .productPrice .discountPrice,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .regularPrice,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .productPrice .discountPrice {
        white-space: nowrap;
    }
    :is(#opsYG, .ops-yeni-gelenler) .discountPriceSpan,
    :is(#opsFK, .ops-firsat-kosesi) .discountPriceSpan,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .discountPriceSpan {
        font-size: 14px !important;
    }
    :is(#opsYG, .ops-yeni-gelenler) .regularPriceSpan,
    :is(#opsFK, .ops-firsat-kosesi) .regularPriceSpan,
    :is(#opsKL, .productItem):not(:is(.ops-yeni-gelenler, .ops-firsat-kosesi) *) .regularPriceSpan {
        font-size: 11.5px !important;
    }

    /* B — Yeni Gelenler */
    :is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListprev,
    :is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListnext {
        display: flex !important;
        width: 34px;
        height: 34px;
        font-size: 20px;
        background: rgba(26,26,26,.72);
        color: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }
    :is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListprev { left: 4px; }
    :is(#opsYG, .ops-yeni-gelenler) .owl-nav .ProductListnext { right: 4px; }
    :is(#opsYG, .ops-yeni-gelenler) .JKatAdi.categoryTitle { font-size: 20px; margin-bottom: 16px; }

    /* C — Fırsat Köşesi */
    :is(#opsFK, .ops-firsat-kosesi) { margin: 26px 0; }
    :is(#opsFK, .ops-firsat-kosesi) .sliderBannerContainer {
        padding: 0 14px 24px;
        border-radius: 18px;
    }
    :is(#opsFK, .ops-firsat-kosesi) .JKatAdi.categoryTitle {
        padding: 26px 84px 22px 0 !important;
    }
    :is(#opsFK, .ops-firsat-kosesi) .opsBaslikMetin { gap: 3px; }
    :is(#opsFK, .ops-firsat-kosesi) .opsBaslikAna { font-size: 19px !important; }
    :is(#opsFK, .ops-firsat-kosesi) .opsBlokAltMetin {
        font-size: 9.5px !important;
        letter-spacing: -.15px !important;
        line-height: 1.2 !important;
    }
    :is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListprev,
    :is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListnext {
        top: 30px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
    :is(#opsFK, .ops-firsat-kosesi) .owl-nav .ProductListprev { right: 40px; }
    :is(#opsFK, .ops-firsat-kosesi) .Block_Link { margin-top: 20px; }
    :is(#opsFK, .ops-firsat-kosesi) .Block_Link a { padding: 13px 26px; }
    :is(#opsFK, .ops-firsat-kosesi) .Block_Link a::after { font-size: 12.5px; }

    /* E — Üst bilgi barı */
    #top-bar .opsKupSahne {
        font-size: 10.5px;
        letter-spacing: 1px;
    }
}
  
/* ================================================================
   OPS — MARKALAR SLIDER
   Scope: .marka-context (ana sayfa marka slider modülü)
   Krem şerit · kartlı logolar · dikey ayraçlar ·
   uçlarda ok hücreleri (çerçeveli ince daire, hover'da bordo)
   Ayraç konumu owl'un öğe aralığına göre (--opsMarkaAra):
   masaüstü 30px, mobil 10px
   ================================================================ */

:is(#opsMK, .marka-context) {
    --opsMarkaZemin: #f4f1ea;
    --opsMarkaCizgi: #ddd5c7;
    --opsMarkaKart: #efede8;
    --opsMarkaKartCizgi: #e4ded3;
    --opsMarkaAra: 30px;
    --opsMarkaOk: 64px;      /* ok hücresi genişliği */
    --opsMarkaOkBoy: 38px;   /* ok dairesi */
    --opsMarkaBoy: 112px;    /* logo kartı yüksekliği */
}

/* --- 1. Tam genişlik: tema grid boşlukları sıfırlanır --- */
.txrow:has(> .marka-context) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
:is(#opsMK, .marka-context) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* --- 2. Başlık boşsa gizle --- */
:is(#opsMK, .marka-context) .JKatAdi:has(#spnMarkaSliderTitle:empty) {
    display: none !important;
}

/* --- 3. Şerit (uçlarda ok hücresi kadar boşluk) --- */
:is(#opsMK, .marka-context) .markaSlider {
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsMK, .marka-context) .jCarouselLite {
    position: relative !important;
    margin: 0 !important;
    padding: 0 calc(var(--opsMarkaOk) + 16px) !important;
    background: var(--opsMarkaZemin);
    border-top: 1px solid var(--opsMarkaCizgi);
    border-bottom: 1px solid var(--opsMarkaCizgi);
    box-sizing: border-box;
}
:is(#opsMK, .marka-context) #ulMarkaSliderTemplateData {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
:is(#opsMK, .marka-context) .owl-stage-outer {
    padding: 14px 0 !important;
}

/* --- 4. Hücre + dikey ayraç --- */
:is(#opsMK, .marka-context) .owl-item {
    position: relative;
}
:is(#opsMK, .marka-context) .owl-item::after {
    content: "";
    position: absolute;
    top: -14px;
    bottom: -14px;
    right: calc(var(--opsMarkaAra) / -2);
    width: 1px;
    background: var(--opsMarkaCizgi);
    pointer-events: none;
}
:is(#opsMK, .marka-context) .owl-item > li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 5. Logo kartı --- */
:is(#opsMK, .marka-context) .owl-item > li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: var(--opsMarkaBoy);
    padding: 14px 18px;
    box-sizing: border-box;
    background: var(--opsMarkaKart);
    border: 1px solid var(--opsMarkaKartCizgi);
    border-radius: 14px;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
:is(#opsMK, .marka-context) .owl-item > li > a:hover {
    background: #fff;
    border-color: var(--opsMarkaCizgi);
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
:is(#opsMK, .marka-context) .owl-item > li > a img {
    width: auto !important;
    max-width: 78% !important;
    height: auto !important;
    max-height: 64% !important;
    object-fit: contain;
    margin: 0 auto;
    filter: grayscale(1);
    opacity: .7;
    mix-blend-mode: multiply;
    transition: filter .3s ease, opacity .3s ease;
}
:is(#opsMK, .marka-context) .owl-item > li > a:hover img {
    filter: grayscale(0);
    opacity: 1;
}

/* --- 6. Ok hücreleri (şeridin uçları) --- */
:is(#opsMK, .marka-context) .owl-nav,
:is(#opsMK, .marka-context) .owl-nav.disabled {
    display: block !important;
    position: static !important;
    margin: 0 !important;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--opsMarkaOk) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0 !important;
    color: transparent !important;
    cursor: pointer;
    z-index: 10;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev {
    left: 0 !important;
    right: auto !important;
    border-right: 1px solid var(--opsMarkaCizgi) !important;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListnext {
    right: 0 !important;
    left: auto !important;
    border-left: 1px solid var(--opsMarkaCizgi) !important;
}

/* Temanın kendi okları: div ve span pseudo'ları, arkaplan görseli, iç ikonlar */
:is(#opsMK, .marka-context) .owl-nav .ProductListprev::before,
:is(#opsMK, .marka-context) .owl-nav .ProductListprev::after,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext::before,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext::after,
:is(#opsMK, .marka-context) .owl-nav .ProductListprev span::after,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext span::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev > :not(span),
:is(#opsMK, .marka-context) .owl-nav .ProductListnext > :not(span),
:is(#opsMK, .marka-context) .owl-nav .ProductListprev span > *,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext span > * {
    display: none !important;
}

/* Çerçeveli ince daire */
:is(#opsMK, .marka-context) .owl-nav .ProductListprev span,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--opsMarkaOkBoy) !important;
    height: var(--opsMarkaOkBoy) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #cfc5b4 !important;
    border-radius: 50% !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: 0 !important;
    transition: background .25s ease, border-color .25s ease;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev span::before,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext span::before {
    display: inline-block !important;
    position: static !important;
    margin: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #3a3a3a !important;
    background: none !important;
    transition: color .25s ease, transform .25s ease;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev span::before { content: "←" !important; }
:is(#opsMK, .marka-context) .owl-nav .ProductListnext span::before { content: "→" !important; }

/* Hover: bordo dolgu */
:is(#opsMK, .marka-context) .owl-nav .ProductListprev:hover span,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext:hover span {
    background: #531e24 !important;
    border-color: #531e24 !important;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev:hover span::before,
:is(#opsMK, .marka-context) .owl-nav .ProductListnext:hover span::before {
    color: #fff !important;
}
:is(#opsMK, .marka-context) .owl-nav .ProductListprev:hover span::before { transform: translateX(-2px); }
:is(#opsMK, .marka-context) .owl-nav .ProductListnext:hover span::before { transform: translateX(2px); }

/* --- 7. Mobil --- */
@media (max-width: 767px) {
    :is(#opsMK, .marka-context) {
        --opsMarkaAra: 10px;
        --opsMarkaOk: 38px;
        --opsMarkaOkBoy: 28px;
        --opsMarkaBoy: 70px;
    }
    :is(#opsMK, .marka-context) .jCarouselLite {
        padding: 0 calc(var(--opsMarkaOk) + 8px) !important;
    }
    :is(#opsMK, .marka-context) .owl-stage-outer {
        padding: 10px 0 !important;
    }
    :is(#opsMK, .marka-context) .owl-item::after {
        top: -10px;
        bottom: -10px;
    }
    :is(#opsMK, .marka-context) .owl-item > li > a {
        padding: 8px;
        border-radius: 10px;
    }
    :is(#opsMK, .marka-context) .owl-nav .ProductListprev span::before,
    :is(#opsMK, .marka-context) .owl-nav .ProductListnext span::before {
        font-size: 13px !important;
    }
}
      
/* ================================================================
   G. ÜRÜN DETAY: SAĞ KOLON
   Scope: .productDetailContainer (ID özgüllüğüyle, tema ezmesine karşı)
   Markup: Cıtak Butik ürün detay (RightDetail > TopList / MiddleList)
   JS karşılığı: Bölüm 4 (indirim rozeti, Marka satırı, renk kartı +
   renk adı, Hemen Al, biten beden)
   Renk: bordo #531e24 · hover #3b1418
   ================================================================ */

/* --- G1. Kolon kartı --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .RightDetail {
    padding: 32px 36px !important;
    background: #fff !important;
    border: 1px solid #efefef !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,.05) !important;
    box-sizing: border-box !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .RightDetail .TopList,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .RightDetail .MiddleList {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Gereksiz alanlar: puan kutusu (gri kutu), indirim oranı satırı, boş ön yazı */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .opsGizle,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Formline.puanVer,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divIndirimOrani,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Formline:has(> .indirimliOrani) {
    display: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) :is(#divOnyazi, .proDetailArea, .productDetailAsortiV2) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* --- G2. Ürün adı --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .ProductName {
    margin: 0 0 10px !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .ProductName h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.3px !important;
    color: #1a1a1a !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .ProductName h1 span {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* --- G3. Stok kodu / Marka --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunKodu,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #8a8a8a !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunKodu span,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka > span {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka a,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka a span {
    color: #531e24 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka a:hover span {
    text-decoration: underline !important;
}

/* --- G4. Fiyat kartı --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px 0 14px !important;
    padding: 20px 24px !important;
    border: 1px solid #ececec !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:has(.opsIndirimRozet) {
    padding-left: 94px !important;
}
/* İndirim rozeti: fiyat satırları hizasında */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .opsIndirimRozet {
    position: absolute !important;
    left: 24px !important;
    top: 20px !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #531e24 !important;
    box-shadow: 0 4px 12px rgba(83,30,36,.30) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -.2px !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) :is(#pnlFiyatlar, #divFiyatAlanlari, .urunDetayFiyatContainer) {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divIndirimliFiyat {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divIndirimliFiyat > .Formline,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .urunDetayFiyatContainer > .Formline {
    display: flex !important;
    align-items: baseline !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .urunDetayFiyatContainer :is(.left_line, .center_line) {
    display: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .urunDetayFiyatContainer .right_line {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: normal !important;
    background: transparent !important;
}
/* Eski fiyat: üstte, küçük, KDV'siz */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PiyasafiyatiContent #fiyat .spanFiyat {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #a3a3a3 !important;
    text-decoration: line-through !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .urunDetayFiyatContainer .spanKdv {
    display: none !important;
}
/* Satış fiyatı */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #indirimliFiyat .spanFiyat,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #fiyat2 .spanFiyat,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:not(:has(.IndirimliFiyatContent)) #fiyat .spanFiyat {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.5px !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
}

/* Taksit: tutar + metin tek satır, kartın tam genişliğinde */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border: 0 !important;
    border-top: 1px dashed #ececec !important;
    background: transparent !important;
    box-sizing: border-box !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:has(.opsIndirimRozet) #divTaksitAciklama {
    width: calc(100% + 70px) !important;
    margin-left: -70px !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama .taksitSatir {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama .taksitSatir > span {
    display: inline !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama .spnMiniumumTaksitTutari {
    font-weight: 700 !important;
    color: #1a1a1a !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama .spnMiniumumTaksitText {
    font-weight: 400 !important;
    color: #6b6b6b !important;
}

/* --- G5. Renk seçenekleri kartı (#productDetailRelated) --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .opsRenkBlok {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 16px 20px 18px !important;
    border: 1px solid #ececec !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .JKatAdi {
    flex: 0 0 100% !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .JKatAdi span {
    display: inline !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #7a7a7a !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    float: none !important;
    width: 72px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink img {
    display: block !important;
    width: 72px !important;
    height: 108px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 !important;
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink:hover img {
    border-color: #531e24 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .opsRenkAd {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    width: 100% !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: .4px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
}
/* Stoğu biten renk (JS: .opsStokYok) */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink.opsStokYok img {
    opacity: .5 !important;
    filter: grayscale(.4) !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink.opsStokYok::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 72px !important;
    height: 108px !important;
    border-radius: 10px !important;
    background:
        linear-gradient(to top right, transparent calc(50% - 1px), #a0787c calc(50% - 1px), #a0787c calc(50% + 1px), transparent calc(50% + 1px)),
        linear-gradient(to top left,  transparent calc(50% - 1px), #a0787c calc(50% - 1px), #a0787c calc(50% + 1px), transparent calc(50% + 1px)) !important;
    pointer-events: none;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink.opsStokYok .opsRenkAd {
    color: #a3a3a3 !important;
}

/* --- G6. Beden kartı --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 16px 20px 18px !important;
    border: 1px solid #ececec !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine::before,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine::after,
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine > .center_line {
    display: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine > .left_line {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #7a7a7a !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine > .right_line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .size_box {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    min-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #1a1a1a !important;
    cursor: pointer;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .size_box:hover {
    border-color: #b8b8b8 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .size_box.selected {
    border-color: #531e24 !important;
    background: #531e24 !important;
    color: #fff !important;
}
/* Biten beden: tema data-stock="0" yazar; JS de .opsStokYok ekler */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek :is(.size_box[data-stock="0"], .size_box.opsStokYok) {
    color: #b5b5b5 !important;
    border-color: #e8e8e8 !important;
    background-color: #fafafa !important;
    background-image:
        linear-gradient(to top right, transparent calc(50% - .75px), #c9a9ac calc(50% - .75px), #c9a9ac calc(50% + .75px), transparent calc(50% + .75px)),
        linear-gradient(to top left,  transparent calc(50% - .75px), #c9a9ac calc(50% - .75px), #c9a9ac calc(50% + .75px), transparent calc(50% + .75px)) !important;
    cursor: not-allowed;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek :is(.size_box[data-stock="0"], .size_box.opsStokYok) :is(svg, img, i, [class*="aber"], [class*="ell"]) {
    display: none !important;
}

/* --- G7. Aksiyon satırı --- */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divSatinAl {
    margin: 6px 0 0 !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .BasketBtn {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Adet: tek çerçeveli kapsül, − 1 + */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp {
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .riSingle {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    width: auto !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e2dcd2 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .riSingle > * {
    position: static !important;
    float: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .qtyMinus { order: 1 !important; }
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .txtSepetAdet { order: 2 !important; }
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .qtyPlus { order: 3 !important; }
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .txtSepetAdet {
    display: block !important;
    width: 44px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    text-align: center !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 56px !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    opacity: 1 !important;
    text-indent: 0 !important;
    box-shadow: none !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp :is(.qtyPlus, .qtyMinus) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    cursor: pointer;
    transition: background .2s ease;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp :is(.qtyPlus, .qtyMinus):hover {
    background: #f6f3ee !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp :is(.qtyPlus, .qtyMinus) svg {
    width: 12px !important;
    height: auto !important;
    fill: #1a1a1a !important;
}
/* Sepete Ekle: bordo */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .basketBtn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Addtobasket {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: none !important;
    border-radius: 12px !important;
    background: #531e24 !important;
    box-shadow: 0 8px 20px rgba(83,30,36,.22) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: background .25s ease;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Addtobasket:hover {
    background: #3b1418 !important;
}
/* Hemen Al: tam genişlik, çerçeveli */
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .buyfast {
    flex: 0 0 100% !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .buyfast .buyfastbutton {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1.5px solid #531e24 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #531e24 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}
:is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .buyfast .buyfastbutton:hover {
    background: #531e24 !important;
    color: #fff !important;
}

/* --- G8. Mobil --- */
@media (max-width: 991px) {
    /* Dış kart kalkar, iç kartlar yeterli */
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .RightDetail {
        margin-top: 16px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .ProductName h1 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunKodu,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divMarka {
        font-size: 12.5px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList {
        margin-top: 12px !important;
        padding: 14px 16px !important;
        border-radius: 14px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:has(.opsIndirimRozet) {
        padding-left: 74px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .opsIndirimRozet {
        left: 16px !important;
        top: 14px !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 13px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #indirimliFiyat .spanFiyat,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #fiyat2 .spanFiyat,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:not(:has(.IndirimliFiyatContent)) #fiyat .spanFiyat {
        font-size: 24px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .PriceList:has(.opsIndirimRozet) #divTaksitAciklama {
        width: calc(100% + 58px) !important;
        margin-left: -58px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divTaksitAciklama .taksitSatir {
        font-size: 12.5px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .opsRenkBlok,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .eksecenekLine {
        padding: 14px 16px 16px !important;
        border-radius: 14px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink {
        width: 64px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink img,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #productDetailRelated .detailLink.opsStokYok::after {
        width: 64px !important;
        height: 96px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) #divUrunEkSecenek .size_box {
        min-width: 44px !important;
        height: 44px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .riSingle,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Addtobasket,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .buyfast .buyfastbutton {
        height: 50px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp .txtSepetAdet {
        width: 36px !important;
        line-height: 50px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Basketinp :is(.qtyPlus, .qtyMinus) {
        width: 36px !important;
    }
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .Addtobasket,
    :is(#opsUD, .productDetailContainer):is(#opsUD, .productDetailContainer) .buyfast .buyfastbutton {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }
}
      /* ================================================================
   H. FOOTER İMZA (OPS! Digital linki, hover yansıma)
   Scope: a.opsImza
   ================================================================ */
a.opsImza,
a.opsImza:hover,
a.opsImza:focus,
a.opsImza:visited {
    color: inherit !important;
    text-decoration: none !important;
}
a.opsImza strong {
    display: inline-block;
    font-weight: 700;
    color: inherit;
    background-image: linear-gradient(110deg,
        currentColor 0%,
        currentColor 38%,
        #531e24 45%,
        #e8c9a0 50%,
        #531e24 55%,
        currentColor 62%,
        currentColor 100%);
    background-size: 250% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position .9s ease;
}
a.opsImza:hover strong,
a.opsImza:focus-visible strong {
    background-position: 0 0;
}
@media (prefers-reduced-motion: reduce) {
    a.opsImza strong { transition: none; }
}
      
/* ================================================================
   I. KAYAN YAZI ŞERİDİ (Marquee Blok)
   Css Class: ops-marquee
   Bordo şerit · beyaz büyük harf · altın nokta ayraç · kenar fade
   ================================================================ */
.ops-marquee .marqueeWrapper {
    position: relative !important;
    background: #531e24 !important;
    padding: 14px 0 !important;
    overflow: hidden !important;
}
/* Kenarlarda yumuşak geçiş */
.ops-marquee .marqueeWrapper::before,
.ops-marquee .marqueeWrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    z-index: 2;
    pointer-events: none;
}
.ops-marquee .marqueeWrapper::before {
    left: 0;
    background: linear-gradient(to right, #531e24, rgba(83,30,36,0));
}
.ops-marquee .marqueeWrapper::after {
    right: 0;
    background: linear-gradient(to left, #531e24, rgba(83,30,36,0));
}
/* Öğeler */
.ops-marquee .marqueeObj {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-right: 0 !important;
    margin-right: 46px !important;
}
/* Altın nokta ayraç */
.ops-marquee .marqueeObj::after {
    content: "";
    position: absolute;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e8c9a0;
    box-shadow: 0 0 8px rgba(232,201,160,.7);
}
/* Yazı (paneldeki inline renk ezilir) */
.ops-marquee .marqueeObj,
.ops-marquee .marqueeObj span,
.ops-marquee .marqueeObj a {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
/* Üzerine gelince durur */
.ops-marquee .marqueeWrapper:hover .marqueeContent {
    animation-play-state: paused !important;
}
/* Mobil */
@media (max-width: 767px) {
    .ops-marquee .marqueeWrapper { padding: 11px 0 !important; }
    .ops-marquee .marqueeWrapper::before,
    .ops-marquee .marqueeWrapper::after { width: 45px; }
    .ops-marquee .marqueeObj { margin-right: 34px !important; }
    .ops-marquee .marqueeObj::after { right: -19px; width: 4px; height: 4px; }
    .ops-marquee .marqueeObj,
    .ops-marquee .marqueeObj span,
    .ops-marquee .marqueeObj a {
        font-size: 10px !important;
        letter-spacing: 1.1px !important;
    }
}
      
/* ================================================================
   J. YÜZEN WHATSAPP + INSTAGRAM BUTONLARI
   JS karşılığı: Bölüm 5 (butonları oluşturur)
   WhatsApp: düz açık yeşil, büyük ikon, nabızsız
   ================================================================ */
.opsYuzen {
    --opsYuzenBoy: 56px;
    position: fixed;
    right: 22px;
    bottom: 96px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}
.opsYuzen a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--opsYuzenBoy);
    height: var(--opsYuzenBoy);
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.10);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.opsYuzen a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.14);
}
.opsYuzen svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

/* WhatsApp: görseldeki açık yeşil */
.opsYuzen .opsYzWa {
    background: #5fcc6f;
}
.opsYuzen .opsYzWa:hover {
    background: #52c062;
}

/* Instagram */
.opsYuzen .opsYzIg {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.opsYuzen .opsYzIg svg {
    width: 26px;
    height: 26px;
}

/* Masaüstü hover etiketi */
.opsYuzen a span {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translate(8px, -50%);
    padding: 7px 12px;
    border-radius: 999px;
    background: #531e24;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(83,30,36,.25);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.opsYuzen a:hover span {
    opacity: 1;
    transform: translate(0, -50%);
}

/* Mobil: yukarı çık butonu + alt menünün üstünde */
@media (max-width: 991px) {
    .opsYuzen {
        --opsYuzenBoy: 50px;
        right: 14px;
        bottom: 150px;
        gap: 10px;
    }
    .opsYuzen svg { width: 26px; height: 26px; }
    .opsYuzen .opsYzIg svg { width: 23px; height: 23px; }
    .opsYuzen a span { display: none; }
}
      
/* ================================================================
   K. FIRSAT ÇEKMECESİ (sol orta buton + soldan açılan panel)
   JS karşılığı: Bölüm 6
   ================================================================ */
html.opsFrKilit { overflow: hidden; }

/* --- K1. Tetik butonu: sol orta, dikey --- */
.opsFr .opsFrTetik {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 9980;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 9px;
    border: 0;
    border-radius: 0 12px 12px 0;
    background: #531e24;
    color: #fff;
    box-shadow: 4px 6px 18px rgba(83,30,36,.28);
    cursor: pointer;
    transform: translateY(-50%);
    transition: padding .25s ease, background .25s ease;
}
.opsFr .opsFrTetik:hover {
    padding-left: 13px;
    background: #3b1418;
}
.opsFr .opsFrTetik svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #e8c9a0;
    stroke-width: 1.8;
    stroke-linejoin: round;
}
.opsFr .opsFrTetik span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 1;
}
.opsFr.acik .opsFrTetik { opacity: 0; pointer-events: none; }

/* --- K2. Karartma --- */
.opsFr .opsFrPerde {
    position: fixed;
    inset: 0;
    z-index: 9994;
    background: rgba(20,10,12,.45);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.opsFr.acik .opsFrPerde { opacity: 1; pointer-events: auto; }

/* --- K3. Çekmece --- */
.opsFr .opsFrCekmece {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9995;
    display: flex;
    flex-direction: column;
    width: 390px;
    max-width: 88vw;
    background: #fff;
    box-shadow: 10px 0 40px rgba(0,0,0,.18);
    transform: translateX(-102%);
    transition: transform .38s cubic-bezier(.2,.8,.2,1);
}
.opsFr.acik .opsFrCekmece { transform: translateX(0); }

.opsFr .opsFrBas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 22px 18px;
    background: #531e24;
    color: #fff;
}
.opsFr .opsFrBas strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.3px;
    line-height: 1.15;
}
.opsFr .opsFrBas small {
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
    color: #e8c9a0;
}
.opsFr .opsFrKapat {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease;
}
.opsFr .opsFrKapat:hover { background: rgba(255,255,255,.12); }

/* --- K4. Ürün listesi --- */
.opsFr .opsFrListe {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 14px 16px;
    background: #faf6f5;
}
.opsFr .opsFrKart {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #efe6e5;
    border-radius: 14px;
    background: #fff;
    color: #1a1a1a !important;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.opsFr a.opsFrKart:hover {
    border-color: #d9c3c5;
    box-shadow: 0 6px 18px rgba(83,30,36,.10);
    transform: translateX(3px);
}
.opsFr .opsFrGorsel {
    position: relative;
    flex: 0 0 72px;
    width: 72px;
    height: 108px;
    border-radius: 10px;
    overflow: hidden;
    background: #f1ecea;
}
.opsFr .opsFrGorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
}
.opsFr .opsFrOran {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #531e24;
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
}
.opsFr .opsFrBilgi {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.opsFr .opsFrAd {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
}
.opsFr .opsFrFiyat {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
}
.opsFr .opsFrFiyat s {
    font-size: 11.5px;
    color: #a99d9d;
}
.opsFr .opsFrFiyat b {
    font-size: 15px;
    font-weight: 700;
    color: #8e1f2b;
}
.opsFr .opsFrBos {
    margin: 30px 10px;
    text-align: center;
    font-size: 13px;
    color: #8a6a6d;
}

/* İskelet yükleme */
.opsFr .opsFrIskelet .opsFrGorsel,
.opsFr .opsFrIskelet i {
    background: linear-gradient(90deg, #f1ecea 25%, #f8f4f3 50%, #f1ecea 75%);
    background-size: 200% 100%;
    animation: opsFrIs 1.2s linear infinite;
}
.opsFr .opsFrIskelet .opsFrBilgi { flex: 1 1 auto; }
.opsFr .opsFrIskelet i {
    display: block;
    height: 12px;
    border-radius: 6px;
}
.opsFr .opsFrIskelet i + i { width: 50%; }
@keyframes opsFrIs { to { background-position: -200% 0; } }

/* --- K5. Alt butonlar --- */
.opsFr .opsFrAlt {
    display: flex;
    gap: 10px;
    padding: 14px 16px 18px;
    border-top: 1px solid #efe6e5;
    background: #fff;
}
.opsFr .opsFrYenile,
.opsFr .opsFrTumu {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 46px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.opsFr .opsFrYenile {
    border: 1.5px solid #531e24;
    background: #fff;
    color: #531e24;
}
.opsFr .opsFrYenile svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.opsFr .opsFrYenile:hover { background: #fbf2f1; }
.opsFr .opsFrTumu {
    border: 0;
    background: #531e24;
    color: #fff !important;
}
.opsFr .opsFrTumu:hover { background: #3b1418; }

@media (prefers-reduced-motion: reduce) {
    .opsFr .opsFrCekmece,
    .opsFr .opsFrPerde { transition: none; }
    .opsFr .opsFrIskelet .opsFrGorsel,
    .opsFr .opsFrIskelet i { animation: none; }
}

/* --- K6. Mobil --- */
@media (max-width: 767px) {
    .opsFr .opsFrTetik {
        gap: 6px;
        padding: 11px 7px;
        border-radius: 0 10px 10px 0;
    }
    .opsFr .opsFrTetik svg { width: 15px; height: 15px; }
    .opsFr .opsFrTetik span { font-size: 10px; letter-spacing: 1.8px; }
    .opsFr .opsFrBas { padding: 18px 16px 14px; }
    .opsFr .opsFrBas strong { font-size: 18px; }
    .opsFr .opsFrListe { padding: 12px; }
    .opsFr .opsFrGorsel { flex-basis: 64px; width: 64px; height: 96px; }
    .opsFr .opsFrAlt { padding: 12px 12px 16px; }
    .opsFr .opsFrYenile,
    .opsFr .opsFrTumu { height: 44px; font-size: 12.5px; }
}
      
/* ================================================================
   L. ÜST MENÜ (masaüstü)
   Scope: #masthead .newHeaderNavUl — sadece ≥992px
   JS karşılığı: Bölüm 7 (kaydırınca header gölgesi)
   ================================================================ */
@media (min-width: 992px) {

    /* --- L1. Üst linkler: temanın çizgi/efektleri kapatılır --- */
    #masthead .newHeaderNavUl > li.nav-item {
        position: relative !important;
    }
    #masthead #hb-logo ~ div .newHeaderNavUl > li.nav-item > a.nav-item-link,
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        text-decoration: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
        color: #1a1a1a !important;
        transition: color .25s ease;
    }
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link::before,
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link:hover::before {
        content: none !important;
        display: none !important;
    }
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link > span,
    #masthead .newHeaderNavUl > li.nav-item:hover > a.nav-item-link > span,
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link:hover > span {
        position: relative !important;
        display: inline-block !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    /* Tek bordo çizgi: soldan sağa dolar */
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link > span::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: -7px !important;
        top: auto !important;
        display: block !important;
        width: auto !important;
        height: 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 2px;
        background: #531e24 !important;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .3s cubic-bezier(.2,.8,.2,1);
    }
    #masthead .newHeaderNavUl > li.nav-item:hover > a.nav-item-link,
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link:focus-visible {
        color: #531e24 !important;
    }
    #masthead .newHeaderNavUl > li.nav-item:hover > a.nav-item-link > span::after,
    #masthead .newHeaderNavUl > li.nav-item > a.nav-item-link:focus-visible > span::after {
        transform: scaleX(1);
    }

    /* Alt menüsü olanlarda ok: akış dışında, hizayı bozmaz */
    #masthead .newHeaderNavUl > li.ulVar > a.nav-item-link::after {
        content: "" !important;
        position: absolute !important;
        right: -13px !important;
        top: 50% !important;
        left: auto !important;
        bottom: auto !important;
        display: block !important;
        width: 6px !important;
        height: 6px !important;
        margin: -5px 0 0 !important;
        border: 0 !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        background: none !important;
        transform: rotate(45deg);
        opacity: .5;
        transition: transform .25s ease, opacity .25s ease, margin .25s ease;
    }
    #masthead .newHeaderNavUl > li.ulVar:hover > a.nav-item-link::after {
        margin-top: -1px !important;
        transform: rotate(-135deg);
        opacity: 1;
    }

    /* --- L2. Fırsat Köşesi: bordo + nabız noktası --- */
    #masthead .newHeaderNavUl > li > a.nav-item-link[href*="indirimli-firsat-urunleri"] {
        color: #531e24 !important;
    }
    #masthead .newHeaderNavUl > li > a.nav-item-link[href*="indirimli-firsat-urunleri"] > span {
        padding-left: 14px !important;
    }
    #masthead .newHeaderNavUl > li > a.nav-item-link[href*="indirimli-firsat-urunleri"] > span::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        width: 7px !important;
        height: 7px !important;
        margin-top: -3.5px !important;
        border-radius: 50% !important;
        background: #c0392b !important;
        animation: opsMenuNabiz 1.8s ease-out infinite;
    }
    #masthead .newHeaderNavUl > li > a.nav-item-link[href*="indirimli-firsat-urunleri"] > span::after {
        left: 14px !important;
    }
    @keyframes opsMenuNabiz {
        0%   { box-shadow: 0 0 0 0 rgba(192,57,43,.55); }
        70%  { box-shadow: 0 0 0 7px rgba(192,57,43,0); }
        100% { box-shadow: 0 0 0 0 rgba(192,57,43,0); }
    }

    /* --- L3. Açılır menü kartı (göster/gizle temada kalır) --- */
    #masthead .newHeaderNavUl > li.ulVar > ul.dropDown-wrap {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: auto !important;
        min-width: 240px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 1px solid #efe6e5 !important;
        border-top: 2px solid #531e24 !important;
        border-radius: 0 0 14px 14px !important;
        background: #fff !important;
        box-shadow: 0 18px 40px rgba(40,20,22,.12) !important;
        text-align: left !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }
    #masthead .newHeaderNavUl > li.ulVar:hover > ul.dropDown-wrap {
        animation: opsMenuAc .28s cubic-bezier(.2,.8,.2,1);
    }
    @keyframes opsMenuAc {
        from { opacity: 0; transform: translateY(8px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* --- L4. Alt kategori satırları --- */
    #masthead .newHeaderNavUl ul.dropDown-wrap > li.nav-item {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        line-height: normal !important;
        text-align: left !important;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        border: 0 !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        color: #1a1a1a !important;
        text-align: left !important;
        text-decoration: none !important;
        line-height: 1.3 !important;
        transition: background .2s ease, color .2s ease, padding .2s ease;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link::before {
        content: none !important;
        display: none !important;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link > span {
        display: inline !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link > span::after {
        content: none !important;
        display: none !important;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link::after {
        content: "→" !important;
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        font-size: 14px !important;
        line-height: 1 !important;
        color: #531e24 !important;
        opacity: 0;
        transform: translateX(-6px);
        transition: opacity .2s ease, transform .2s ease;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link:hover {
        background: #fbf2f1 !important;
        color: #531e24 !important;
        padding-left: 18px !important;
    }
    #masthead .newHeaderNavUl ul.dropDown-wrap > li > a.nav-item-link:hover::after {
        opacity: 1;
        transform: translateX(0);
    }

    /* 7+ öğeli menü (Markalar): 2 sütun */
    #masthead .newHeaderNavUl > li.ulVar > ul.dropDown-wrap:has(> li:nth-child(7)) {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        min-width: 420px !important;
    }
    #masthead .newHeaderNavUl > li.ulVar > ul.dropDown-wrap:has(> li:nth-child(7)) > li.nav-item {
        display: inline-block !important;
        flex: 0 0 50% !important;
        width: 50% !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
    }

    /* --- L5. Kaydırınca header gölgesi (JS: .opsHeaderGolge) --- */
    #masthead {
        transition: box-shadow .3s ease;
    }
    #masthead.opsHeaderGolge {
        box-shadow: 0 6px 24px rgba(0,0,0,.07);
    }

    @media (prefers-reduced-motion: reduce) {
        #masthead .newHeaderNavUl > li > a.nav-item-link[href*="indirimli-firsat-urunleri"] > span::before,
        #masthead .newHeaderNavUl > li.ulVar:hover > ul.dropDown-wrap {
            animation: none;
        }
    }
}
      /* ================================================================
   M. KATEGORİ GÖRSEL KARTLARI (Resim Blok)
   Scope: #resimblok_3 veya Css Class: ops-kategori
   ================================================================ */

/* --- M1. Eşit sütunlu yerleşim --- */
:is(#resimblok_3, .ops-kategori) .txrow {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
}
:is(#resimblok_3, .ops-kategori) .txrow > [class*="txcol"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- M2. Kart --- */
:is(#resimblok_3, .ops-kategori) a.blokResimLink {
    position: relative;
    display: block !important;
    isolation: isolate;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(40,20,22,.08);
    transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;
}
:is(#resimblok_3, .ops-kategori) a.blokResimLink img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border-radius: 0 !important;
    transition: transform .9s cubic-bezier(.2,.7,.3,1);
}

/* Alttan bordo tonlu gölge (hover) */
:is(#resimblok_3, .ops-kategori) a.blokResimLink::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(83,30,36,.45) 0%, rgba(83,30,36,0) 45%);
    opacity: 0;
    transition: opacity .45s ease;
    pointer-events: none;
}

/* Sağ alt ok */
:is(#resimblok_3, .ops-kategori) a.blokResimLink::after {
    content: "→";
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,.95);
    box-shadow: 0 4px 14px rgba(0,0,0,.18);
    color: #531e24;
    font-size: 20px;
    line-height: 1;
    opacity: 0;
    transform: translateY(10px) scale(.9);
    transition: opacity .35s ease, transform .35s cubic-bezier(.2,.8,.2,1), background .25s ease, color .25s ease;
    pointer-events: none;
}

/* Hover */
:is(#resimblok_3, .ops-kategori) a.blokResimLink:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(40,20,22,.16);
}
:is(#resimblok_3, .ops-kategori) a.blokResimLink:hover img {
    transform: scale(1.06);
}
:is(#resimblok_3, .ops-kategori) a.blokResimLink:hover::before {
    opacity: 1;
}
:is(#resimblok_3, .ops-kategori) a.blokResimLink:hover::after {
    opacity: 1;
    transform: translateY(0) scale(1);
    background: #531e24;
    color: #fff;
}

@media (prefers-reduced-motion: reduce) {
    :is(#resimblok_3, .ops-kategori) a.blokResimLink,
    :is(#resimblok_3, .ops-kategori) a.blokResimLink img,
    :is(#resimblok_3, .ops-kategori) a.blokResimLink::after {
        transition: none;
    }
}

/* --- M3. Mobil: 2×2, ok her zaman görünür --- */
@media (max-width: 767px) {
    :is(#resimblok_3, .ops-kategori) .txrow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    :is(#resimblok_3, .ops-kategori) a.blokResimLink {
        border-radius: 12px;
    }
    :is(#resimblok_3, .ops-kategori) a.blokResimLink::after {
        right: 10px;
        bottom: 10px;
        width: 30px;
        height: 30px;
        font-size: 14px;
        opacity: 1;
        transform: none;
    }
    :is(#resimblok_3, .ops-kategori) a.blokResimLink:hover {
        transform: none;
    }
}
      
/* ================================================================
   N. YAN SEPET (mini cart)
   Scope: .miniCartRigth
   Üst toplam/butonlar gizli · alt toplam/butonlar sabit
   Kargo çubuğu stili JS Bölüm 8 içinde
   ================================================================ */

/* --- N1. Panel + başlık --- */
:is(#opsSp, .miniCartRigth) {
    background: #fff !important;
}
:is(#opsSp, .miniCartRigth) .miniCartRigthHeader {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 20px 20px 16px !important;
    border-bottom: 1px solid #efe6e5 !important;
    background: #fff !important;
}
:is(#opsSp, .miniCartRigth) .spnCartTxt {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -.3px !important;
    line-height: 1.2 !important;
    color: #1a1a1a !important;
}
:is(#opsSp, .miniCartRigth) .miniCartRigthHeader-operation {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
:is(#opsSp, .miniCartRigth) .miniCartRigthHeader-fav-button,
:is(#opsSp, .miniCartRigth) .miniCartRigthHeader-fav-button span {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #6b6b6b !important;
    text-decoration: none !important;
    white-space: nowrap;
}
:is(#opsSp, .miniCartRigth) .miniCartRigthHeader-fav-button:hover span {
    color: #531e24 !important;
}
:is(#opsSp, .miniCartRigth) .header-close-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid #e6dcda !important;
    border-radius: 50% !important;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}
:is(#opsSp, .miniCartRigth) .header-close-btn svg {
    width: 12px !important;
    height: 12px !important;
}
:is(#opsSp, .miniCartRigth) .header-close-btn:hover {
    background: #531e24 !important;
    border-color: #531e24 !important;
}
:is(#opsSp, .miniCartRigth) .header-close-btn:hover svg {
    fill: #fff !important;
}

/* --- N2. Üstteki tekrar eden toplam + butonlar gizli --- */
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountTop,
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountTop + .miniCartSatir2 {
    display: none !important;
}

/* --- N3. Hediye çeki --- */
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent {
    margin: 14px 16px 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    border: 1px dashed #d9c3c5 !important;
    border-radius: 12px !important;
    background: #fbf6f2 !important;
    text-decoration: none !important;
    transition: border-color .2s ease;
}
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent > a:hover {
    border-color: #531e24 !important;
}
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent .offers-tab {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent svg {
    width: 15px !important;
    height: 15px !important;
    fill: #531e24 !important;
}
:is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent .offers-content svg {
    width: 7px !important;
    height: 12px !important;
}

/* --- N4. Ürün kartı: görsel solda --- */
:is(#opsSp, .miniCartRigth) .miniCartContent {
    padding: 4px 16px 0 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartHr {
    display: none !important;
}
:is(#opsSp, .miniCartRigth) .miniCartItem {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #efe6e5 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartRight {
    order: 0 !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartRight img {
    display: block !important;
    width: 84px !important;
    height: 126px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    border-radius: 10px !important;
}
:is(#opsSp, .miniCartRigth) .miniCartLeft {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 30px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
:is(#opsSp, .miniCartRigth) .miniCartDetail {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin: 0 !important;
}
:is(#opsSp, .miniCartRigth) .minimarka,
:is(#opsSp, .miniCartRigth) .minimarka a {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #9a8a8b !important;
    text-decoration: none !important;
}
:is(#opsSp, .miniCartRigth) .miniurunAdi a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
}
:is(#opsSp, .miniCartRigth) .miniCartDetay {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}
/* Beden etiketi */
:is(#opsSp, .miniCartRigth) .miniCartDetayItem.eksecenek {
    display: inline-flex !important;
    gap: 4px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #f4efed !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #4a4a4a !important;
    line-height: 1.2 !important;
}
/* Sil: sağ üst */
:is(#opsSp, .miniCartRigth) .miniCartButtonSil {
    position: absolute !important;
    top: 16px !important;
    right: 0 !important;
    margin: 0 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartButtonSil a {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #9a8a8b !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    cursor: pointer;
}
:is(#opsSp, .miniCartRigth) .miniCartButtonSil a:hover {
    color: #c0392b !important;
}
:is(#opsSp, .miniCartRigth) .miniCartButtonSil svg {
    display: none !important;
}
/* Adet kapsülü: − 1 + */
:is(#opsSp, .miniCartRigth) .miniCartDetayItem.adettanim {
    flex: 0 0 100% !important;
    margin: 0 !important;
}
:is(#opsSp, .miniCartRigth) .adettanim1,
:is(#opsSp, .miniCartRigth) .adettanim2,
:is(#opsSp, .miniCartRigth) .adettanim3 label {
    display: none !important;
}
:is(#opsSp, .miniCartRigth) .adettanim3 {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: 34px !important;
    border: 1px solid #e2dcd2 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #fff !important;
}
:is(#opsSp, .miniCartRigth) .adettanim3 .aMiniSepetAzalt,
:is(#opsSp, .miniCartRigth) .adettanim3 .aMiniSepetArtir {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: #1a1a1a !important;
    font-size: 11px !important;
    text-decoration: none !important;
    transition: background .2s ease;
}
:is(#opsSp, .miniCartRigth) .adettanim3 .aMiniSepetAzalt:hover,
:is(#opsSp, .miniCartRigth) .adettanim3 .aMiniSepetArtir:hover {
    background: #f6f3ee !important;
}
:is(#opsSp, .miniCartRigth) .adettanim3 .txtMiniSepetAdet {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 34px !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}
:is(#opsSp, .miniCartRigth) .adettanim3 .txtMiniSepetAdet::-webkit-inner-spin-button,
:is(#opsSp, .miniCartRigth) .adettanim3 .txtMiniSepetAdet::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Fiyat */
:is(#opsSp, .miniCartRigth) .miniCartItemprice {
    margin: 2px 0 0 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartItemprice .DiscountPrice {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #531e24 !important;
}

/* --- N5. Alt toplam + butonlar: sabit --- */
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom {
    position: sticky !important;
    bottom: 78px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-top: 1px solid #efe6e5 !important;
    border-bottom: 0 !important;
    background: #fff !important;
    box-shadow: 0 -10px 24px rgba(40,20,22,.06) !important;
    box-sizing: border-box !important;
}
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom .miniCartCol1 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6b6b6b !important;
}
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom .miniCartCol2 {
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: -.3px !important;
    color: #1a1a1a !important;
}
:is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom + .miniCartSatir2 {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 10px !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 16px 14px !important;
    border: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .siparis-tamamla-button {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background .25s ease, color .25s ease;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .siparis-tamamla-button span {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    white-space: nowrap !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .fastOrderUrlButton {
    border: 0 !important;
    background: #531e24 !important;
    box-shadow: 0 8px 20px rgba(83,30,36,.22) !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .fastOrderUrlButton span {
    color: #fff !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .fastOrderUrlButton:hover {
    background: #3b1418 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .basketUrlButton {
    border: 1.5px solid #531e24 !important;
    background: #fff !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .basketUrlButton span {
    color: #531e24 !important;
}
:is(#opsSp, .miniCartRigth) .miniCartSatir2 .basketUrlButton:hover {
    background: #fbf2f1 !important;
}

/* --- N6. Mobil --- */
@media (max-width: 767px) {
    :is(#opsSp, .miniCartRigth) .miniCartRigthHeader {
        padding: 16px 14px 12px !important;
    }
    :is(#opsSp, .miniCartRigth) .spnCartTxt {
        font-size: 16.5px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartRigthHeader-fav-button {
        display: none !important;
    }
    :is(#opsSp, .miniCartRigth) .hediyeCekiBtnContent {
        margin: 12px 12px 4px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartContent {
        padding: 0 12px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartRight {
        flex-basis: 72px !important;
        width: 72px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartRight img {
        width: 72px !important;
        height: 108px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom {
        padding: 0 14px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartTotalAmountBottom + .miniCartSatir2 {
        padding: 0 12px 14px !important;
    }
    :is(#opsSp, .miniCartRigth) .miniCartSatir2 .siparis-tamamla-button span {
        font-size: 13px !important;
        letter-spacing: .2px !important;
    }
}
      
/* ================================================================
   O. INSTAGRAM TAKİP BLOĞU (HTML blok: .opsIgBlok)
   İnce bant: solda metin + buton, sağda 3 görsel (kırpılmadan)
   ================================================================ */
.opsIgBlok {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 40px 0;
    padding: 30px 56px;
    border-radius: 22px;
    background: #f8f2ef;
    overflow: hidden;
}
.opsIgBlok svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.opsIgBlok svg .opsIgDolu { fill: currentColor; stroke: none; }

/* --- Metin --- */
.opsIgBlok .opsIgMetin { flex: 1 1 auto; max-width: 520px; }
.opsIgBlok .opsIgHesap {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #531e24 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    text-decoration: none !important;
}
.opsIgBlok .opsIgHesap i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 10px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    color: #fff;
}
.opsIgBlok .opsIgHesap svg { width: 17px; height: 17px; }
.opsIgBlok .opsIgBaslik {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -.6px;
    color: #1a1a1a;
}
.opsIgBlok .opsIgBaslik em { font-style: normal; font-weight: 800; color: #531e24; }
.opsIgBlok .opsIgAciklama {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.55;
    color: #6b5a5c;
}
.opsIgBlok .opsIgButon {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 46px;
    padding: 0 28px;
    border-radius: 999px;
    background: #531e24;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    text-decoration: none !important;
    transition: background .25s ease, transform .25s ease;
}
.opsIgBlok .opsIgButon span { transition: transform .25s ease; }
.opsIgBlok .opsIgButon:hover { background: #3b1418; transform: translateY(-2px); }
.opsIgBlok .opsIgButon:hover span { transform: translateX(4px); }

/* --- Görseller: yükseklik sabit, genişlik görselin kendi oranında (kırpma yok) --- */
.opsIgBlok .opsIgGaleri {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    text-decoration: none !important;
}
.opsIgBlok .opsIgKart {
    display: block;
    height: 200px;
    width: auto;
    max-width: none;
    border: 4px solid #fff;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(83,30,36,.18);
    transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
.opsIgBlok .opsIgKart1 { transform: rotate(-6deg); margin-right: -26px; }
.opsIgBlok .opsIgKart2 { position: relative; z-index: 2; height: 230px; }
.opsIgBlok .opsIgKart3 { transform: rotate(6deg); margin-left: -26px; }
.opsIgBlok .opsIgGaleri:hover .opsIgKart1 { transform: rotate(-9deg) translateX(-14px); }
.opsIgBlok .opsIgGaleri:hover .opsIgKart2 { transform: translateY(-6px); }
.opsIgBlok .opsIgGaleri:hover .opsIgKart3 { transform: rotate(9deg) translateX(14px); }

@media (prefers-reduced-motion: reduce) {
    .opsIgBlok .opsIgKart { transition: none; }
}

/* --- Tablet --- */
@media (max-width: 991px) {
    .opsIgBlok { padding: 26px 30px; gap: 24px; }
    .opsIgBlok .opsIgBaslik { font-size: 24px; }
    .opsIgBlok .opsIgKart { height: 160px; }
    .opsIgBlok .opsIgKart2 { height: 185px; }
}

/* --- Mobil: görseller üstte, metin altta ortalı --- */
@media (max-width: 767px) {
    .opsIgBlok {
        flex-direction: column-reverse;
        gap: 18px;
        margin: 30px 0;
        padding: 24px 16px 26px;
        border-radius: 18px;
        text-align: center;
    }
    .opsIgBlok .opsIgMetin { max-width: none; }
    .opsIgBlok .opsIgHesap { margin-bottom: 8px; font-size: 12px; }
    .opsIgBlok .opsIgHesap i { width: 28px; height: 28px; border-radius: 9px; }
    .opsIgBlok .opsIgHesap svg { width: 15px; height: 15px; }
    .opsIgBlok .opsIgBaslik { font-size: 22px; margin-bottom: 6px; }
    .opsIgBlok .opsIgAciklama { font-size: 13.5px; margin-bottom: 16px; }
    .opsIgBlok .opsIgButon { height: 44px; padding: 0 26px; }
    .opsIgBlok .opsIgKart { height: 140px; border-width: 3px; border-radius: 11px; }
    .opsIgBlok .opsIgKart2 { height: 160px; }
    .opsIgBlok .opsIgKart1 { margin-right: -18px; }
    .opsIgBlok .opsIgKart3 { margin-left: -18px; }
    .opsIgBlok .opsIgGaleri:hover .opsIgKart1 { transform: rotate(-6deg); }
    .opsIgBlok .opsIgGaleri:hover .opsIgKart2 { transform: none; }
    .opsIgBlok .opsIgGaleri:hover .opsIgKart3 { transform: rotate(6deg); }
}
      
/* ================================================================
   P. DIŞ GİYİM BLOĞU (HTML blok: .opsDgBlok)
   Bordo bant: solda çerçeveli görsel (kırpılmadan), ortada başlık
   + avantajlar, sağda buton; arkada silik "DIŞ GİYİM" yazısı
   ================================================================ */
a.opsDgBlok {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 40px 0;
    padding: 26px 56px 26px 50px;
    border-radius: 22px;
    background: linear-gradient(120deg, #531e24 0%, #3b1418 100%);
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
}
/* Sağda yumuşak ışık */
a.opsDgBlok::before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 520px; height: 520px;
    right: -120px; top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 62%);
}
.opsDgBlok .opsDgFiligran {
    position: absolute;
    z-index: -1;
    right: 30px; bottom: -28px;
    font-size: 130px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -4px;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255,255,255,.10);
    pointer-events: none;
}
.opsDgBlok svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* --- Görsel: yükseklik sabit, genişlik kendi oranında; arkasında boş çerçeve --- */
.opsDgBlok .opsDgGorsel {
    position: relative;
    flex: 0 0 auto;
    display: block;
}
.opsDgBlok .opsDgCerceve {
    position: absolute;
    inset: 0;
    border: 2px solid rgba(255,255,255,.35);
    border-radius: 14px;
    transform: rotate(6deg) translate(10px, 2px);
    transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.opsDgBlok .opsDgGorsel img {
    position: relative;
    display: block;
    height: 220px;
    width: auto;
    max-width: none;
    border: 4px solid #fff;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(0,0,0,.35);
    transform: rotate(-4deg);
    transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
a.opsDgBlok:hover .opsDgGorsel img { transform: rotate(0deg) scale(1.03); }
a.opsDgBlok:hover .opsDgCerceve { transform: rotate(10deg) translate(18px, 4px); }

/* --- Metin --- */
.opsDgBlok .opsDgMetin {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}
.opsDgBlok .opsDgBaslik {
    display: block;
    margin-bottom: 6px;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -1px;
    color: #fff;
}
.opsDgBlok .opsDgAciklama {
    display: block;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255,255,255,.75);
}
.opsDgBlok .opsDgAvantaj {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.opsDgBlok .opsDgAvantaj span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 14px 0 10px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-size: 12.5px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}
.opsDgBlok .opsDgAvantaj svg { width: 17px; height: 17px; }

/* --- Buton --- */
.opsDgBlok .opsDgButon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding: 0 30px;
    border-radius: 999px;
    background: #fff;
    color: #531e24;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .3px;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    transition: background .25s ease, transform .25s ease;
}
.opsDgBlok .opsDgButon i { font-style: normal; transition: transform .25s ease; }
a.opsDgBlok:hover .opsDgButon { background: #f6e7e9; transform: translateY(-2px); }
a.opsDgBlok:hover .opsDgButon i { transform: translateX(4px); }

@media (prefers-reduced-motion: reduce) {
    .opsDgBlok .opsDgGorsel img, .opsDgBlok .opsDgCerceve { transition: none; }
}

/* --- Tablet: buton metnin altına --- */
@media (max-width: 991px) {
    a.opsDgBlok {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas: "g m" "g b";
        gap: 14px 34px;
        padding: 24px 30px;
    }
    .opsDgBlok .opsDgGorsel { grid-area: g; }
    .opsDgBlok .opsDgMetin { grid-area: m; align-self: end; }
    .opsDgBlok .opsDgButon { grid-area: b; align-self: start; justify-self: start; height: 46px; }
    .opsDgBlok .opsDgGorsel img { height: 190px; }
    .opsDgBlok .opsDgBaslik { font-size: 32px; }
    .opsDgBlok .opsDgFiligran { font-size: 90px; }
}

/* --- Mobil --- */
@media (max-width: 767px) {
    a.opsDgBlok {
        gap: 8px 20px;
        margin: 30px 0;
        padding: 20px 16px 20px 22px;
        border-radius: 18px;
    }
    .opsDgBlok .opsDgGorsel img { height: 160px; border-width: 3px; border-radius: 11px; }
    .opsDgBlok .opsDgCerceve { border-radius: 11px; transform: rotate(6deg) translate(6px, 2px); }
    .opsDgBlok .opsDgBaslik { font-size: 24px; margin-bottom: 4px; }
    .opsDgBlok .opsDgAciklama { font-size: 12.5px; margin-bottom: 10px; }
    .opsDgBlok .opsDgAvantaj { flex-direction: column; gap: 4px; }
    .opsDgBlok .opsDgAvantaj span {
        height: auto;
        padding: 0;
        border: 0;
        background: none;
        font-size: 11px;
        font-weight: 500;
        color: rgba(255,255,255,.85);
    }
    .opsDgBlok .opsDgAvantaj svg { width: 14px; height: 14px; }
    .opsDgBlok .opsDgButon { height: 38px; margin-top: 4px; padding: 0 14px; font-size: 12px; }
    .opsDgBlok .opsDgButon i { display: none; }
    .opsDgBlok .opsDgFiligran { font-size: 56px; letter-spacing: -2px; right: 10px; bottom: -12px; }
}