@import url("./fonticon/fontawesomeall.min.css");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Jost:wght@500;600;700&display=swap");
* { outline: 0px; box-sizing: border-box; }
::before, ::after { box-sizing: border-box; }
@keyframes fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
template { display: none; }
[hidden] { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html { max-width: 1920px; margin: 0px auto; text-size-adjust: 100%; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { font-family: AvenirRoman, sans-serif; margin: 0px; padding: 0px; font-size: 0.8rem; animation: 500ms ease-in-out 0.5s 1 normal both running fadein; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; }
textarea { overflow: auto; }
input[type="search"] { 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"] { appearance: listbox; }
label { display: inline-block; margin-bottom: 0px; }
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 { touch-action: manipulation; }
a { text-decoration: none; color: rgb(102, 102, 102); transition: background 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s; }
a:active, a:hover { outline-width: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
input:-webkit-autofill { box-shadow: white 0px 0px 0px 50px inset; -webkit-text-fill-color: rgb(0, 0, 0); }
input:-webkit-autofill:focus { box-shadow: white 0px 0px 0px 50px inset; -webkit-text-fill-color: rgb(0, 0, 0); }
select, input { font-family: AvenirRoman, sans-serif !important; }
button { 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%; }
.categoryContainer .haftaninUrunleriSol .sliderOpacity{display: block!important;}
.categoryContainer .haftaninUrunleri .sliderOpacity{display: block!important;}
.ProductList ul { margin: 0px; padding: 0px; }
.blokSonYazilar ul { margin: 0px; padding: 0px; list-style: none; }
.blogKategori ul { margin: 0px; padding: 0px; list-style: none; }
.blogCenter ul { margin: 0px; padding: 0px; list-style: none; }
.blogRight ul { margin: 0px; padding: 0px; list-style: none; }
.pull-center { display: inline-block; vertical-align: top; }
.pull-left { float: left; }
.pull-right { float: right; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.fa-facebook-f::before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0px !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: 1px solid rgb(169, 169, 169); height: 26px; color: rgb(119, 119, 119); background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: AvenirRoman, sans-serif; border: 1px solid rgb(169, 169, 169); padding: 4px; width: 100%; height: 80px; resize: none; color: rgb(119, 119, 119); background-color: transparent; transition-duration: 0.2s, 0.2s; }
.textbox { font-family: AvenirRoman, sans-serif; color: rgb(102, 102, 102); display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; }
.button { font-family: AvenirRoman, sans-serif; cursor: pointer; color: rgb(255, 255, 255); padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0px 5px; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0px; left: 0px; bottom: 0px; background-color: rgb(169, 68, 66); color: rgb(255, 255, 255); border-radius: 5px; padding: 0px 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: rgb(169, 68, 66); position: absolute; right: 0px; bottom: 0px; left: 0px; height: 10px; display: block; border-radius: 0px 0px 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; }
.tooltip { position: absolute; z-index: -1; display: none; font-size: 10px; line-height: 1.4; opacity: 0; visibility: visible; animation: 0.5s ease 0s 1 normal none running fadein; }
.tooltip.in { opacity: 1; z-index: 1030; display: block; }
.tooltip.top { padding: 5px 0px; margin-bottom: 7px; bottom: 100%; left: 50%; }
.tooltip.right { padding: 0px 5px; margin-left: 7px; left: 100%; top: 50%; }
.tooltip.bottom { padding: 5px 0px; margin-top: 7px; top: 100%; left: 50%; }
.tooltip.left { padding: 0px 5px; margin-right: 7px; right: 100%; top: 50%; }
.tooltip-inner { min-width: auto; padding: 0px 8px; line-height: 25px; color: rgb(255, 255, 255); text-align: center; font-size: 10px; text-decoration: none; border-radius: 0px; white-space: nowrap; font-weight: normal; }
.tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; }
.tooltip.top-left .tooltip-arrow { bottom: 0px; left: 5px; border-width: 5px 5px 0px; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0px; border-width: 5px 5px 0px; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0px; left: 5px; border-width: 0px 5px 5px; }
.tooltip.bottom-right .tooltip-arrow { top: 0px; right: 5px; border-width: 0px 5px 5px; }
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: rgb(255, 255, 255); border: 1px solid rgb(238, 239, 240); color: rgb(34, 34, 34); font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0px; }
.Magazalar #searchStore input { background: rgb(255, 255, 255); border: 1px solid rgb(238, 239, 240); color: rgb(34, 34, 34); font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: rgb(34, 34, 34); border-color: rgb(34, 34, 34); }
.Magazalar #searchStore .buton:hover { color: rgb(34, 34, 34); }
.Magazalar .magazalarContent { float: left; width: 100%; margin-top: 50px; }
.Magazalar #nearStores { float: left; width: 100%; }
.Magazalar #nearStores > h2 { color: rgb(34, 34, 34); font-size: 18px; font-weight: 600 !important; }
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0px; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0px; margin: 0px 0px 40px; width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0px; margin: 0px 0px 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0px; font-size: 24px; font-weight: bold; line-height: 80px; text-align: left; }
.iletisimContent .categoryTitle::after { clear: left; content: ""; width: 70px; height: 1px; background: rgb(229, 229, 229); 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: rgb(52, 52, 52); font-size: 14px; line-height: 20px; }
.iletisimContent .iletisimLeft .Right::before { color: rgb(186, 186, 186); font-size: 20px; font-family: FontAwesomePro; 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: ""; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right::before { content: ""; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right::before { content: ""; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right::before { content: ""; }
.iletisimContent .iletisimRight { float: left; padding: 0px; margin: 0px; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0px; width: 100%; margin: 0px; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0px; width: 100%; margin: 0px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div { display: block; font-size: 0px; border-bottom: 1px solid rgb(229, 229, 229); padding: 0px 0px 20px; margin: 0px 0px 20px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; color: rgb(52, 52, 52); font-size: 14px; width: auto !important; }
.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: 0px; margin: 0px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0px; margin: 0px 0px 10px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: 12px; color: rgb(34, 34, 34); 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: rgb(227, 227, 227); background: transparent; padding: 0px 10px; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight { float: left; padding: 0px; margin: 0px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0px; margin: 0px 0px 10px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: 12px; color: rgb(34, 34, 34); 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: rgb(227, 227, 227); background: transparent; padding: 0px 10px; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight .span .Right textarea { border-color: rgb(227, 227, 227); background: transparent; padding: 10px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: 20px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input { padding: 0px; display: block; height: 55px; font-size: 16px; color: rgb(255, 255, 255); font-weight: normal; text-transform: uppercase; float: left; width: 100%; }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0px; right: 0px; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 13, 13); border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { inset: auto 0px 0px; display: block; border-radius: 2px; }
.uyeOlContainer .FormTitle { display: block; margin: 20px 0px; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0px 0px; padding: 30px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); width: calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0px; }
.uyeOlContainer .uyeOlRow { margin: 0px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0px; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0px; }
.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; border-radius: 0px; box-shadow: none; padding: 15px 0px; font-weight: 400; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; background-color: rgb(255, 255, 255) !important; height: auto !important; border: 1px solid rgb(238, 238, 238) !important; color: rgb(85, 85, 85) !important; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; height: auto; border-radius: 0px; box-shadow: none; padding: 15px 0px; font-weight: 400; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; background-color: rgb(255, 255, 255) !important; border: 1px solid rgb(238, 238, 238) !important; color: rgb(85, 85, 85) !important; }
.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 0px; line-height: normal; font-weight: 600; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type="tel"] { line-height: 1; padding-left: 48px !important; }
.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 0px; 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: 0px !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px; }
.userContainer { float: left; width: 100%; margin: 30px 0px; }
.userContainer .userDivLeft, .userContainer .userDivRight { padding: 0px 15px; }
.userContainer .userMail, .userContainer .userSms, .userContainer .userSozlesmeDiv { float: left; width: 100%; margin: 10px 0px 0px; }
.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: 0px; padding: 25px; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0px; }
.userContainer .uyeGirisBeniHatirla input, .userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0px; }
.SifremiUnuttum { width: 100%; margin: 30px 0px; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0px 20px; }
.SifremiUnuttum .button { padding: 0px 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0px; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0px; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0px 0px 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; width: 400px; position: relative; margin: 0px auto; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
.userLogin { float: left; width: 100%; text-align: center; margin: 50px 0px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: rgb(0, 0, 0); }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title::before { content: ""; font-family: FontAwesomePro; display: block; font-size: 40px; color: rgb(9, 125, 45); 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 0px; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; }
.taksitMain { margin: 0px -5px; }
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; padding: 0px 5px; margin-bottom: 10px; }
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img { vertical-align: top; }
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); font-size: 10px; float: left; color: rgb(0, 0, 0); text-align: center; }
.taksitLine .tak.Taksit { background-color: rgb(237, 237, 237); width: 19%; }
#header::before { content: ""; display: table; }
#header::after { content: ""; display: table; }
.hoverr::before { content: ""; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; animation: 0.5s ease 0s 1 normal none running fadein; display: block !important; }
#header {width: 100%;position: relative;float: left;z-index: 1000;background: rgb(255, 255, 255);margin-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.headerContent { text-align: center;padding-top: 10px;}
.headerContent::before { content: ""; display: block; clear: both; }
.headerContent::after { content: ""; display: block; clear: both; }
#logo { display: inline-block; vertical-align: top; float: left; }
#logo .logo { display: inline-block; vertical-align: top; }
#logo .logo img { display: block; max-width: 100%; }
.mycart {float: right;z-index: 99;margin-top: 20px;position: relative;padding: 10px 25px 10px 25px;background: #196bb5;}
.mycart > a {color: rgb(0, 0, 0);font-size: 16px;float: left;padding-left: 20px;}
.mycart::before {content: "\f290";font-family: FontAwesomePro;font-weight: 300;font-size: 18px;float: left;line-height: 30px;color: white;}
.mycart .sepetTecxt {display: block;float: left;line-height: 30px;text-transform: uppercase;font-weight: 400;color: white;}
.mycart .sepetUrunSayisi {display: block;left: 38px;position: absolute;top: 9px;width: 14px;height: 14px;line-height: 15px;background: white;border-radius: 100%;color: #196bb5;font-size: 10px;font-weight: 600;}
.mycart .sepetUrun { display: none; }
.sepetTopTutar { display: none !important; }
.CartProduct { width: 360px; background: rgb(255, 255, 255); float: left; padding: 10px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid rgb(240, 240, 240); border-radius: 3px; box-shadow: rgb(0, 0, 0) 0px 0px 16px -10px; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; display: block !important; }
.mycart::after { display: none; position: absolute; left: 0px; right: 0px; bottom: -15px; height: 15px; content: ""; }
@media screen and (min-width:768px) {
.mycart:hover .CartProduct { visibility: visible; opacity: 1; top: 130%; }
.mycart:hover::after { display: block; }
}
.CartProduct::before, .CartProduct::after { bottom: 100%; right: 2px; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }
.CartProduct::before { border-color: transparent transparent rgb(240, 240, 240); border-width: 9px; margin-left: -9px; }
.CartProduct::after { border-color: transparent transparent rgb(255, 255, 255); border-width: 8px; margin-left: -8px; right: 2px; }
.CartProduct ul { padding: 0px; margin: 0px; }
.CartProduct p { padding: 0px; margin: 0px; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow: hidden auto; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(238, 238, 238); }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: rgb(91, 91, 91); }
.CartProduct .SProduct li a img { margin-right: 10px; float: left; }
.CartProduct .SProduct li a .SepettopAd { }
.CartProduct .SProduct li a .SepettopAd span { font-size: 12px; line-height: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { font-size: 12px; line-height: 18px; float: left; margin-right: 5px; display: inline-block !important; }
.CartProduct .SProduct li a .SepetTopAdet { font-size: 12px; line-height: 18px; display: inline-block; }
.CartProduct .SProduct li a .sepetTopFiyat { font-weight: 600; font-size: 14px; display: block !important; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0px; top: 50%; margin-top: -20px; font-size: 15px; width: auto !important; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: FontAwesomePro; font-weight: 300; }
.CartProduct .SProduct li a .fa-times::before { content: "\f00d"; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 20px 0px 10px; margin: 20px 0px 10px; border-top: 1px solid rgb(187, 187, 187); display: none; }
.CartProduct .SPrice li { font-size: 0px; }
.CartProduct .SPrice li span { float: left; color: rgb(91, 91, 91); font-size: 14px; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { float: left; width: calc(50% - 10px); line-height: 35px; border-radius: 5px; padding: 0px; margin: 0px 5px !important; font-size: 14px !important; }
.CartProduct .headerCartBtn { line-height: 35px; border: 1px solid rgb(204, 204, 204); background: transparent; color: rgb(67, 67, 67); font-weight: 600; }
.CartProduct .headerOrderBtn { line-height: 37px; }
.CartProduct .headerCartBtn:hover { color: rgb(255, 255, 255); }
.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 .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0px; }
.sepetimBody .searchContent { }
.welcome { float: right; z-index: 99; position: relative; }
.welcome > div { float: left; }
.welcome ul { float: left; margin: 0px; list-style: none; padding: 0px; }
.uyeGirisWelcome, .uyeGirisUyeAdi { display: none; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {color: #353535;font-size: 13px;line-height: 30px;display: flex;justify-content: flex-end;flex-direction: row;position: relative;border: 2px solid rgb(234, 234, 234);padding: 10px 30px 7px 40px;}
.headerUyeOl a::before, .headerUyeGiris a::before, .headerHesabim::before, .headerCikis::before { font-family: FontAwesomePro; line-height: 18px; font-size: 18px; font-weight: 300; float: left; display: block; }
.headerUyeGiris a:before { content: "\f007";    left: -17px;  position: relative;  bottom: -5px;font-weight: 400;}
.headerUyeOl a:before { content: "\f234";    left: -17px;  position: relative;  bottom: -5px;font-weight: 400;}
.memberWelcomeContent {padding-right: 5px;display: flex;flex-direction: column;margin-right: 0px;margin-top: 20px;}
.memberWelcomeContent a {font-size: 13px;text-transform: uppercase;font-weight: 600;}
.headerHesabim::before {content: "\f007";font-family: FontAwesomePro;line-height: 18px;font-size: 18px;font-weight: 400;float: left;display: block;position: absolute;bottom: 14px;left: 12px;}
.headerCikis::before {content: "\f08b";font-family: FontAwesomePro;line-height: 18px;font-size: 18px;font-weight: 400;float: left;display: block;position: absolute;left: 12px;bottom: 13px;}
.headerUyeGiris a, .headerHesabim {}
.headerUyeOl a, .headerCikis { }
.headerCikis {margin-left: 5px;}
.welcome li { display: inline-block; vertical-align: top; }
.headerSocialConnect { float: right; margin-left: 25px; display: none !important; }
.headerSocialConnect .baglanButton { border: none; margin: 0px; padding: 0px; line-height: 0; background: transparent !important; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: rgb(255, 255, 255); text-indent: 0px; font-size: 12px; font-weight: normal; padding: 0px; }
.headerSocialConnect .baglanButton a::before { content: ""; font-family: FontAwesomeProBrands; margin-right: 10px; font-size: 12px; line-height: 43px; vertical-align: top; font-weight: normal; }
.usernav { display: none; }
.searchContent {display: inline-block;vertical-align: top;width: 450px;position: relative;z-index: 5;margin-top: 20px;}
#divAramaKategori { position: absolute; left: 0px; top: 5px; display: none !important; }
#divAramaKategori select { cursor: pointer; background: rgb(245, 245, 245); display: block; height: 40px; border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgb(220, 220, 220); width: 135px; padding: 0px 0px 0px 15px; border-radius: 0px; text-transform: uppercase; color: rgb(128, 126, 126); font-size: 12px; font-weight: 300; }
#divAramaKategori option { text-transform: capitalize; }
.search { float: left; width: 100%; position: relative; }
.ButtonMic { position: absolute; right: 75px; top: 1px; padding: 0px; border: none; border-radius: 0px; background: transparent; color: rgb(121, 95, 82); font-size: 14px; width: 20px; height: 40px; display: none !important; }
#txtbxArama {float: left;width: 100%;height: 50px;border-radius: 0px;border: 1px solid rgb(25, 107, 181);color: rgb(164, 164, 164);padding-left: 15px;padding-right: 55px;background: rgb(250, 250, 250);font-size: 12px;font-weight: normal;letter-spacing: 0px;transition: all 0.3s ease 0s;appearance: none;}
#txtbxArama::-webkit-input-placeholder { color: rgb(164, 164, 164); }
#txtbxArama:focus { color: rgb(164, 164, 164); }
#btnKelimeAra {background: rgb(25, 107, 181);width: 80px;line-height: 44px;font-size: 15px;color: rgb(255, 255, 255);font-weight: 600;text-align: center;text-transform: uppercase;position: absolute;right: 4px;top: 3px;border: none;border-radius: 0px;padding: 0px;cursor: pointer;z-index: 9;appearance: none;}
.searchContent ul { text-align: left; max-height: 400px; overflow: hidden auto; list-style: none; padding: 15px !important; }
.searchContent ul li { float: left; width: 100%; }
.searchContent ul li a { line-height: 30px; font-size: 13px; color: rgb(0, 0, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; float: left; }
.searchContent .ui-menu .ui-menu-item .complate_text{white-space: normal;}
.cerezPopupUyari{z-index: 9999!important;}
.navigation {float: left;width: 100%;border-top: 1px solid rgb(244, 244, 244);border-bottom: 1px solid rgb(244, 244, 244);box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 9px 0px;margin-bottom: 2em;display: none;}
.navigation > div { z-index: 1; text-align: center; padding: 0px !important; }
.navigation .navUl { display: inline-block; font-size: 0px; float: left; width: 100%; position: relative; padding: 0px; margin: 0px; }
.navigation .navUl ul { padding: 0px; margin: 0px 0px 1em; list-style: none; }
.navigation .navUl > li { display: inline-block; vertical-align: middle; }
.navigation .navUl > li a { border-bottom: 1px solid rgba(255, 255, 255, 0); }
.navigation .navUl > li a:hover { color: rgb(242, 122, 26); border-bottom: 1px solid rgb(242, 122, 26); transition: all 0.1s ease-in-out 0s; }
.navigation .navUl > li > a { float: left; color: rgb(0, 0, 0); font-size: 16px; line-height: 40px; text-transform: uppercase; font-weight: 600; padding: 0px 1em; }
.navigation .altMenu { position: absolute; top: 100%; left: 0px; right: 0px; background-color: rgb(255, 255, 255); padding: 40px 45px; border: 1px solid rgba(248, 193, 218, 0.23); visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.2s ease-in-out 0s; transform: translateY(15px) translateZ(0px); }
.navigation .navUl > li:hover > .altMenu { visibility: visible; opacity: 1; pointer-events: unset; transform: none; }
.navigation .altMenu .altmenuSol > span { display: none; }
.navigation .altMenu .altMenuler { display: block; text-align: left; }
.navigation .altMenu .altMenuler .altMenuSag { float: right; }
.navigation .altMenu .altMenuler .altMenuSag > a { }
.navigation .altMenu .altMenuler .altMenuSag > a > img { display: block; }
.navigation .altMenu .altMenuler .altmenuSol { float: left; }
.navigation .altMenu .altMenuler .altmenuSol ul { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li li { float: left; clear: left; margin-bottom: 7px; }
.navigation .altMenu .altMenuler .altmenuSol ul li a { display: block; font-size: 14px; color: rgb(102, 102, 102); }
.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a { }
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover { color: rgb(242, 122, 26); }
.navigation .altMenu .altMenuler .altmenuSol > ul { display: flex; flex-wrap: wrap; }
.navigation .altMenu .altMenuler .altmenuSol > ul > li { width: 33.3333%; float: left; }
.navigation .altMenu .altMenuler .altmenuSol > ul > li:first-child { margin-bottom: 60px; }
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a { font-size: 15px; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 13px; }
.navigation .altMenu.picTrue .altMenuler .altMenuSag { width: 320px; }
.navigation .altMenu.picTrue .altMenuler .altmenuSol { width: calc(100% - 320px); }
#header .yanResimliMenu { display: none; }
#lang_flag_container { right: auto; bottom: auto; float: right; margin-left: 25px; top: 0px !important; left: 0px !important; z-index: 9999 !important; position: relative !important; display: none !important; }
#lang_flag_container::after { position: absolute; width: 100%; right: 0px; top: 18px; height: 20px; content: ""; display: none; }
#lang_flag_container #lang-detail { right: 0px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: all 0.4s ease 0s; display: block !important; left: auto !important; top: 100% !important; border-top: none !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 10px -2px !important; }
#lang_flag_container:hover #lang-detail { visibility: visible; opacity: 1; transform: translateX(0px); }
#lang_flag_container:hover::after { display: block; }
#lang { float: left; font-weight: normal; color: rgb(0, 0, 0) !important; font-size: 14px !important; padding: 0px 0px 0px 25px !important; line-height: 13px !important; }
#lang span { font-weight: normal; float: left; line-height: 13px !important; }
#lang span::after { content: ""; font-family: FontAwesomePro; margin-left: 5px; font-size: 10px; font-weight: normal; line-height: 13px; float: right; }
#lang_flag_container:hover #lang { font-weight: normal; color: rgb(0, 0, 0) !important; }
#langHover { float: left; padding: 8.5px 0px !important; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a { text-align: left; font-size: 11px !important; }
#lang-detail .currency a { font-size: 11px !important; }
#lang-detail p { font-size: 12px !important; }
#footer { float: left; width: 100%; position: relative; }
.FooterSC { float: left; width: 100%; position: relative; margin-top: 40px; }
.FooterTop { float: left; width: 100%; position: relative; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); padding: 30px 0px; }
.FooterMiddle { float: left; width: 100%; position: relative; }
.FooterBottom { float: left; width: 100%; position: relative;     border-top: 1px solid #eff0f2;  padding-top: 20px;}
.FooterTex { margin-top:50px; float: left; width: 100%; background: rgb(247, 248, 251); text-align: center; border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); padding: 30px 0px; }
.FooterTex .FtextDrop { text-align: left;padding: 0 20px;color: rgb(1, 1, 1); font-size: 14px; line-height: 25px; max-height: 75px; float: left; width: 100%; overflow: hidden; }
.FooterTex .btnD { display: inline-block; vertical-align: top; cursor: pointer; color: rgb(0, 0, 0); font-size: 12px; margin-top: 15px; }
.FooterTex .btnD i { display: block; margin: 0px auto; font-size: 16px; }
.FooterTex .btnD.gilzebtn { display: none; }
.FooterTex.active .FtextDrop { overflow: visible; max-height: 100%; }
.FooterTex.active .btnD.devambtn { display: none; }
.FooterTex.active .btnD.gilzebtn { display: inline-block; vertical-align: top; }
.GuvenList { float: left; width: 100%; }
.GuvenList ul { float: left; width: 100%; list-style: none; padding: 0px; margin: 0px;}
.GuvenList ul li { float: left;  width: 20%; padding-left: 30px; }
.GuvenList ul li .glist { float: left;width: 80%;  border-right: 1px solid #e5e5e5;}
.GuvenList ul li:last-child .glist { border:0px;}
.GuvenList ul li .glist .gimg { float: left; margin-right: 15px; }
.GuvenList ul li .glist .gtex { float: left; color: rgb(0, 0, 0); font-size: 15px; font-weight: 600; }
.GuvenList ul li .glist .gtex .lightT { color: rgb(119, 119, 119); font-size: 14px; font-weight: normal; }
.FooterAltDiv { float: left; width: 100%; border-bottom: 1px solid rgb(231, 231, 231); padding: 30px 0px 40px; }
/*ebulten*/
.ebultenDiv {float: left;position: relative;display: flex; flex-direction: row; justify-content: space-between;width: 100%;}
.ebultenDivTitle{width: 50%;display: flex; align-items: center;}
.ebultenDivTitle span{ color: white; font-weight: 600; font-size: 20px;}
.ebultenGelecek {display: flex;width: 100%;float: left;}
#divNewsLetter {float: left;width: 100%;position: relative;display:none;}
.ebultenGelecek #divNewsLetter {display: block;padding: 0;}
#divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px;}
#UpdatePanel1 {position: relative; float: right;width: 100%;}
#txtbxNewsletterMail {border: 1px solid rgb(244, 244, 244); height: 40px;font-size: 12px;color: #ddd;font-weight:600;padding:0 40px 0 10px;background: #fff;border-radius:0;display: inline-block;width: 100%; text-align:left; opacity: 1;}
#txtbxNewsletterMail::-webkit-input-placeholder {color: #000;}
#txtbxNewsletterMail:-moz-placeholder {color: #000;}
#txtbxNewsletterMail::-moz-placeholder {color: #000;}
#txtbxNewsletterMail:-ms-input-placeholder {color: #000;}
#txtbxNewsletterMail:focus {color: #000;}
#btnMailKaydet{
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  padding-top: 13px;
  font-size: 18px;
  color: #196bb5;
  background: #fff0;
}
.ebultenDiv .newsbutton {color: #000; background: transparent;width: 40px;height: 40px;line-height:40px; font-size:13px;font-weight: 600; display: inline-block;position: absolute;right:0;top:0;text-align:center; border:none;border-radius:0; padding: 0;margin: 0!important;text-decoration: none;}
.ebultenDiv .newsbutton:hover{color: #000;background: transparent;}
#footer .linkler { float: left; width: 100%; position: relative; padding: 40px 0px; }
#footer .linkler .blink { float: left; width: 100%; margin: 0px; }
#footer .linkler .blink ul { margin: 0px; padding: 0px; list-style: none; }
#footer .linkler .blink > ul {float: left;width: 100%;}
#footer .linkler .blink > ul > li { float: left; }
#footer .linkler .blink > ul > li:last-child { margin-bottom: 0px; }
#footer .linkler .blink > ul li:first-child {display: block;width: 50%;float: left;}
#footer .linkler .blink > ul li:first-child > ul li{width:50%;}
#footer .linkler .blink > ul li {display: block;width: 25%;float: left;}
#footer .linkler .blink > ul li > ul li{width:100%;}
#footer .linkler .blink > ul > li > span { display: table; clear: left; font-size: 16px; color: rgb(92, 92, 92); font-weight: 600; margin-bottom: 15px; position: relative; padding-bottom: 10px; }
#footer .linkler .blink > ul > li > span::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 20px; height: 1px; background: rgb(92, 92, 92); }
#footer .linkler .blink > ul > li:last-child > span { padding-bottom: 0px; }
#footer .linkler .blink > ul > li:last-child > span::after { display: none; }
#footer .linkler .blink > ul > li > span .ackapabtn { display: none; }
#footer .linkler .blink > ul > li > ul { display: inline-block; vertical-align: top; }
#footer .linkler .blink > ul > li > ul > li > a { float: left; width: 100%; font-size: 13px; color: rgb(92, 92, 92); font-weight: 500; margin-bottom: 10px; }
#footer .linkler .blink > ul > li > ul > li:last-child > a { margin-bottom: 0px; }
#footer .linkler .blink > ul > li > ul > li > a:hover { color: #196bb5; text-decoration: underline; }
@media screen and (min-width: 769px) {
  #footer .linkler .blink > ul > li > ul { display: inline-block !important; }
}
.kartimg { float: left; width: 100%; text-align: center; }
.kartimg img { display: inline-block; vertical-align: top; }
.copy { float: left; width: 100%; text-align: center; color: rgb(0, 0, 0); font-size: 12px; margin-bottom: 30px; font-weight: 500; }
.ulasDiv { float: left; clear: left; margin-bottom: 30px; }
.ulasDiv ul {float: left;width: 100%;}
.ulasDiv ul li {float: left;clear: left;margin-bottom: 12px;width: 100%!important;}
.ulasDiv ul li a { color: rgb(87, 86, 86); font-size: 14px; font-weight: 500; float: left; }
.ulasDiv ul li a:hover { color: #196bb5; text-decoration: underline; }
#footer .socialDiv { float: left; clear: left; }
#footer .socialDiv ul { padding: 0px; margin: 0px; list-style: none; }
#footer .socialDiv ul li {float: left;margin-right: 30px;width: auto!important;}
#footer .socialDiv ul li:last-child { margin-right: 0px; }
#footer .socialDiv ul li a { float: left; color: rgb(92, 92, 92); font-size: 16px; width: 50px; height: 50px; border: 1px solid rgb(244, 244, 244); border-radius: 0px; text-align: center; }
#footer .socialDiv ul li a i { display: inline-block; vertical-align: top; line-height: 48px; }
#footer .store { float: left; clear: left; margin-bottom: 10px; }
#footer .store ul { padding: 0px; margin: 0px; list-style: none; }
#footer .store ul li {float: left;margin-right: 0px;width: 50%!important;float: left!important;}
#footer .store ul li:last-child { margin-right: 0px; }
#footer .store ul li a { float: left; color: rgb(102, 102, 102); padding: 8px 15px 8px 0px; display: flex; align-items: center; font-size: 17px; background: white; border-radius: 5px; }
#footer .store ul li a i { margin-right: 5px; }
#footer .store ul li a i { display: inline-block; vertical-align: top; line-height: 17px; }
#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999; display: none; }
#back-to-top a { float: left; text-align: center; width: 40px; height: 40px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); border-radius: 100%; font-size: 14px; }
#back-to-top a::after { content: "\f077"; font-family: FontAwesomePro; display: inline-block; vertical-align: top; line-height: 40px; }
.homeContainer .ProductListContent { float: left; width: 100%; margin: 30px 0px; position: relative; }
.homeContainer .ProductListContent .ProductList { display: block; margin: 0px auto; }
.homeContainer .ProductListContent .ItemOrj { padding: 0px 10px; margin-bottom: 20px; width: 25%; max-width: 25%; }
.homeContainer .ProductListContent .productItem { margin-bottom: 0px; }
.categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; }
.categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; }
.categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 33.33%; }
.categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 25%; }
.categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 20%; }
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductList { margin: 0px -10px; }
.ItemOrj { float: left; padding: 0px 10px; }
.productItem {width: 100%;position: relative;border-radius: 0px;text-align: center;display: inline-block;float: left;font-size: 0px;box-shadow: rgba(255, 255, 255, 0) 1px 1px 6px 2px;border: 1px solid rgb(228, 227, 227);margin-bottom: 20px;padding-bottom: 0px;}
.productItem:hover { box-shadow: rgba(193, 193, 193, 0.31) 1px 1px 10px 6px; transition: all 0.2s ease-in-out 0s; }
.productItem .productIcon {width: 100%;height: 100%;box-shadow: none;border-radius: 5px;text-align: center;float: left;}
.productItem .productImage {position: relative;overflow: hidden;width: 100%;padding: 0px;border-radius: 5px 5px 0px 0px;margin-bottom: 20px;}
.productItem .productImage a { display: block; position: relative; padding-bottom: 100%; }
.productItem .productImage.Videolu { display: block; position: relative; padding-bottom: 150%; }
.productItem .productImage img { border-radius: 5px 5px 0px 0px; max-width: 100%; height: auto; position: absolute; inset: 0px; margin: auto; transition: all 1s ease 0s; will-change: opacity; }
.productItem .productImage.Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; inset: 0px; margin: auto; border-radius: 0px; transition: all 1s ease 0s; will-change: opacity; }
.productItem .productDetail {display: block;float: left;width: 100%;text-align: center;height: 80px;transition: all 0.3s ease 0s;padding: 0px 5px;}
.productItem .productName {position: relative;margin: 0px;float: left;width: 100%;margin-bottom: 5px;}
.productItem .productName a {text-align: center;width: 90%;padding: 0px;line-height: 20px;font-weight: 600;color: #353535;display: block;display: -webkit-box;max-width: 100%;height: 60px;margin: 0 auto;font-size: 15px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 0 auto;}
.productItem .productPrice {display: inline-block;vertical-align: top;position: relative;margin: 5px 0px 5px;bottom: 0px;}
.productItem .discountPrice { display: block; float: right; }
.productItem .discountPrice span {    overflow: inherit !important;font-size: 16px;line-height: 0.8;font-weight: 600;color: #196bb5;}
.productItem .discountKdv, .productItem .regularKdv { display: none; }
.productItem .regularPrice {float: left;margin-right: 10px;margin-top: 0px;display: block !important;}
.productItem .regularPrice span {font-size: 16px;color: #888888;line-height: 0.8;font-weight: 400;text-decoration: line-through;}
.productItem .productMarka, .productItem .productOnYazi { display: none !important; }
.productItem .productOnYazi, .productItem .productOnYazi * { color: rgb(74, 74, 74); font-size: 14px; line-height: 25px; background: none !important; font-family: AvenirRoman, sans-serif !important; }
.newIcon, .discountIcon, .cargoIcon, .firsatIcon, .urunListStokUyari, .discountIcon div, .discountIcon .discountIcon_s2, .favori, .examineIcon, .mycartIcon { z-index: 3; display: none; }
.discountIcon span, .mycartIcon a span {font-weight: normal;}
.favori a, .examineIcon a, .mycartIcon a { display: block; font-size: 0px; }
.examineIcon a::before, .favori a::before, .mycartIcon a::before { font-family: FontAwesomePro; display: inline-block; vertical-align: top; }
.favori a::before { content: ""; }
.examineIcon a::before { content: ""; }
.mycartIcon a::before {content: " \f290";margin-right: 5px;}
.TukendiIco { z-index: 5; border-radius: 0px; background: transparent; position: absolute; right: 0px; left: 0px; bottom: 0px; height: calc(100% - 90px); overflow: hidden; }
.TukendiIco span { border-radius: 5px; line-height: 19px; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0px; bottom: 10px; right: 0px; max-width: 200px; color: rgb(102, 102, 102); margin: 0px auto; font-weight: 600; font-size: 16px; text-transform: none; padding: 6px 10px !important; border: 1px solid rgb(102, 102, 102) !important; }
.productItem.StokYok {padding-bottom: 25px; }
.productItem.StokYok.UyeStok .productDetail{min-height: 117px; } 
.productItem.StokYok.UyeStok .TukendiIco span {bottom: 5px; }
.divSepetProductItem.productItem .productIcon .mycartIcon a {padding-top: 5px !important; padding-bottom: 5px !important; display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px !important; border-radius: 0 !important; background: #000; color: #fff; }


.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none !important; }
body .productItem .divVideoPlayButton { position: absolute; inset: 0px 0px 90px; width: 40px; height: 40px; margin: auto; overflow: hidden; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { color: rgb(255, 255, 255); float: left; width: 100%; height: 100%; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: FontAwesomePro; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: 0px; text-shadow: rgb(132, 132, 132) 0px 0px 4px; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o::before { content: "ï…„"; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o::before { content: ""; }
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco { display: none !important; }
.Block_Title { display: none; }
.noProduct { width: 212px; height: 214px; background: url("/Uploads/Images/urunyok.png") center center no-repeat !important; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
h1.categoryName {max-width: 1290px; margin: 10px auto; position: relative; }
.categorydesign { float: left; width: 100%; }
.categorydesign .Blok { margin: 0px; }
.leftBlock .categorydesign { display: block; }
.categorydesign * { }
.categorydesign strong { font-weight: bold; }
.categorydesign strong * { font-weight: bold; }
.categorydesign img { display: inline-block; vertical-align: middle; }
.breadList.breadActive { display: none !important; }
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0px auto; padding: 0px; border-radius: 0px; float: none; list-style: none; display: block !important; }
body ul.breadcrumb * { color: rgb(0, 0, 0); float: left; font-weight: normal; font-size: 12px !important; line-height: 70px !important; }
body ul.breadcrumb li { vertical-align: middle; font-size: 0px !important; float: none !important; }
body ul.breadcrumb li::after { content: "/"; display: inline-block; margin: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 70px; float: left; font-weight: normal; }
body ul.breadcrumb li:nth-child(1) a::before { content: ""; font-family: FontAwesomePro; font-size: 14px; line-height: 70px; float: left; margin-right: 10px; font-weight: 300; }
body ul.breadcrumb li:nth-last-of-type(1)::after { display: none; }
body a#linkOncekiSayfa { line-height: 70px; display: block; color: rgb(0, 0, 0); font-weight: normal; font-size: 12px !important; }
.leftImage a#linkOncekiSayfa { display: none; }
.categoryTitleText { float: left; width: 100%; }
.categoryTitle { float: left; width: 100%; }
body #divSayfalamaUst { float: right; margin: 0px 0px 1em; padding: 0px; text-align: center; }
.urunListRel { width: 100%; float: left; position: relative; }
.brandlistselection { display: inline-block; vertical-align: top; float: left; margin: 0px; width: 100%; }
.brandlistselection .clear { clear: none; display: none; }
.brandlistselection ul { padding: 0px; margin: 0px; list-style: none; }
.brandlistselection .sortingContent { background: rgb(221, 221, 221); }
.brandlistselection .sortingContent li { float: left; background: transparent; border-radius: 0px !important;margin-right:10px; border: 1px solid #e8e8e8;}
.brandlistselection .sortingContent li a { background: transparent; border-radius: 0px !important; }
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }
.blockSelect .sort_hrz { display: none; }
.blockSelect .sort_2 { display: none; }
.blockSelect .sort_5 { display: none; }
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 .moreNum { display: none; }
body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0px 0px 10px; padding: 0px; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0px; margin: 0px 15px 0px 0px; height: auto; background: transparent; border: 1px solid rgb(102, 102, 102); width: auto; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: FontAwesomePro; line-height: 30px; color: rgb(4, 4, 4); font-size: 15px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i::before { content: ""; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: rgb(102, 102, 102); font-size: 12px; text-align: left; margin-top: 2px; font-weight: normal; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: rgb(102, 102, 102); margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: transparent; line-height: 1; margin: 0px; padding: 0px 5px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 30px; font-weight: normal; font-size: 12px; text-align: center; margin: 0px; width: 100%; }
/*sayfalama*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin:0;}
.pageNumber { float: right; text-align: center; margin:0;display: none;}
.pageNumber a { }
.pageNumberContent { }
.pageNumberBottom { float: right; text-align:center;margin:10px 0;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {min-width:40px;height:40px;line-height:36px;font-size:14px;font-weight:600;color: #000;background:#fff;border-radius:50%;border:2px solid #f1f1f1;float:left; position: relative;display: block;text-align:center;margin: 0 5px;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: #196bb5;border-color:#196bb5;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: #196bb5;border-color:#196bb5;}
.KategoriFilitrelemeContent .Block_Title { display: none; }
.RightDetail > .clear { clear: none; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMainRow { float: left; width: 100%; }
.TopDet { float: left; width: 100%; position: relative; margin: 0px; }
.leftImage { width: 595px; float: left; position: relative; padding: 0px; }
.RightDetail { width: calc(100% - 595px); float: left; position: relative; padding: 0px 0px 0px 15px; }
.UrunDetayLeft { overflow: hidden; margin: 0px !important; }
.Images, #divVideoGoruntulemeAlan { float: right; width: 500px; padding-bottom: 0%; position: relative; }
.Images img, #vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; inset: 0px; margin: 0px auto; border: 1px solid rgb(228, 227, 227); }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages { float: left; width: 80px; display: block !important; }
.SmallImages div { float: left; width: 80px; margin-bottom: 20px; }
.SmallImages div img { max-width: 100%; max-height: 100%; border: 1px solid rgb(221, 221, 221); }
.SmallImages div img.cloudzoom-gallery-active { border-color: #196bb5; }
.leftImage .productTimer { display: none !important; }
.DetayYeniUrun { display: none !important; }
.RightDetail .TopList { float: left; width: 100%; position: relative; border-radius: 5px; padding: 0px 0px 0px 20px; }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; border-radius: 5px; padding: 0px 0px 0px 20px; margin: 18px 0px; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; }
.rightArea { position: absolute; top: 25px; right: 14px; }
.ProductName { float: left; position: relative; margin: 0px; }
.ProductName h1 { margin: 0px; float: left; width: 100%; }
.ProductName h1 span { float: left; width: 100%; display: inline-block; color: #353535; font-size: 20px; font-weight: 600; }
#divUrunKodu { float: left; clear: left; color: rgb(0, 0, 0); font-size: 14px; font-weight: 600; line-height: 14px; padding: 0px; margin: 5px 0px 0px; }
#divUrunKodu span { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; position: relative; line-height: 14px; float: left; }
#divUrunKodu span::after { content: ":"; margin: 0px 4px; }
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: 10px; }
#divTaksitAciklama .taksitSatir { color: rgb(0, 0, 0); font-size: 14px; font-weight: 600;}
.RightDetail .puanVer { float: left; clear: left;     margin-bottom: 5px; width: 100%;}
.RightDetail #PuanVer { float: left; margin-top: 10px; }
.RightDetail .PuanVerSag { float: left; font-size: 14px; color: rgb(42, 41, 41); margin-left: 5px; font-weight: 600; line-height: 17px; margin-top: 10px; }
.RightDetail ul.rating { float: left; padding: 0px; margin: 0px; list-style: none; }
.RightDetail ul.rating li { float: left; height: 14px; margin-right: 5px !important; width: 14px !important; }
.RightDetail ul.rating li i.starItem { line-height: 14px; height: 14px; font-weight: 300; font-family: FontAwesomePro; font-size: 12px !important; }
.RightDetail ul.rating li i.starItem::before { content: "\f005" !important; }
.RightDetail ul.rating li i.starItem:hover { font-weight: 600; font-size: 14px !important; }
.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: #196bb5; }
.markaresmi { float: left; position: relative; z-index: 1; display: none !important; }
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%; float: left; }
#divMagazaStok { float: left; clear: left; margin: 10px 0px 0px !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 14px; }
#divOnyazi { float: left; width: 100%; }
#divOnyazi .teksatir { margin-top: 10px; float: left; width: 100%; }
#divOnyazi h2 { font-weight: normal; font-size: 100%; }
#divOnyazi * { font-size: 12px; color: rgb(51, 51, 51); font-family: AvenirRoman, sans-serif !important; }
#divOnyazi strong { font-weight: bold; }
#divOnyazi strong * { font-weight: bold; }
#divOnyazi i { margin-right: 12px; font-family: FontAwesomePro !important; }
.urunDetayFiyatContainer { }
.PriceList {float: left;position: relative;width: 100%;margin: 15px 0px 0px;}
#pnlFiyatlar { display: inline-block; vertical-align: top; float: left;width: 100%; }
#divIndirimliFiyat {display: block;float: left;}
#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: #181818; font-size: 14px; font-weight: 600; line-height: 14px; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line { display: inline-block; vertical-align: top; color: rgb(242, 122, 26); font-size: 14px; font-weight: 600; 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: #ff0000;font-size: 15px;font-weight: normal;line-height: 18px;width: auto;text-transform: lowercase;}
.PiyasafiyatiContent { display: block; line-height: 0.8; float: left;margin-right: 20px; }
.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: bottom;font-weight: normal;text-decoration: line-through;line-height: 0.8;}
.PiyasafiyatiContent .right_line .spanKdv { vertical-align: top; display: none !important; }
.IndirimliFiyatContent {display: block;line-height: 0.8;float: right;}
.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; line-height: 0.8; }
.IndirimliFiyatContent .right_line .spanKdv { vertical-align: bottom; font-size: 12px; line-height: 1; display: none !important; }
#divTurkLirasiFiyat { display: block; line-height: 0.8; }
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none; }
#divTurkLirasiFiyat .right_line { display: inline-block; }
#divTurkLirasiFiyat .right_line * { vertical-align: top; line-height: 0.8; display: inline-block !important; }
#divIndirimsizFiyat { display: block; line-height: 0.8; }
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 13px; font-weight: normal; }
#divIndirimsizFiyat .right_line * { vertical-align: top; display: inline-block !important; }
#divIndirimsizFiyat .right_line .spanKdv { vertical-align: top; display: none !important; }
#divKDVDahilFiyat { display: block; line-height: 0.8; float: left; margin-top: 8px; }
#divKDVDahilFiyat .left_line { display: inline-block; vertical-align: top; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; }
#divKDVDahilFiyat .center_line { display: none; }
#divKDVDahilFiyat .right_line * { vertical-align: top; display: inline-block !important; }
.PiyasafiyatiContent .right_line * {color: #888888;font-size: 24px;}
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line { color: rgb(242, 122, 26);  }
#divKDVDahilFiyat .left_line, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .left_line { line-height: 20px; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line * {font-size: 24px;font-weight: 600;color: #196bb5;}
body #divStokYok {float: left; width: 100%; margin: 20px 0; font-size: 17px; color: #000; font-weight: 700; text-align: center; padding: 15px 0; background-color: #f2f5f6; border-radius: 0; }
body #divStokYok::before { content: "\f12a"; font-family: FontAwesomePro; font-weight: 300; width: 100%; float: left; font-size: 40px; margin-bottom: 15px; }
#divEkstraBilgiler { float: left; clear: left; margin-top: 10px; }
#divEkstraBilgiler img { max-width: 100%; display: block; }
.btnnostok i.fa { font-family: FontAwesome; }
#divUrunEkSecenek { float: left; width: 100%; position: relative; }
#divUrunEkSecenek .eksecenekLine {margin: 5px 0px;float: left;width: 100%;display: flex;clear: none !important;align-items: center;}
#divUrunEkSecenek .eksecenekLine:last-child { border: none; padding-bottom: 0px; margin-bottom: 0px !important; }
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width: 13%;line-height: 1.5;color: rgb(0, 0, 0);font-size: 13px;font-weight: 600;}
#divUrunEkSecenek .eksecenekLine .center_line { display: block; line-height: 45px; font-size: 13px; }
#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: 13px; position: relative; color: rgb(0, 0, 0); font-weight: normal; margin-right: 10px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon { }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line { text-transform: uppercase; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line { }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 30%;margin-left: 10px;border-radius: 5px;}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { min-width: 100%; float: left; height: 40px; border: 1px solid rgb(215, 215, 215); color: rgb(0, 0, 0); font-size: 13px; font-weight: normal; padding: 0px 10px; background: rgb(255, 255, 255); border-radius: 5px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 50px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover { }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected::after { content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 0, 0); }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon { }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line { }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { min-width: 50px; height: 30px; line-height: 28px; text-align: center; border: 1px solid rgb(215, 215, 215); border-radius: 0px; padding: 0px 4px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child { margin-right: 0px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; border-color: rgb(228, 223, 221); background: rgb(245, 243, 243) !important; color: rgb(122, 121, 121) !important; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok::after { content: ""; height: 1px; max-width: 65px; margin: 0px auto; background: rgb(206, 206, 206); left: 0px; right: 0px; top: 50%; position: absolute; transform: rotate(140deg); }
#IlgiliUrunDiv { float: left; width: 100%; }
#IlgiliUrunDiv #divIlgiliUrunler { }
.TopDet #IlgiliUrunDiv { display: block; float: left; width: 100%; margin: 0px; padding: 0px; }
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0px; margin: 0px; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi { float: left; width: 100%; text-align: left; margin: 0px !important; padding: 0px !important; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold { padding: 0px; margin: 0px; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold::before { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold::after { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 { background: transparent; margin: 0px; border: none; font-size: 13px; line-height: 45px; font-weight: 600; color: rgb(0, 0, 0); padding: 0px !important; }
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left; width: 100%; padding: 0px; margin: 0px; list-style: none; }
.TopDet #IlgiliUrunDiv ul li { float: left; width: 50px; margin-right: 10px; border-radius: 0px; overflow: hidden; }
.TopDet #IlgiliUrunDiv ul li:hover { }
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0px; box-shadow: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage { padding: 0px; }
.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: 0px; margin: 0px; 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; }
#divSatinAl { float: left; width: 100%; margin: 20px 0px; padding: 0px; }
.BasketBtn { float: left; position: relative; width: 100%; }
#divAdetCombo .right_line, .RightDetail .riSingle { width: 90px; }
#txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input { height: 40px !important; }
.Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp i, .RightDetail .riSingle a.riDown i, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { line-height: 40px; }
#divAdetCombo { position: relative; float: left; clear: left; display: block !important; }
#divAdetCombo .center_line { float: left; display: none !important; }
#divAdetCombo .right_line { float: left; max-width: 100% !important; }
#divAdetCombo select { width: 100%; padding: 0px 10px; text-align: left; }
.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0px; }
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { font-size: 10px; color: rgb(0, 0, 0); background: transparent; top: 0px; font-weight: normal; position: absolute; float: left; cursor: pointer; text-indent: 0px; text-align: center; width: 30px !important; margin: 0px !important; }
.RightDetail .riSingle a.riUp { left: auto; right: 0px; }
.RightDetail .riSingle a.riDown { left: 0px; }
.Basketinp { display: block; position: relative; float: left; clear: left; }
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2 { color: rgb(0, 0, 0); font-size: 14px; font-weight: 600; margin: 0px; float: left; clear: left; }
#txtbxurunSiparisAdedi_wrapper { float: left; position: relative; width: 100% !important; padding: 0px !important; }
#txtbxurunSiparisAdedi { text-align: center; display: inline-block; padding: 0px; appearance: none; width: 100% !important; }
#txtbxurunSiparisAdedi, #divAdetCombo select { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(215, 215, 215); font-size: 13px; font-weight: 600; float: left; margin: 0px; border-radius: 0px; }
#divKombinSatinAl, .basketBtn, .buyfast { float: left; margin: 0px 0px 0px 10px; }
#divKombinSatinAl a, .buyfast input, .basketBtn input { color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 0px; letter-spacing: 0px; border: none; border-radius: 0px; text-transform: uppercase; appearance: none; }
.basketBtn { width: calc(100% - 210px); }
.buyfast { width: 100%; margin: 20px 0px 0px; }
.buyfast input { }
#divKombinSatinAl { margin: 20px 0px 0px; width: 100%; }
#divKombinSatinAl a { font-size: 14px; margin: 0px !important; }
.ProductIcon { float: left; width: 100%; }
.ProductIcon .box1 { padding: 0px; margin: 0px; min-width: 0px; background: transparent; color: rgb(0, 0, 0); font-size: 13px; font-weight: normal; float: left; line-height: 30px; }
.ProductIcon .box1 i { font-family: FontAwesomePro; margin: 0px 5px 0px 0px; display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; line-height: 30px; }
.ProductIcon .UGelinceHaberVer .box1 i::before { content: "ï‚¡"; }
.ProductIcon > div { float: left; position: relative; margin: 0px 10px 10px; }
.ProductIcon > div > a { display: inline-block; vertical-align: top; width: 100%; }
.ProductIcon2 { float: left; width: 100%; }
.ProductIcon2 .clear { clear: none; }
.ProductIcon2 > div { float: left; }
.ProductIcon2 > div > a { float: left; font-size: 12px; text-transform: uppercase; margin-right: 10px; padding: 0px 18px; line-height: 31px; background: rgb(235, 235, 235); color: rgb(0, 0, 0); }
.ProductIcon2 > div > a::before { font-family: FontAwesomePro; font-size: 16px; line-height: 31px; margin-right: 7px; vertical-align: top; font-weight: 300; }
/*.ProductIcon2 > div.YorumYazbtnContent > a::before { content: ""; }*/
.ProductIcon2 > div.TavsiyeEtBtnContent > a::before { content: "ï…¤"; }
.ProductIcon2 > div.hidden-phone > a::before { content: ""; }
.ProductIcon2 > div > a:hover { color: rgb(255, 255, 255); }
.TopDet .product_social_icon_wrapper { float: left; width: 100%; font-size: 0px; margin-top: 10px; display: block !important; }
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; color: #161616; font-size: 12px; font-weight: 600; line-height: 21px; margin-right: 10px;}
.TopDet .product_social_icon_wrapper ul { display: inline-block; vertical-align: top; list-style: none; padding: 0px; margin: 0px; }
.TopDet .product_social_icon_wrapper ul li { float: left; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul li:last-child { margin-right: 0px; }
.TopDet .product_social_icon_wrapper ul li a { float: left; color: rgb(0, 0, 0); font-size: 13px; text-align: center; width: 24px; height: 22px; border-radius: 0px; background: rgb(255, 255, 255) !important; }
.TopDet .product_social_icon_wrapper ul li a i { line-height: 21px; display: inline-block; vertical-align: top; color: #8a8a8a;}
.TopDet .product_social_icon_wrapper ul li a:hover i { color: #3b5999;}
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a { background: rgb(59, 89, 153); }
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a { background: rgb(85, 172, 238); }
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a { background: rgb(189, 8, 28); }
.TopDet .product_social_icon_wrapper ul li:nth-child(4) a { background: rgb(109, 195, 58); }
.socialButons { width: 100%; position: relative; float: right !important; margin: 0px !important; }
.socialButons iframe { float: left; }
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: rgb(0, 0, 0); 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: rgb(50, 50, 50); font-size: 18px; }
.divYorumYaz, #yorumYaz { min-height: 220px; }
.urunOzellikTab { display: none; }
.urunOzellik .urunTab { float: left; width: 100%; }
.urunOzellik .urunTab ul { display: flex; justify-content: center; vertical-align: top; float: left; width: 100%; padding: 0px; margin: 0px; list-style: none;border-bottom: 2px solid #eaeaea;}
.urunOzellik .urunTab > ul > li { float: left; }
.urunOzellik .urunTab > ul > li:last-child { margin-right: 0px; }
.urunOzellik .urunTab > ul > li > a { text-transform: uppercase; cursor: pointer; color: rgb(0, 0, 0); font-size: 16px; float: left; font-weight: normal; padding:10px 5px; position: relative;}
.urunOzellik .urunTab > ul > li.active > a:after {content: "";  position: absolute;  font-weight: normal;  border-bottom: 2px solid #196bb5;  bottom: -2px;  width: 100%;  left: 0;}
.urunOzellik .urunTab > ul > li > a span { font-weight: normal; }
.urunDetayPanel { float: left; width: 100%; border: none; padding: 20px 0px; clear: none !important; }
.urunTabAlt { float: left; width: 100%; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz { padding: 0px 0px 10px; width: 100%; }
.urunTabAlt #txtOneriMail { margin: 0px; height: 30px; padding: 0px 10px; width: 100% !important; }
.urunTabAlt #txtOneriNot { margin: 0px; padding: 10px; background: rgb(255, 255, 255); width: 100% !important; }
.yorumlarItem { background-color: rgb(238, 238, 238); border-bottom: 3px solid rgb(160, 155, 152); padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: rgb(102, 102, 102); border-bottom: 1px dashed rgb(160, 155, 152); }
.urunDetayPanel .button { color: rgb(255, 255, 255); }
.urunTabAlt { padding: 0px; font-family: AvenirRoman, sans-serif !important; }
.urunTabAlt * { font-family: AvenirRoman, sans-serif !important; }
.urunTabAlt i { font-family: FontAwesome !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { display: block; max-width: 100% !important; }
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }
.orders .order-info i { margin-top: 0px !important; }
#btnYorumKaydet { float: left; text-align: center; appearance: none; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.tabUrunOneriler ul { list-style: none; padding: 0px; margin: 0px; }
.tabUrunOneriler ul li { float: left; width: 100%; }
.oneriValidate .validate { top: 0px; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; line-height: normal; width: auto !important; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0px; }
.urunTabAlt ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }
#divEtiketler { float: left; width: 100%; padding: 0px 20px 20px; margin: 50px 0px 0px; background: rgb(255, 255, 255); text-align: center; }
#divEtiketler .productModuleTitle { float: left; color: rgb(32, 33, 34); font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin: 10px 0px; }
#divEtiketler a { color: rgb(105, 109, 113); font-size: 13px; }
#divEtiketler a:hover { text-decoration: underline; }
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative; width: 100%; padding: 0px !important; margin: 0px !important; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display: block; float: left; width: 100%; text-align: center; position: relative; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { line-height: 45px; color: rgb(0, 0, 0); font-size: 30px; font-weight: bold; display: inline-block; vertical-align: top; position: relative; z-index: 1; padding: 0px !important; }
#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; top: 40%; left: 10px; }
#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 { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-radius: 0px; border: none; width: 30px; height: 30px; cursor: pointer; text-align: center; position: absolute; font-size: 0px; display: inline-block; transition: all 0.3s ease 0s; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev { left: 0px;border-radius: 100%;     box-shadow: 1px 1px 3px 1px #00000014;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGallerynext { right: 0px;border-radius: 100%;    box-shadow: 1px 1px 3px 1px #00000014;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev::before, .owl-carousel .owl-nav .ProductListprev::before, .owl-carousel .owl-nav .ProductListnext::before, .owl-carousel .owl-nav .InstaGalleryprev::before, .owl-carousel .owl-nav .InstaGallerynext::before, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext::before { font-family: FontAwesomePro; font-size: 16px; line-height: 30px; font-weight: normal; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev::before, .owl-carousel .owl-nav .ProductListprev::before, .owl-carousel .owl-nav .InstaGalleryprev::before { content: "\f104"; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext::before, .owl-carousel .owl-nav .ProductListnext::before, .owl-carousel .owl-nav .InstaGallerynext::before { content: "\f105"; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover, .owl-carousel .owl-nav .InstaGallerynext:hover, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover { background: white; color: #196bb5; }
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots { display: none; }
.sliderBannerContainer { float: left; width: 100%; position: relative; margin: 0px; }
.sliderBannerContainer .Block_Link { display: none; }
.sliderBannerContainer .ProductList { margin: 0px auto; display: block !important; }
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite { float: left; width: 100%; }
.detaySliderContainer { float: left; width: 100%; position: relative; margin: 0px; }
.detaySliderContainer .ProductList { margin: 0px auto; display: block !important; }
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite { float: left; width: 100%; }
#pnlSlider { position: relative; float: left; width: 100%; margin: 0px; padding: 0px; }
#pnlSlider ul { list-style: none; padding: 0px; margin: 0px; }
#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: 0px; left: 0px; }
#pnlSlider .flex-control-paging li { margin: 0px 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: rgb(255, 255, 255); }
#pnlSlider .flex-control-paging li a.flex-active {background: #196bb5;}
#pnlSlider .flex-direction-nav { position: absolute; top: 45%; left: 20px; right: 20px;display: none; }
#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: rgb(0 0 0);border: none;background: #eaebef;border-radius: 100%;width: 50px;height: 50px;top: 0px;margin: 0px;padding: 0px;box-shadow: none;opacity: 1;font-size: 0px;position: relative;text-shadow: none;text-align: center;display: flex;justify-content: center;align-items: center;}
#pnlSlider .flex-direction-nav .flex-prev { left: 0px; }
#pnlSlider .flex-direction-nav .flex-next { right: 0px; }
#pnlSlider .flex-direction-nav .flex-prev::before, #pnlSlider .flex-direction-nav .flex-next::before {font-family: FontAwesomePro;font-size: 25px;font-weight: 400;line-height: 25px;}
#pnlSlider .flex-direction-nav .flex-prev::before { content: "\f053"; }
#pnlSlider .flex-direction-nav .flex-next::before { content: "\f054"; }
#pnlSlider .flex-direction-nav .flex-prev:hover, #pnlSlider .flex-direction-nav .flex-next:hover {opacity: .8;}
#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: rgb(255, 255, 255); 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: 0px; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 100%; }
.markaSlider { float: left; width: 100%; }
.markaSlider .jCarouselLite { display: block; margin: 0px auto; }
.markaSlider .owl-carousel { float: left; width: 100%; }
.markaSlider .owl-carousel .owl-stage-outer { }
.markaSlider::before { content: ""; display: table; clear: both; }
.markaSlider ul { padding: 0px; margin: 0px; list-style: none; }
.markaSlider ul li a { display: table-cell; max-width: 100%; vertical-align: middle; padding-bottom: 27%; background: transparent; border-radius: 0px; overflow: hidden; }
.markaSlider ul li a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; inset: 0px; margin: auto; filter: grayscale(0); }
.markaSlider ul li a:hover img { filter: grayscale(0); }
.hesabimAnasayfaMenuler ul li a:hover .fa { color: rgb(255, 255, 255); }
.siparisTakipSayfasi { background: rgb(255, 255, 255); }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0px !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0px 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: AvenirRoman, sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.innerContainer { }
.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: 0px; margin: 0px; list-style: none; }
.headerinfo { width: 100%; }
.headerbanner { width: 100%; background: black; padding: 1em 0px; }
.headerbanner .ticiContainer { display: flex; justify-content: center; }
.headerBannerContainer { max-width: 1290px; margin: 0px auto; position: relative; clear: both; display: flex; justify-content: center; }
.headerinfo .ticiContainer { max-width: 1290px; margin: 0px auto; position: relative; clear: both; display: block; }
.headerinfo .ticiContainer ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; list-style: none; }
.headerinfo .ticiContainer ul li { font-size: 12px; font-weight: 700; margin-right: 5px; }
.headerinfo .ticiContainer ul li a { padding: 0px 5px; color: rgb(0, 0, 0); position: relative; }
.headerinfo .ticiContainer ul li a::after { content: ""; position: absolute; width: 1px; height: 10px; right: -3px; top: 3px; background: rgb(102, 102, 102); }
.headerinfo .ticiContainer ul li:last-child { padding-right: 0px; margin: 0px; }
.headerinfo .ticiContainer ul li:last-child a { padding-right: 0px; }
.headerinfo .ticiContainer ul li:last-child a::after { display: none; }
.headerinfo .ticiContainer ul li:first-child a i { color: rgb(242, 122, 26); }
.headerinfo .ticiContainer ul li a i { margin-right: 5px; }
.headerinfo .ticiContainer ul li a .fa-phone { transform: rotate(90deg); }
.headerfav { float: right; margin-right: 15px; margin-top: 20px; display: none; }
.headerfav a { float: left; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; display: flex; flex-direction: column; }
.headerfav a i { font-size: 18px; font-weight: 400; }
.headeriletisim { float: right; margin-right: 15px; margin-top: 20px; display: none; }
.headeriletisim a { float: left; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; display: flex; flex-direction: column; }
.headeriletisim a i { font-size: 18px; font-weight: 400; }
.owlSliderTop { width: 100%; float: left; }
.owlSliderList { width: 100%; display: flex; flex-direction: row; list-style: none; padding: 0px 20px; float: left; margin-bottom: 1.5em; }
.owlSliderList li { }
.owlSliderList li a { display: flex; flex-direction: column; text-align: center; }
.owlSliderList li a img { width: 100%; border: 1px solid rgb(231, 231, 231); border-radius: 50%; }
.owlSliderList li a:hover img { border-color: rgb(242, 122, 26); transition: all 0.2s ease-in-out 0s; }
.owlSliderList li a span { font-weight: 600; font-size: 14px; color: rgb(0, 0, 0); margin-top: 3px; }
.owlSliderList .owl-nav { }
.owlSliderList .owl-nav .ProductListprev { left: -20px; top: -10px; }
.owlSliderList .owl-nav .ProductListnext { right: -20px; top: -10px; }
.owlSliderList .owl-nav .ProductListprev::before, .owlSliderList .owl-nav .ProductListnext::before { color: rgb(153, 153, 153); font-size: 24px; }
.owlSliderList .owl-nav .ProductListprev:hover, .owlSliderList .owl-nav .ProductListnext:hover { background: none; color: rgb(153, 153, 153); }
.widgetsArea { float: left; width: 100%; border-top: 2px solid rgb(236, 236, 236); margin-top: 3em; }
.centerContainer { float: left; width: 100%; margin-top: 1em; }
.bannerModelL { width: 100%; float: left; margin-bottom: 1em; }
.bannerModelL a { width: 100%; position: relative; float: left; }
.bannerModelL a img { width: 100%; }
.bannerModelL a div.bannerTitle { float: left; position: absolute; width: 100%; background: rgb(0, 0, 0); bottom: 0px; font-size: 14px; padding: 5px 10px; color: white; font-weight: 600; }
.bannerModelL a:hover div.bannerTitle { background: rgb(242, 122, 26); transition: all 0.2s ease-in-out 0s; }
.bannerModelR { width: 100%; float: left; margin-bottom: 1em; }
.bannerModelR a { width: 100%; }
.bannerModelR a img { width: 100%; }
.widgetsContainer { width: 100%; float: left; border: 2px solid rgb(234, 234, 234); border-radius: 2px; padding: 1.25em 2em; display: flex; margin-bottom: 2em; }
.iconWidgets { width: 25%; float: left; display: flex; align-items: center; }
.iconWidgets i { font-size: 24px; }
.textWidgets { width: 75%; float: left; }
.textWidgets h3 { font-weight: 700; margin-bottom: 3px; }
.textWidgets span { font-size: 12px; color: rgb(153, 153, 153); }
.footerbg { background: rgb(0, 0, 0); color: white; }
.footerbg a { color: white; }
#footer .footerbg .linkler .blink > ul > li > ul > li > a { color: white; font-weight: 600; font-size: 13px; }
#footer .footerbg .linkler .blink > ul > li > span { color: white; font-weight: 600; margin-bottom: 1em; font-size: 20px; }
.store { width: 100%; }
.store .inPad { padding-left: 2em; }
.store span { color: white; font-weight: 600; margin-bottom: 1em; font-size: 20px; float: left; width: 100%; }
.creditCard { width: 100%; float: left; margin-top: 1em; }
.creditCard ul { width: 100%; display: flex; padding: 0px 0px 0px 2em; }
.creditCard ul li { margin-right: 10px; float: left; }
.creditCard ul li img { max-width: 50px; }
.socialdiv { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 0.75em; }
.socialdiv span { color: white; font-weight: 600; font-size: 20px; margin-right: 4em; }
.newsletterContent input::placeholder { color: rgb(102, 102, 102) !important; }
.panel-title { font-weight: 700; font-size: 14px; text-transform: uppercase; color: black; }
ul.list-group { padding-left: 0px !important; }
ul.list-group a { color: black; font-weight: 400; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0); }
ul.list-group a:hover {color: rgb(242, 122, 26);border-color: #196bb5;}
ul.list-group ul { list-style: none; padding-left: 0px !important; }
.category-vertical-filters .vertical-filter-panel .list-group.kategori-1 { height: 100px; overflow-y: scroll; margin-bottom: 1.5em; }
.category-vertical-filters .vertical-filter-panel .list-group.kategori-1::-webkit-scrollbar { width: 20px; cursor: pointer; }
.category-vertical-filters .vertical-filter-panel .list-group.kategori-1::-webkit-scrollbar-track { border-radius: 10px; background: rgb(238, 237, 237) !important; }
.category-vertical-filters .vertical-filter-panel .list-group.kategori-1::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(153, 153, 153) !important; }
.category-vertical-filters .vertical-filter-panel .list-group.kategori-1::-webkit-scrollbar-thumb:hover { cursor: pointer; background: rgb(94, 94, 94) !important; }
.panel-heading { border-bottom: 0px !important; }
.category-vertical-filters { padding: 0px !important; }
.panel-default.vertical-filter-panel { border-bottom: 1px solid rgb(228, 227, 227); padding: 10px 10px 20px; }
.category-vertical-filters .vertical-filter-panel .list-group-item.selected::before { border-radius: 3px; background-color: rgb(242, 122, 26) !important; border-color: rgb(242, 122, 26) !important; }
.category-vertical-filters .vertical-filter-panel .list-group-item:hover::before {border-radius: 3px;background-color: rgb(255 255 255) !important;border-color: rgb(255 255 255) !important;}
.category-vertical-filters .vertical-filter-panel .list-group-item::before { border-radius: 3px; }
.ui-slider-horizontal .ui-slider-range { background: black; }
.ui-state-default, .ui-widget-content .ui-state-default {     border: 1px solid #040507!important;  background: #040507!important; border-radius: 100%!important;}
.ui-widget.ui-widget-content { margin-top: 2em; border-color: rgb(221, 221, 221) !important; background: rgb(221, 221, 221) !important; }
.FiyatSlider .amount { margin-top: 10px; font-weight: 600; font-size: 14px; color: black; }
.sortingContent li a { color: black; font-weight: 700 !important; }
.brandlistselection .sortingContent { background: white; }
.sortingContent li a.selected { background: rgba(221, 221, 221, 0.25) !important; color: black !important; }
.blockSelect .sort_4 i, .blockSelect .sort_3 i { display: none; }
.blockSelect .sort_4 { width: 22px; height: 14px; margin-right: 10px !important; margin-top: 7px !important; background: url("../ticimax/images/fourPas.png") 0% 0% / contain !important; }
.blockSelect .sort_4.Active { background: url("../ticimax/images/fourAct.png") !important; }
.blockSelect .sort_3 { width: 16px; height: 14px; margin-right: 10px !important; margin-top: 7px !important; background: url("../ticimax/images/threePas.png") 0% 0% / contain !important; }
.blockSelect .sort_3.Active { background: url("../ticimax/images/threeAct.png") !important; }
.kategoriBanner { width: 100%; float: left; margin-bottom: 2em; }
body ul.breadcrumb * { margin-bottom: 3px; line-height: 20px !important; }
ul.breadcrumb li:nth-child(1) a::before { display: none !important; }
body ul.breadcrumb li::after { content: ">"; line-height: 20px !important; }
ul.breadcrumb li a span { font-weight: 400; font-size: 14px !important; }
.mycartIcon {padding: 0px 5px;display: block !important;float: left;width: 100%;}
.mycartIcon a {color: white;border: 1px solid #196bb5;border-radius: 0px;max-width: 200px;padding: 8px 10px;bottom: 0px;background: #196bb5;margin: 15px auto;}
.mycartIcon a:hover {background: #196bb5;transition: all 0.2s ease-in-out 0s;}
.mycartIcon a:hover span { color: white; transition: all 0.2s ease-in-out 0s; }
.mycartIcon a span {font-weight: 500;font-size: 16px;}
.cargoIcon { font-size: 13px; position: absolute; top: 10px; left:0px; background: rgb(83, 83, 83); color: white; padding: 3px 5px 3px 20px; font-weight: 400; letter-spacing: 1px; max-width: 90px; text-align: left; display: block !important; }
.discountIcon {font-size: 11px;position: absolute;top: 52px;background: #196bb5;color: white;padding: 5px 5px 5px 10px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;max-width: 40px;text-align: left;display: block !important;}
.favori {display: none;font-size: 16px;position: absolute;top: 0px;right: 0px;}
.favori a { font-size: 0px; color: white; }
.favori a::before { content: ""; font-size: 18px; background: white; color: gray; border-radius: 50%; padding: 5px; margin: 10px; box-shadow: rgba(171, 171, 171, 0.35) 0px 0px 9px 0px; }
.favori a.listfavoriAktif::before { content: ""; color: rgb(242, 122, 26); font-weight: 600; }
.sortingContent li a { padding: 0px 6px !important; line-height: 38px !important; font-size: 14px !important; font-weight: 500 !important; }
.ui-slider-horizontal { height: 2px !important; }
.ui-slider-horizontal .ui-slider-range { top: 0px !important; }
.ui-slider-horizontal .ui-slider-handle { top: -5px !important; }
.col-4 .productItem { }
.col-4 .TukendiIco span { max-width: 95% !important; bottom: 3.5% !important; }
#divIndirimOrani .left_line, #divIndirimOrani .center_line { display: none; }
.rightArea { width: 140px; float: right; height: 110px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.DetayFirsatUrunu { width: 60px; height: 50px; text-align: center; font-size: 12px; color: rgb(255, 0, 0); border-radius: 5px; float: left; font-weight: 600; border: 2px solid rgb(255, 132, 132); padding-top: 8px; text-transform: uppercase; margin: 5px; display: block !important; }
.vadedetay { border: 2px solid rgb(183, 183, 183); width: 60px; height: 50px; text-align: center; font-size: 12px; color: rgb(102, 102, 102); border-radius: 5px; float: left; margin: 5px; font-weight: 600; }
#divKargoBedava { float: left; }
#divIndirimOrani {min-width:90px;border: 2px dashed #ff0000;float: left;text-align: center;font-weight: 600;text-transform: uppercase;border-radius: 0px;color: #ff0000;padding: 2px 5px;margin-top: 10px;clear: left;}
.right_line.indirimliOrani {padding-top: 0px;}
#spnTahminiTeslimSuresi { vertical-align: unset !important; font-weight: 600 !important; }
#divTahminiTeslimatSuresi { width: 100%; float: left; margin-top: 10px !important; }
.UrunKargoBedava .box1 i {font-weight: 400;font-size: 12px;}
#ltrIndirimOrani {font-size: 15px !important;color: #ff0000!important;}
#IndirimOraniContent .indirimliOrani { }
.BasketBtn .buyfast { display: none; }
.UFavorilerimeEkle { margin-left: 15px; float: left; }
.UFavorilerimeEkle span {font-size: 0px;min-width: auto;border-radius: 0px;background: none;margin: 0px;border: 2px solid rgb(240, 238, 238) !important;float: left;padding: 6px;}
.UFavorilerimeEkle span i {font-size: 24px;font-weight: 300;color: #222222;}
.BasketBtn .pSatisBirimi { padding-top: 10px; margin-right: 10px; }
.BasketBtn .pSatisBirimi::after { content: ":"; position: absolute; left: 32px; }
.UFavorilerimeEkle span i::before {background-position: center center;background-repeat: no-repeat;padding: 13px;position: relative;content: "" !important;background-image: url("../ticimax/images/heart.png") !important;background-size: contain !important;filter: invert(1);}
.BasketBtn .Basketinp { clear: none; }
#txtbxurunSiparisAdedi { border-radius: 0px; border-color: rgb(235, 234, 234) !important; }
#divTahminiTeslimatSuresi .left_line { font-weight: 600; font-size: 14px !important; }
#divTahminiTeslimatSuresi .left_line::before { content: ""; background-position: center center; background-repeat: no-repeat; padding: 7px; margin-right: 5px; position: relative; background-image: url("../ticimax/images/truck.png") !important; background-size: contain !important; }
.freePost { width: 100%; float: left; color: rgb(242, 122, 26); font-size: 12px; margin-top: 15px; }
.freePost::before { content: ""; background-position: center center; background-repeat: no-repeat; padding: 7px; margin-right: 5px; position: relative; background-image: url("../ticimax/images/repair.png") !important; background-size: contain !important; }
.freePost span { font-weight: 600; text-transform: uppercase; }
.basketBtn .button {background: #196bb5;border-radius: 0px;font-size: 18px;font-weight: 600;letter-spacing: 1px;}
#imgUrunResim { position: relative; }
.ProductIcon>div, .ProductIcon2>div { display: none !important; }
body .YorumYazbtnContent{display: block!important;}
.UTelefonlaSiparis { float: right; width: 50%; position: relative; bottom: 0px; margin-top: 20px; display: none !important; }
.UTelefonlaSiparis .box1 { background: none; border: 1px solid rgb(234, 234, 234); border-radius: 5px; font-size: 14px; }
.UTelefonlaSiparis .box1 i { font-size: 14px; }
.UD_ShareDty ul { padding-left: 0px; }
.JKatAdi .bold .satir1 {line-height: 20px;margin-bottom: 25px;margin-top: 10px;font-size: 24px !important;font-weight: 600 !important;text-align: left;float: left;}
#IlgiliUrunDiv { display: none !important; }
.urunOzellikTab { display: none; }
.urunOzellik { float: left; width: 100%; margin: 0px; display: block; background: rgb(255, 255, 255); padding: 0px 0px 0px 0px;border-radius: 5px; }
.urunOzellik .urunTab { float: left; width: 100%; }
.urunOzellik .urunTab > ul > li { float: left; margin: 0 20px;}
.urunOzellik .urunTab > ul > li:last-child { margin-right: 0px; }
.urunOzellik .urunTab > ul > li > a { cursor: pointer; color: #2a2a2a; font-size: 16px; float: left; font-weight: 600; }
.urunOzellik .urunTab > ul > li > a span { font-weight: 600; color: #2a2a2a;}
.webTab { float: left; position: relative; width: 100%; }
.webTab > ul { float: left; width: 100%; list-style-type: none; padding: 0px; margin: 0px; }
.webTab > ul > li { float: left; width: 100%; border-bottom: 1px solid rgb(246, 246, 246); }
.webTab > ul > li.TabYorumlar { display: none; }
.webTab > ul > li > a { float: left; width: 100%; text-align: left; color: rgb(40, 39, 39); font-size: 14px; line-height: 20px; margin: 10px 0px; text-transform: uppercase; font-weight: 600; }
.webTab > ul > li > a::after { content: "\f067"; font-family: FontAwesomePro; font-weight: 500; margin-right: 0px; font-size: 12px; color: rgb(0, 0, 0); margin-left: 10px; float: right; }
.webTab > ul > li > a span { font-weight: normal; }
.webTab > ul > li.active > a::after { content: "\f068"; }
.webTab > ul > li.active .urunDetayPanel { display: block !important; }
.webTab > ul > li.active a { text-decoration: underline; font-weight: 400; }
.urunDetayPanel { float: left; width: 100%; border: none; padding: 0px; clear: none !important; padding: 30px 15px;}
.urunTabAlt { float: left; width: 100%; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz { padding: 0px 0px 10px; width: 100%; }
.urunTabAlt #txtOneriMail { margin: 0px; height: 30px; padding: 0px 10px; width: 100% !important; }
.urunTabAlt #txtOneriNot { margin: 0px; padding: 10px; background: rgb(255, 255, 255); width: 100% !important; }
.yorumlarItem { background-color: rgb(238, 238, 238); border-bottom: 3px solid rgb(160, 155, 152); padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: rgb(102, 102, 102); border-bottom: 1px dashed rgb(160, 155, 152); }
.urunDetayPanel .button { color: rgb(255, 255, 255); }
.urunTabAlt { padding: 0px 0px 18px; overflow: hidden auto;  color: #2a2a2a;  line-height: 20px;  font-size: 14px;  font-weight: 500;}
.urunTabAlt * { font-family: Helvetica !important; }
.urunTabAlt i { font-family: FontAwesome !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { display: block; max-width: 100% !important; }
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }
body .teknikDetay { border: none; }
body .teknikDetay .teknikDetayItem:nth-child(2n+1) { background: transparent; }
body .teknikDetay .teknikDetayItem div.t2 { border: none; }
body .teknikDetay div div.t1 { width: auto; padding: 10px 0px; color: rgb(68, 68, 68); font-weight: normal; }
body .teknikDetay div div.t1::after { content: ":"; margin: 0px 5px; }
body .teknikDetay div div.t2 { width: auto; padding: 10px 0px; }
body .teknikDetay .teknikDetayItem div.t2 span { color: rgb(153, 153, 153); }
.orders .order-info i { margin-top: 0px !important; }
#btnYorumKaydet { float: left; text-align: center; appearance: none; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.tabUrunOneriler ul { list-style: none; padding: 0px; margin: 0px; }
.tabUrunOneriler ul li { float: left; width: 100%; }
.oneriValidate .validate { top: 0px; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; line-height: normal; width: auto !important; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0px; }
.urunTabAlt ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }
#divEtiketler { float: left; width: 100%; padding: 0px 20px 20px; margin: 50px 0px 0px; background: rgb(255, 255, 255); text-align: center; display: none; }
#divEtiketler .productModuleTitle { float: left; color: rgb(32, 33, 34); font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin: 10px 0px; }
#divEtiketler a { color: rgb(105, 109, 113); font-size: 13px; }
#divEtiketler a:hover { text-decoration: underline; }
.menuRightImg { width: 100%; float: left; }
.menuRightImg { width: 100%; float: left; }
.menuRightImg ul { width: 100%; float: left; }
.menuRightImg ul li { width: 100%; float: left; text-align: right; margin-bottom: 20px; }
.menuRightImg ul li:last-child { margin-bottom: 0px; }
.menuRightImg ul li img { float: right; }
.Accordions { display: block; max-width: 800px; margin: 2em auto; }
.Accordion_item { width: 100%; height: auto; margin: 15px 0px; border: 1px solid rgb(238, 238, 238); background: rgb(250, 250, 250); }
.Accordion_item .title_tab { width: 100%; color: rgb(252, 252, 252); padding: 12px 30px; cursor: pointer; transition: background-color 0.3s ease-in 0s; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0) 0px 5px 10px; background-color: rgb(250, 250, 250) !important; }
.Accordion_item .title_tab .title { font-size: 15px; color: rgb(34, 34, 34); letter-spacing: 1px; position: relative; }
.Accordion_item .title_tab .title .icon { position: absolute; right: 1%; top: calc(50% - 8px); width: 16px; height: 16px; background-color: transparent; transition: transform 0.3s ease-in 0s; }
.inner_content { width: 100%; height: auto; display: none; overflow: hidden; }
.inner_content p { width: 100%; margin: auto; padding: 5px 50px 5px 30px; font-size: 16px; line-height: 28px; opacity: 0; transform: translate3d(0px, 60px, 0px); transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01) 0s, opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01) 0.1s; }
.title_tab .icon::after { font-weight: 600; font-size: 18px; color: rgb(34, 34, 34); content: "+" !important; }
.title_tab.active .icon::after { font-weight: 600; font-size: 18px; color: rgb(34, 34, 34); content: "-" !important; }
.Accordion_item .title_tab.active { background-color: rgb(33, 150, 243); transition: background-color 0.3s ease-in 0s; }
.Accordion_item .title_tab.active .title .icon { transform: rotate(0deg); transition: transform 0.3s ease-in 0s; }
.Accordion_item .title_tab:hover { background-color: rgb(33, 150, 243); transition: background-color 0.3s ease-in 0s; }
.Accordion_item .inner_content p.show { opacity: 1; transform: translate3d(0px, 0px, 0px); transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01) 0s, transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01) 0.1s; background: rgb(250, 250, 250); margin: 0px; }
.inner_content p span { font-size: 14px; line-height: 30px; }
.inner_content p b { font-size: 14px; font-weight: 500; color: rgb(153, 153, 153); }
#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: rgb(239, 239, 239); }
#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: #196bb5; }
#footer .socialdiv ul li a:hover { background: black; color: white; }
#footer .socialdiv ul li a { font-size: 13px; display: flex; vertical-align: top; line-height: 17px; background: white; border-radius: 50%; width: 25px; height: 25px; text-align: center; color: rgb(74, 139, 193); align-items: center; justify-content: center; }
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.active > a, .tooltip-inner, .welcome.active, .sepetimBody .Basketstep ul li.aktif { background: #196bb5; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .OdemeMenu ul li.activeMenu { border-color: #196bb5; }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #196bb5; }
.tooltip.right .tooltip-arrow { border-right-color: #196bb5; }
.tooltip.left .tooltip-arrow { border-left-color: #196bb5; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #196bb5; }
.baglanButton { border-color: transparent; }
.Basketstep ul li::before { border: 1px solid #196bb5; }
.sepetimBody .Basketstep ul li.aktif::after { border-top-color: #196bb5; }
.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 { color: #196bb5; }
.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: #0d62ae;}
.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: #196bb5; }
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: #196bb5; transition: all 0.1s ease-in-out 0s; }
.siparisOzetTakip { color: rgb(255, 255, 255); }
.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: rgb(255, 255, 255); }
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: rgb(255, 255, 255) !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: rgb(158, 26, 32) !important; color: rgb(255, 255, 255) !important; }
body .adresGir .yesilButon:hover { background: rgb(64, 109, 32) !important; color: rgb(255, 255, 255) !important; }
body { background: rgb(255, 255, 255); }
.bottomHead { display: none; }
#divSliderYani { display: none; }
.Blok { float: left; width: 100%; }
.Blok a { float: left; width: 100%; }
.Blok a img { display: block; max-width: 100%; transition: all 1s ease-in-out 0s; }
.rowgrid { margin: 0px -10px; }
.ScRow { margin: 0px -10px; }
.Ecol1, .Ecol2, .Ecol3, .Ecol4, .Ecol5, .Ecol6, .Ecol7 { float: left; }
.Ecol1 { width: 100%; padding: 0px; }
.Ecol2 { width: 50%; padding: 0px 10px; }
.Ecol3 { width: 33.33%; padding: 0px 10px; }
.Ecol4 { width: 25%; padding: 0px 10px; }
.Ecol5 { width: 20%; padding: 0px 10px; }
.Ecol6 { width: 75%; padding-right: 1em; }
.Ecol7 { width: 25%; }

/*Sol Filtre*/
.leftBlock .category-vertical-filters { float: left; width: 100%;border:none; border-radius:0;overflow: hidden; margin:0 0 20px; text-align: center; padding:0;background:transparent;}
.leftBlock .panel-heading {position: relative;z-index: 1;float: left;padding: 0;width: 100%;text-align: left;border: none;margin: 0 0 10px;background-color: transparent!important;}
.leftBlock .panel-heading a{display: block;line-height: 39px;font-size: 14px;color: #333333;font-weight: 600;padding: 0;text-transform:uppercase;}
/*.leftBlock .panel-heading a:after{content: '\f068';font-family: 'FontAwesomePro';float: right;font-weight: normal;}
.leftBlock .panel-heading.active a:after{content: '\f067';}*/

.leftBlock .category-vertical-filters > div {width: 100%;padding: 20px 20px 20px 0px;margin: 0 0 20px;float: left;display: inline-block;background: #fff;border-radius: 0px;}
.leftBlock .category-vertical-filters > div:last-child{margin-bottom: 0;}
.leftBlock .category-vertical-filters .panel.div-kategori {}
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading {}
.leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a:after {display: none;}
.leftBlock .category-vertical-filters .panel.div-kategori ul {}
.leftBlock .category-vertical-filters .panel.div-kategori ul li {margin-bottom: 0;width: 100%;}

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

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

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

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {margin-right: 10px;width: 13px;height: 13px;border: 1px solid #afafaf!important;border-radius: 0px;background: #fff;display: inline-block!important;margin-top:0;text-align: center;line-height: 12px;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color:#cbcbcb!important; background:#fff; content: '\f00c'; font-family: 'FontAwesomePro'; color: #000; font-size: 12px;font-weight: 600;}
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {border-color: #afafaf!important;background:#fff;content: '\f00c';font-family: 'FontAwesomePro';color: #ff0f0f;font-size: 10px;font-weight: 600;}

body .leftBlock .slider-range {float: left;width: 100%;border: none;border-radius: 0;padding: 0;margin: 20px 0;height: 2px;background: #dddddd;}
body .leftBlock .slider-range .ui-slider-range {height: 2px;background:#000;border-radius: 0;top:0;margin: 0;}
body .leftBlock .slider-range .ui-slider-handle {width: 10px;height: 10px;border-radius: 2px;background: #000;border: none;margin: 0;top: -4px;}
body .leftBlock .slider-range span:nth-child(2){margin-left: 0;}
body .leftBlock .slider-range span:nth-child(3){margin-left: -10px;}
body .leftBlock .amount {float: left;width: 100%;color: #000;font-size: 14px;text-align:center;margin-bottom: 20px;}
/*Sol Filtre*/
/* ------------------------------------KATEGORi MENU--------------------------------------------*/
.sliderYanda{width: 100%;float: left;}
.UrunGuruplari {float: left;width: 300px;z-index: 999;position: absolute; }
.homeContainer .UrunGuruplari {float: left;width: 100%;z-index: 9999;position: relative;top: 0;border-radius: 5px;padding: 0px;}
.UrunGuruplari .Block_Title {display: block;}
.UrunGuruplari .Block_Title span {
    font-weight: 600;
    line-height: 50px;
    background: #196bb5;
    color: rgb(255, 255, 255);
    height: 50px;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    text-align: left;
    float: left;
    font-size: 18px;
    padding: 0px 20px;
    margin: 0px;
}
.UrunGuruplari .Block_Title span:before{
    font-family: FontAwesomePro;
    content: "\f0c9";
    margin-right: 20px;
    font-weight: 300;
}
.UrunGuruplari .Block_Text {float: left;width: 100%;}
.UrunGuruplari .Block_Text .KatMenu1{float: left;width: 100%;margin: 0;padding: 0;list-style: none;background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;display: none;}
.UrunGuruplari:hover .Block_Text .KatMenu1{display: block;}
.homeContainer .UrunGuruplari .Block_Text .KatMenu1 {display: block;}
.UrunGuruplari .Block_Text .KatMenu1 li {float: left;width: 100%;position: relative;}
.UrunGuruplari .Block_Text .KatMenu1 li a {
    font-size: 16px;
    color: #000;
    padding: 12px 15px;
    display: inline-block;
    width: 100%;
    min-height: 45px;
    border-bottom:1px solid #eaebef;
}
.UrunGuruplari .Block_Text .KatMenu1 li a:hover{
    background: #ededed;
    color: #196bb5;
}
.UrunGuruplari .Block_Text .KatMenu1 li.ulVar > a:after{
    font-family: FontAwesomePro;
    content: "\f054";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.UrunGuruplari .Block_Text .KatMenu1 li.ulVar:hover > ul{display: block;}
.UrunGuruplari .Block_Text .KatMenu1 li ul {
    min-width: 300px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999;
    display: none;
    background-color: #ededed;
    margin:0;
    list-style: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.UrunGuruplari .Block_Text .KatMenu1 li:last-child a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.UrunGuruplari .Block_Text .KatMenu1 li ul li{}
.UrunGuruplari .Block_Text .KatMenu1 li ul a { }
.UrunGuruplari .Block_Text .KatMenu1 li ul a:hover{}
.UrunGuruplari .Block_Text .KatMenu1 li ul ul{}
.UrunGuruplari .Block_Text .KatMenu1 li ul ul li{}

/* ------------------------------------KATEGORi MENU--------------------------------------------*/


/*siteozel*/
.discountNav { width: 100%; float: left; background: rgb(25, 107, 181); padding: 10px 0px;display: none; }
.discDesc {width: 100%;float: left;text-align: center;color: white;font-size: 20px;font-family: Montserrat, sans-serif;}
#pnlSlider { position: relative; float: left; margin: 0px 0px 0px 30px; padding: 0px; width: calc(100% - 330px); }
#divSliderYani {display: block;width: 300px;float: left;padding: 0px;}
.sliderText { width: 100%; float: left; border: 2px dashed rgb(243, 129, 129); padding: 15px 20px; margin-bottom: 30px; }
.sliderText span { color: rgb(233, 18, 18); font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600;display: block; }
.sliderText p { color: rgb(40, 40, 40); font-size: 14px; margin: 0px; font-weight: 500; }

.KategoriBlok{float: left;width: 100%;margin-top: 10px;}
.KategoriBlok ul{float: left;width: 100%;padding: 0;}
.KategoriBlok ul li {float: left;width: 100%;}
.KategoriBlok ul li a{float: left;width: 100%;text-align: center;}
.KategoriBlok ul li a img{border-radius: 100%;}
.KategoriBlok ul li a span{font-size: 13px;color: #000;font-weight: normal;line-height: 30px;}
.KategoriBlok ul.owl-carousel li{display: block;}
.KategoriBlok .owl-dots{display: none!important;}

.storyArea { width: 100%; float: left; padding: 20px 0px; margin: 20px 0px; }
.storyArea ul { width: 100%; float: left; margin: 0px; padding: 0px; display: flex; flex-direction: row; justify-content: space-between; list-style: none; }
.storyArea ul li {float: left;width: 100%;text-align: center;margin: 0 10px;display: flex;justify-content: center;}
.storyArea ul li a {float: left;width: 100%;position: relative;max-width: 135px;border-radius: 100%;border: 2px solid rgb(184, 22, 215);padding: 3px;background: white; }
.storyArea ul li a img {margin: 0px auto;padding: 0px;}
.storyArea ul li a span {position: absolute;width: 100%;text-align: center;color: white;font-weight: 500;font-size: 16px;height: 100%;background: #0000007d;justify-content: center;display: flex;align-items: center;border-radius: 100%;max-width: 125px;max-height: 125px;}
.navbarArea { float: left; width: 100%; background: rgb(237, 237, 237); padding: 7px 0px; }
.navbarContainer { width: 100%; color: rgb(53, 53, 53); }
.leftText { width: 40%; float: left; text-align: left; padding: 5px 0px; font-size: 13px; }
.leftText span { font-weight: 600; }
.leftText i { }
.navMenu { width: 35%; float: left; display: flex; list-style: none; justify-content: flex-end; padding: 0px; text-align: left; margin: 0px; }
.navMenu li { margin-left: 20px; float: left; }
.navMenu li a { color: rgb(53, 53, 53); padding: 5px 0px 5px 20px; float: left; border-left: 1px solid rgb(221, 221, 221); font-size: 14px; font-weight: 600; }
.navMenu li a i {color: rgb(53, 124, 188);margin-right: 3px;font-size: 14px;font-weight: 500;}
.navMenu li:last-child a { border-right: 1px solid rgb(221, 221, 221); padding-right: 20px; }
#divMemberWelcomeContent > div { display: flex; justify-content: flex-end; }
.bannerCat { width: 100%; float: left; margin-bottom: 20px; }
.bannerArea {width: 100%;float: left;border-radius: 10px;position: relative;margin-bottom: 20px;}
.bannerArea a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;background: #00000040;color: white;font-weight: 600;font-size: 30px;text-align: center;}
.bannerArea a .middleTitle { position: absolute; background: rgba(255, 255, 255, 0.84); padding: 10px 20px; border-radius: 10px; color: black; font-size: 13px; font-weight: 600; }
.bannerArea a:hover .middleTitle { background: black; color: white; transition: all 0.2s ease-in-out 0s; }
.bannerArea img { width: 100%; border-radius: 0px; }
.topMenu { width: 65%; float: left; display: flex; list-style: none; justify-content: flex-start; text-align: left; margin: 0px; padding: 0px; }
.topMenu li { margin-right: 20px; float: left; }
.topMenu li:first-child { margin-right: 20px; border-left: 1px solid rgb(226, 226, 226); float: left; padding-left: 20px; }
.topMenu li a { font-size: 14px; color: rgb(53, 53, 53); padding: 5px 20px 5px 0px; border-right: 1px solid rgb(226, 226, 226); float: left; font-weight: 600; }
.topMenu li a i {margin-right: 5px;color: rgb(53, 124, 188);font-weight: 500;font-size: 15px;}
.discountIcon.tip{display: none!important;}
.sliderContainer{
  width: 100%;
  float: left;
}
.sliderCategories{
  width: 64%;
  float: left;
}
.slideCatSigle{
  width: 36%;
  float: right;
  padding:0 0px 0 10px;
}

.sliderCategoriesRight{
  width: 64%;
  float: right;
}

.slideCatSigleLeft{
  width: 36%;
  float: left;
  padding:0 10px 0 0px;
}

.haftaninUrunleri {
  border: 1px solid #e5e5e5;
  padding: 20px 0;
}

 

.haftaninUrunleri .JKatAdi .bold .satir1{
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-align: center;
  float: none;
}

.haftaninUrunleri  .owl-item{
  max-width: 235px;
  margin: 0 auto;
}

.haftaninUrunleri #mainHolder_divDesign .owl-carousel .owl-nav,.haftaninUrunleri .owl-carousel .owl-nav, .haftaninUrunleriSol #mainHolder_divDesign .owl-carousel .owl-nav, .haftaninUrunleriSol .owl-carousel .owl-nav{width: 80%;margin: 0 auto;}

.haftaninUrunleri  .owl-carousel .owl-stage{
  padding: 20px 0px;
  display: flex;
}

.haftaninUrunleriSol {
  border: 1px solid #e5e5e5;
  padding: 20px 0;
}


.haftaninUrunleriSol .JKatAdi .bold .satir1{
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-align: center;
  float: none;
}

.haftaninUrunleriSol  .owl-item{
  max-width: 235px;
  margin: 0 auto;
}

.haftaninUrunleriSol  .owl-carousel .owl-stage{
  padding: 20px 0px;
  display: flex;
}

.sliderCategories .bannerCat, .sliderCategoriesRight .bannerCat{
  margin-top: 0px;
  margin-bottom: 20px;
}

.haftaninUrunleri.girisyap {
    padding: 40px 0;
}

.haftaninUrunleriSol.girisyap {
    padding: 54px 0;
}

.mb0{margin-bottom: 0px!important;}

.gtex .g2{
  font-weight: 500;
}

.ebultenuyelik{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.ebultenuyelik h3{
  color: rgb(92, 92, 92);
  font-size:16px;
  width: 100%;float: left;
  margin-bottom: 5px;
  font-weight: 600;
}
.ebultenuyelik span{color:#707070;font-size:12px;width: 100%;float: left;    margin-bottom: 10px;}

#ticimaxCopyright {
  float: left;
  width: 100%;
  background: #196bb5;
  padding: 15px 0;
  margin-bottom: 0px!important;
  color: white!important;
}

#ticimaxCopyright a{color: #fff!important;}

.socialDiv ul li a .fa-facebook-f{color:#3b5999!important;}
.socialDiv ul li a .fa-instagram{color:#e4405f!important;}
.socialDiv ul li a .fa-youtube{color:#cd201f!important;}

#divOnyazi{display: none;}

.priceArea{ float: left;display: flex; flex-direction: column;margin-bottom: 10px;}
.leftprice {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  padding-right: 0px;
}
.rightprice{width: 100%; float: left;}
.spnMiniumumTaksitTutari {
    color: #196bb5;
}


.hfiyat {background-color: #eee0;border-bottom: 0px;padding: 0px;margin: 8px 3px 0px 0px;float: left;width: 100%;font-size: 17px;font-weight: 600;color: #ff0000;}
.hfiyat:before{content: "Havale Fiyatı :";font-size: 17px;color: #000;font-weight: normal;margin-right: 10px;}

 

#divTahminiTeslimatSuresi .left_line::before{display: none;}

#spnTahminiTeslimSuresi{font-size:14px!important;    line-height: 15px!important;}

.alarmArea{width: 100%; float: left;display: flex;}

.UGelinceHaberVer{margin-left:30px;}

#aGelinceHaberVer, #aFiyatAlarmEkleBtn{padding-left: 10px;  text-transform: uppercase;  color: #000;  font-size: 12px;}

#aGelinceHaberVer .box1.tipL:before{content: "\f34e";font-family: FontAwesomePro;font-size: 12px;position: relative; left: -5px;}
.UrunKargoBedava .box1 {  float: left; background: none;  font-size: 12px;  min-width: 60px;  padding: 2px 0px 0px;  text-align: center;  margin: 0px;  text-transform: uppercase;  color: #000000;}

.FiyatHaberVer{margin-left:10px;}

#aFiyatAlarmEkleBtn .box1 i{padding-right: 5px; font-size:12px; color:#000;font-weight: 500;}

.urunArea{width: 100%; float: left; margin-top: 30px;padding-bottom: 20px;}

.FooterTex{display: none;}
.HomeBody .FooterTex{display: block;}

#divBenzerUrun{margin-bottom: 40px;}

body .sortingContent li a:hover {  background-color: #196bb5;}

body #divSayfalamaUst .brandlistselection ul li:nth-child(5) a{padding:0;background:transparent;color: #252525;font-size: 12px;}
body #divSayfalamaUst .brandlistselection ul li:nth-child(5) a span{line-height:40px;font-weight:normal;display:inline-block;vertical-align:top;}
body #divSayfalamaUst .brandlistselection ul li:nth-child(5) a:before{content: '';width: 15px;height: 15px;border:1px solid #d1d1d1;border-radius: 3px;float: left;margin:12px 10px 0 0;}
body #divSayfalamaUst .brandlistselection ul li:nth-child(5) a.selected:before{background: #0c64b6;border-color: #0c64b6;}
body #divSayfalamaUst .brandlistselection .sortingContent li:nth-child(5){border-color: #fff0;}

.appliedFilter.FiltrelemeUrunAdet span{line-height: 28px!important;}

.newIcon{ display: block!important; position: absolute;  top: 10px;  right: 0px;  background: #49b519;  color: white;  font-size: 13px;  padding: 10px;}

.ozelAlan1{font-size: 13px; position: absolute; right: 0; top: 50px; background: #196bb5; padding: 3px 9px; max-width: 90px; color: white; z-index: 9; }
.ozelAlan2{font-size: 13px; position: absolute; right: 0; top: 75px; background: #196bb5; padding: 3px 9px; max-width: 90px; color: white; z-index: 9; }

#divOzelAlan1{font-size: 13px; position: absolute; right: 0; top: 0px; background: #196bb5; padding: 3px 9px; max-width: 90px; color: white; z-index: 9; }
#divOzelAlan2{font-size: 13px; position: absolute; right: 0; top: 25px; background: #196bb5; padding: 3px 9px; max-width: 90px; color: white; z-index: 9; }


.HomeBody .catMenu{display: none;}
.catMenu{
  width: 100%;
  float: left;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 10px;
  min-height: 51px;
}

.catMenuContainer{
  width: 100%;
  max-width: 1290px;
  margin:0 auto;
}

.ProductBody #header, .CategoryBody #header{
  margin-bottom: 0px;
}

.ProductBody .box1.tipL, #aFiyatAlarmEkleBtn .box1{
  background: white;
  padding: 0;
}

#aGelinceHaberVer .box1 i {
  font-size: 12px!important;
  margin: 0 5px;
}

.sliderBannerContainer {margin-bottom: 40px;}

.UrunGuruplari .Block_Text .KatMenu1 li:last-child a{border: 0px!important;}

/*siteozel*/
#logo .htop {display: none; }
.sayacAlan ul {margin: 0;padding: 8px;list-style: none;width: 215px;border-radius: 10px;float: right;background: #fff;margin: 0px 13% 0px 0;position: absolute;right: 0;top: 8px;bottom: 8px;display: flex;justify-content: center;}
.sayacAlan ul li {float: left;width: 25%;height: auto;display: flex;align-items: center;}
.sayacAlan ul li a {height: initial !important; }
.sayacAlan ul li span {display: block; color: #333333; font-weight: 500; font-size: 16px; margin-bottom: 5px; }
.sayacAlan ul li div {text-align: center; color: #CACC34; font-weight: 500; font-size: 12px; }
.sayacAlan {float: left;width: 100%;min-height: 71px;overflow: hidden;position: relative;}
.sayacAlan a {display: block;width: 100%;height: 71px;float: left;}
.mobilBanner { display: none; }
.webBanner {height: 100%;width: 100%;object-position: center;object-fit: cover;}

@media screen and (min-width: 1042px) {
  #header.fixed { position: fixed; top: -100%; left: 0px; right: 0px; margin: 0px; padding: 0px; z-index: 1000; width: 100%; border: none; transition: top 0.3s ease-in-out 0s; }
  #header.fixed.gectop { top: 0px; }
  body.margin { }
}
@media screen and (min-width: 1042px) {
  .sortingContent { display: block !important; }
  .col-5li { width: 20%; }
  .mobilMenu { display: none; }
}
.headerContent, .navbarContainer, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1290px; margin: 0px auto; position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList { max-width: 1290px; }
.detaySliderContainer .ProductList { max-width: 1290px; }
.homeContainer .ProductListContent .ProductList { max-width: 1290px; }
.markaSlider .jCarouselLite { max-width: 1290px; }
.headerContent {margin-bottom: 1em;}
.ticiContainer { }
.innerContainer { }
#divIcerik.homepage { }
.UyeOl .ticiContainer { }
#footer .ticiContainer { }
.UyeGiris .ticiContainer { }
.Magazalar .ticiContainer { }
.sepetimBody .ticiContainer { }
.sepetimBody .headerContent { }
.HesabimTakip .ticiContainer { }
.Iletisimaspx .ticiContainer { }
.homeContainer .ticiContainer { }
.ticiContainer.homeContainer { }
.ticiContainer.pageContainer { }
.ticiContainer.categoryContainer { }
.sepetimBody #footer .ticiContainer { }
.ticiContainer.productDetailContainer { }
body ul.breadcrumb { clear: none; }
.sepetimBody .footerSslLogo { display: none !important; }
.sepetimBody .headerContent { box-shadow: none; }
.centerCount.Middle { width: 100%; padding: 0px; }
.centerCount.userLoginContent { width: 100%; padding: 0px; }
.centerCount.iletisimContent { width: 100%; padding: 0px; }
.centerCount.UyeolContent { width: 100%; padding: 0px; }
.centerCount.HesabimTakip { width: 100%; padding: 0px; }
.leftBlock {float: left;width: 25%;padding-right: 0px;}
.rightBlock { float: right; width: 25%; padding-left: 20px; }
.centerCount { float: left; width: 100%; padding: 0px; }
.leftBlock.LeftMiddle {width: 250px;margin-bottom: 0px;margin-right: 30px;}
.centerCount.LeftMiddle {width: calc(100% - 280px);}
.rightBlock.MiddleRight { width: 250px; }
.centerCount.MiddleRight { width: calc(100% - 250px); }
.leftBlock.LeftMiddleRight { }
.rightBlock.LeftMiddleRight { }
.centerCount.LeftMiddleRight { }
.rightBlock.MiddleRight { }
.centerCount.MiddleRight { }
.ticiContainer::before, .ticiContainer::after { content: ""; display: table; }
.ticiContainer::after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
@media screen and (min-width: 1041px) and (max-width: 1200px) {
  .leftBlock.LeftMiddle {width: 25%;padding-right: 20px;margin: 0;}
  .centerCount.LeftMiddle { width: 75%; }
  .leftBlock.LeftMiddleRight { width: 25%; }
  .rightBlock.LeftMiddleRight { width: 50%; }
  .centerCount.LeftMiddleRight { width: 25%; }
  .rightBlock.MiddleRight { width: 25%; }
  .centerCount.MiddleRight { width: 75%; }
  .homeContainer .col-5li { width: 25%; }
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
   .headerContent, .navbarContainer, body ul.breadcrumb,h1.categoryName,.catMenuContainer, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1100px; }
  .homeContainer .ProductListContent .ProductList { max-width: 1100px; }
  .sliderBannerContainer .ProductList { max-width: 1100px; }
  .detaySliderContainer .ProductList { max-width: 1100px; }
  .markaSlider .jCarouselLite { max-width: 1100px; }
  #divIcerik.homepage { margin: 0px auto; }
  #header{padding-bottom: 10px;}
  .searchContent {width: 100%;}
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
   .headerContent, .navbarContainer, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, h1.categoryName,.catMenuContainer,.ticiContainer { max-width: 960px; }
  .homeContainer .ProductListContent .ProductList { max-width: 960px; }
  .sliderBannerContainer .ProductList { max-width: 960px; }
  .detaySliderContainer .ProductList { max-width: 960px; }
  .markaSlider .jCarouselLite { max-width: 960px; }
  #divIcerik.homepage { margin: 0px auto; }
  .leftImage { width: 50%; }
  .RightDetail { width: 50%; }
  .leftImage .Images { width: 390px; }
  .UD_ShareDty ul { display: flex; }
  .UD_ShareDty ul li { padding: 0px !important; }
  .widgetsContainer { padding: 1.25em 0.5em; }
  .iconWidgets { justify-content: center; }
  .RightDetail .MiddleList { padding: 20px 15px 10px 25px; }
  .urunOzellik { padding: 15px 15px 15px 25px; }
  .col-3 .productItem .regularPrice span { font-size: 13px; }
  .col-3 .productItem .discountPrice span { font-size: 14px; }
  .storyArea ul li {min-width: 20%;}
   .searchContent {width: 100%;}
 }
@media (min-width: 768px) and (max-width: 1041px) {
  .mobilMenuAcButton { float: left; margin-top: 20px; margin-right: 10px; color: rgb(0, 0, 0); font-size: 30px; }
  .mobilMenuAcButton span { display: block; font-size: 11px; }
    #header{padding-bottom: 10px;}
    .searchContent {width: 100%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sliderBannerContainer {margin-bottom: 10px;}
  .catMenu{display: none;}
  .headerContent, .navbarContainer, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer,h1.categoryName,.catMenuContainer { max-width: 720px; }
  .homeContainer .ProductListContent .ProductList { max-width: 720px; }
  .sliderBannerContainer .ProductList { max-width: 720px; }
  .detaySliderContainer .ProductList { max-width: 720px; }
  .navigation .altMenu .altMenuler { max-width: 720px; }
  .markaSlider .jCarouselLite { max-width: 720px; }
  #divIcerik.homepage { margin: 0px auto; }
  .headerContent { margin: 0px auto; }
  .leftImage { width: 50%; }
  .RightDetail { width: 50%; }
  .PiyasafiyatiContent .right_line * { color: rgb(102, 102, 102); font-size: 18px; }
  .IndirimliFiyatContent .right_line * { font-size: 20px; }
  #divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 14%; }
  .basketBtn .button { background: rgb(242, 122, 26); border-radius: 5px; font-size: 13px; }
  .RightDetail .MiddleList { padding: 15px 15px 10px 25px; }
  .categoryTitle { padding: 1em 0px 0em; }
  .Ecol4 { width: 50%; padding: 0px 10px; }
  .Ecol6 { width: 66.6667%; }
  .Ecol7 { width: 33.3333%; }
  .tabletCol { padding-top: 2em; width: 100% !important; }
  .tabletCol .store .inPad { padding-left: 0em; }
  .tabletCol .creditCard ul { padding-left: 0em; }
  .widgetsContainer { padding: 1.25em 1em; margin-bottom: 1em; }
  .col-3 .productItem .regularPrice span { font-size: 13px; }
  .col-3 .productItem .discountPrice span { font-size: 14px; }
  .iconWidgets { justify-content: center; }
  .widgetsArea { margin-top: 1em; padding-top: 0.5em; padding-bottom: 0.5em; }
  .JKatAdi .bold .satir1 { margin-top: 45px; }
  .socialdiv span { margin-right: 1em; }
  .ProductName h1 span { font-size: 22px; }
  #footer .linkler { padding: 2em 0px 0em; }
  .headeriletisim { display: none; }
  .searchContent { width: 100%; }
  #logo { width: 120px; padding-top: 1.5em; }
  .mobilMenuAcButton span { display: none !important; }
  .bannerModelL a img { height: 200px; object-fit: cover; }
}
@media screen and (max-width: 1041px) {
    .htop .webBanner {display: none;}
    .htop .mobilBanner {display: block;max-height: 88px;object-fit: cover !important;width: 100%;object-position: left;}
    .sayacAlan ul {margin: 0px 10px;width: 130px;} 
    .sayacAlan ul li div { font-size: 11px; }
    .sayacAlan ul li span { font-size: 14px; }

  .sliderBannerContainer {margin-bottom: 10px;}

  .ulasDiv {
    margin-top: 10px;
  }

  .urunArea {
    margin-top: 0px;
  }

  /*mobil ozel*/
  .discDesc {font-size: 13px;}
  .divSliderYani{width: 100%;}
  #pnlSlider{width: 100%;margin: 0px;}
  .navbarArea{display: none;}
  .UrunGuruplari{display: none;}
  .navigation { display: none; }
  .sliderCategories, .slideCatSigle, .sliderCategoriesRight, .slideCatSigleLeft{
    width: 100%;
  }

  .storyArea ul {
      overflow-x: auto;
  }

  .storyArea ul li {
      min-width: 30%;
  }

  #footer .socialDiv {
    margin: 10px 0;
}

  .Ecol3 {
    width: 100%;
    padding: 0px 10px;
  }

  #footer ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .GuvenList ul li {
    float: left;
    width: 50%;
    padding-left: 10px;
    margin-bottom: 20px;
  }

  .GuvenList ul li .glist {
    width: 100%;
    border-right: 1px solid #e5e5e5;
}


.GuvenList ul li:nth-child(even) .glist{border: 0px;}

.bannerArea.mb0{margin-bottom: 20px!important;}

.FooterTex {
  margin-top: 0px;
}

.FooterSC {
  margin-top: 20px;
}

  /*mobilozel*/


  #divSayfalamaUst .filterBlock { display: block !important; }
  .mobilMenuAcButton { display: block; }
  body .dropdown-toggle::after { display: none; }
  body #divSayfalamaUst { padding: 0px; margin: 10px 0px; width: 100%; border: none; background: transparent; }
  .urunListRel { width: 100%; }
  body .mobilFilterOpenBtn .button { padding: 0px; margin: 0px; color: rgb(0, 0, 0); border: 1px solid rgb(195, 195, 195); width: calc(50% - 5px); float: left; line-height: 38px; background: rgb(255, 255, 255); font-size: 14px; display: inline-block; vertical-align: top; font-weight: 600; }
  body .mobilFilterOpenBtn .button.mobilSiralamBtn { float: left; }
  body .mobilFilterOpenBtn .button.mobilFilterBtn { float: right; }
  body .mobilFilterOpenBtn { margin: 0px; padding: 0px; display: block !important; }
  .categorydesign .uNo { float: right; color: rgb(153, 154, 157); font-size: 12px; }
  body #divSayfalamaUst .filterDeleteContent { display: none; }
  body #divSayfalamaUst.Slct .brandlistselection { position: absolute; left: 0px; top: 0px; width: calc(50% - 5px); background: transparent; padding: 0px; margin: 0px; border: none; border-radius: 0px; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent { width: 100%; background: transparent; padding: 0px; margin: 0px; border: none; border-radius: 0px; display: block !important; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { width: 100%; background: transparent; padding: 0px; margin: 0px; border: none; border-radius: 0px; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { width: 100%; height: 40px; font-size: 0px; text-indent: 0px; border: none; color: rgb(0, 0, 0); font-weight: 600; min-width: auto; border-radius: 0px; background: transparent; 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: 0px; text-align: center; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 10; border-bottom: none; background: rgb(255, 255, 255); }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0px; 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 rgb(229, 229, 229); }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a { border-bottom: none; }
  body .category-vertical-filters.top-filters { width: 360px; position: fixed; top: 0px; right: -100%; bottom: 0px; z-index: 9999; background: rgb(243, 245, 248); margin: 0px; padding: 0px; border: none; transition: all 0.3s ease 0s; overflow: hidden auto; display: block !important; }
  body .category-vertical-filters.top-filters ul { list-style: none; padding: 0px; margin: 0px; }
  body .filterBlock.active .category-vertical-filters.top-filters { right: 0px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 10px; padding: 0px 10px; position: relative; text-align: center; display: block; }
  body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; inset: 0px; }
  body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
  body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: rgb(255, 255, 255); display: none; }
  body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
  body .category-vertical-filters.top-filters .FiltreUst a i { color: rgb(255, 255, 255); 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: 0px 10px; display: block; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: rgb(38, 35, 36); text-align: left; padding: 0px 0px 0px 15px; background: rgb(255, 255, 255); }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock::before { content: ""; float: right; width: 24px; max-height: 24px; position: absolute; top: 0px; bottom: 0px; right: 32px; border-radius: 100%; margin: auto 0px; background: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 0px 0px 2px 0px; z-index: 1; transition: all 0.3s ease 0s; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock::after { content: ""; float: right; width: 40px; max-height: 16px; position: absolute; top: 0px; bottom: 0px; right: 0px; border-radius: 20px; background: rgb(197, 199, 201); margin: auto 15px auto 0px; transition: all 0.3s ease 0s; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected::before { right: 15px; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected::after { background: rgb(57, 214, 98); }
  body .category-vertical-filters.top-filters .panel .panel-heading { padding: 0px; margin: 0px; border: none; background: rgb(255, 255, 255); float: left; width: 100%; }
  body .category-vertical-filters.top-filters .panel .panel-heading a { float: left; width: 100%; text-align: left; color: rgb(38, 35, 36); font-weight: 600; font-size: 15px; line-height: 50px; padding: 0px 10px; text-transform: uppercase; }
  body .category-vertical-filters.top-filters .panel .panel-heading a::after { top: 0px; color: rgb(0, 0, 0); font-weight: 300; font-family: FontAwesomePro; right: 10px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { position: absolute; right: 40px; top: 0px; bottom: 0px; line-height: 50px; font-size: 15px; color: rgb(0, 0, 0); display: block; }
  body .category-vertical-filters.top-filters .panel { float: left; width: 100%; margin-bottom: 10px; padding: 0px 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown { border: none; position: static; box-shadow: none; }
  body .category-vertical-filters.top-filters .list-group.dropdown ul { margin-top: 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin-right: 0px; text-align: left; margin-bottom: 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown li a { color: rgb(0, 0, 0); line-height: 16px; }
  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 13px; color: rgb(38, 35, 36); font-weight: normal; float: left; }
  body .category-vertical-filters .vertical-filter-panel .list-group-item::before { border-radius: 0px; width: 16px; height: 16px; display: inline-block !important; }
  body .category-vertical-filters .vertical-filter-panel .list-group-item.selected::before { border-color: rgb(0, 0, 0); background: rgb(0, 0, 0); }
  body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { height: auto; background: transparent !important; }
  body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; margin: 20px 0px; }
  body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent { display: none !important; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child::before { display: none; }
  body .slider-range { width: calc(100% - 20px); margin: 0px 0px 15px 10px !important; }
  body .amount { padding: 0px; }
  .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: 0px auto; }
  .mobileImageSlider .owl-stage-outer { float: left; width: 100%; }
  .uyeOlContainer #FrmYeniUye > .uyeOlCol { width: 100%; padding: 10px; margin: 10px 10px 0px 0px; }
  .uyeOlContainer .FormTitle { margin: 10px 0px; padding: 10px 0px; font-size: 18px; font-weight: 600; }
  .uyeOlContainer .uyeOlCol input.textbox { padding: 10px 0px; }
  .uyeOlContainer .uyeOlCol select.selectboxx { padding: 10px 0px; }
  .Magazalar .magazaSelect { width: 100%; margin-right: 0px; }
  .Magazalar #searchStore { width: 100%; margin-right: 0px; }
  .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0px; border-bottom: 1px solid rgb(232, 232, 232); }
  .menuUstBolum .CloseBtnMenu { float: right; line-height: 50px; color: rgb(255, 255, 255); font-size: 30px; width: 50px; text-align: center; margin: 0px; cursor: pointer; }
  .menuUstBolum .CloseBtnMenu i { font-weight: 300; }
  .menuUstBolum .menuBack { float: left; line-height: 50px; color: rgb(255, 255, 255); font-size: 15px; text-align: center; margin: 0px; cursor: pointer; padding-left: 20px; }
  .menuUstBolum .menuBack i { font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; }
  .mobilaf { position: fixed; inset: 0px; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1001; display: none; animation: 0.5s ease 0s 1 normal none running fadein; }
  .mobilaf.acik { display: block; }
  .mobilMenu { position: fixed; left: 0px; top: 0px; bottom: 0px; width: 360px; z-index: 99999; background: rgb(255, 255, 255); transform: translateX(-360px); transition: transform 0.3s ease-in-out 0s; }
  .mobilMenu ul { list-style: none; padding: 0px; margin: 0px; }
  .mobilMenu.acik { transform: translateX(0px); }
  .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0px; left: 0px; }
  .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
  .mobilMenu .navUl > li > ul li, .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid rgb(229, 229, 229); position: relative; padding: 0px 0px 0px 5px; }
  .mobilMenu .navUl > li > ul li a, .mobilMenu .navUl > li > a { color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 40px; display: inline-block; vertical-align: top; padding: 0px 15px; z-index: 2; position: relative; width: 100%; }
  .mobilMenu .navUl .ulVar > a { width: auto; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0px; top: 0px; left: 0px; z-index: 1; padding-right: 20px; cursor: pointer; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i, .mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li .ResimliDown i { line-height: 40px; font-size: 20px; float: right; }
  .mobilMenu .altMenu .altMenuMarkalar, .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow: hidden auto; position: absolute; top: 0px; right: 0px; left: 0px; }
  .mobilMenu .altMenu .altMenuSag { display: none; }
  .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
  .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 3; transition: all 0.3s ease-in-out 0s; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active, .mobilMenu .altMenu.active { left: 0px; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span, .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid rgb(229, 229, 229); position: relative; float: left; width: 100%; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a, .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
  .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn, .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; inset: 0px; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i, .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid rgb(229, 229, 229); position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a, .mobilMenu .navUl > li > ul li a { color: rgb(40, 47, 54); font-size: 14px; font-weight: 500; line-height: 40px; display: inline-block; vertical-align: top; padding: 0px 13px; z-index: 2; position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .menuIcerikAlan { overflow: hidden auto; }
  .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0px 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
  /*Acilirmenuicerik*/
  .mobilMenu .altMenu .altMenuMarkalar, .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
  .mobilMenu .altMenu .altMenuSag { display: none; }
  .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
  /**/
  .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 100%; background: #fff; z-index: 4; transition: all 0.3s ease-in-out; display: block; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active, .mobilMenu .altMenu.active { left: 0; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span, .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a, .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
  .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn, .mobilMenu .navUl > li > ul > span .NoiBack { line-height: 55px; text-align: left; z-index: 1; padding-left: 20px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn i, .mobilMenu .altMenu .altmenuSol > span .UpBtn i, .mobilMenu .navUl > li > ul > span .NoiBack i { font-weight: normal; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a, .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 14px; font-weight: 500; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
}
@media screen and (max-width: 767px) {
  /*mobile ozel*/
  #ETBIS{width: 50%!important;text-align: left!important;}
  .guvendamgasi {position: static!important;text-align:right;margin: 20px 0;width: 50%;float: right;max-width: 122px!important;}
  #divUcTopMenu >li {display: none; }
  .catMenu{display: none;}
  .alarmArea {flex-direction: column;}
  #aGelinceHaberVer {padding-left: 5px;}
  .UGelinceHaberVer { margin-left: 0px; margin-top:10px;margin-bottom:10px;}
   .mycartIcon a {    width: 80%;}
  /* .ProductBody .productItem .productImage a { padding-bottom: 70%;} */
  .FiyatHaberVer {margin-left: 0px;}
  #aFiyatAlarmEkleBtn{padding-left: 0px;}
  /*mobile ozel*/
  .storyArea ul li {min-width: 30%;}
  body {padding-top: 135px;}
  body.overflow { min-height: 100%; position: fixed; left: 0px; right: 0px; overflow: hidden; top: 0px; }
  #divIcerik.homepage { margin: 0px auto; }
  body.MarginM { padding-top: 110px; }
  body.sepetimBody { padding-top: 0px; }
  #lang_flag_container { display: none; }
  .userContainer .userLeftBox, .userContainer .userRightBox { padding: 0px; }
  .userContainer .userRightBox { margin-top: 20px; }
  .SifremiUnuttumContent .userWrapper.SifremiUnuttum { width: 100%; padding: 0px 10px; }
  .headerContent { margin: 0px auto; }
  #divIcerik { padding: 0px 10px; margin: 0px auto; }
  .proCategoryTitle.categoryTitleText { padding: 0px 10px; }
  #footer .ticiContainer { padding: 0px 10px; }
  #divTicimaxCopyrightContent { text-align: center; float: left; width: 100%; }
  #divTicimaxCopyrightContent a { display: inline-block; }
  #logo { float: none; position: static; display: block; border-bottom: 1px solid rgba(153, 153, 153, 0.12); width: auto; padding: 0px; background: transparent; margin: 0px; }
  #logo::after { display: none; }
  #logo .logo { margin: 0px auto; width: 125px; float: none; padding: 10px 0px; text-align: center; display: block; background: transparent; }
  #logo .logo img { max-width: 100%; display: inline-block; }
  .mycart { top: 10px; right: 5px; width: 15px; height: 15px; z-index: 2; }
  .mycart .sepetUrunSayisi { background: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 15px; height: 15px; line-height: 15px; }
  .mobilMenuAcButton { display: block; position: absolute; top: 0px; left: 10px; font-size: 22px; color: rgb(0, 0, 0); }
  .searchClick { display: block; position: absolute; top: 0px; left: 50px; font-size: 22px; color: rgb(0, 0, 0); }
  .welcomeOpen { display: block; position: absolute; top: 0px; right: 50px; font-size: 22px; color: rgb(0, 0, 0); }
  .mycartClick { display: block; position: absolute; top: 0px; right: 10px; font-size: 22px; color: rgb(0, 0, 0); }
  .mobilMenuAcButton span { font-size: 9px; line-height: 9px; display: none; }
  .mobilMenuAcButton i { display: inline-block; vertical-align: top; line-height: 49px; }
  .searchClick i { display: inline-block; vertical-align: top; line-height: 49px; }
  .welcomeOpen i { display: inline-block; vertical-align: top; line-height: 49px; }
  .mycartClick i { display: inline-block; vertical-align: top; line-height: 49px; }
  .mobilMenu { width: 85%; bottom: 50px; transform: translateX(-100%); }
  .menuUstBolum { margin-top: 0px; }
  .SepetUst { float: left; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; margin-bottom: 10px; }
  .SepetUst span { display: inline-block; vertical-align: top; }
  .SepetUst .seClose { float: left; width: 40px; font-size: 22px; position: absolute; left: 0px; }
  .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; }
  .CartProduct { background:  0% 0% / 100% rgb(250, 250, 250); position: fixed; right: -100%; top: 0px; width: 100%; height: calc(100% - 50px); padding: 0px 0px 5px; border: none; transition: all 0.3s ease 0s; opacity: 1; visibility: visible; transform: translateY(0px); box-shadow: none; display: block !important; }
  .CartProduct .SPrice { text-align: center;    padding-left: 10px; }
  .CartProduct::before { display: none; }
  .CartProduct::after { display: none; }
  .CartProduct.animated { right: 0px; }
  .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100vh - 380px); overflow: hidden auto; font-size: 0px; text-align: left; padding: 0px 5px; }
  .CartProduct .SProduct li a * { padding: 0px; line-height: 1; display: inline-block !important; }
  .CartProduct .SProduct li { float: left; width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(229, 229, 229); }
  .CartProduct .SProduct li a { display: inline-block; vertical-align: top; font-size: 12px; color: rgb(0, 0, 0); text-align: right; width: 100%; }
  .CartProduct .SProduct li a img { margin-right: 10px; float: left; }
  .CartProduct .SProduct li a .SepettopAd { display: inline-block; vertical-align: top; max-width: 38%; margin: 10px 0px 0px; float: left; }
  .CartProduct .SProduct li a .SepettopAd span { float: left; clear: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; max-width: 100% !important; }
  .CartProduct .SProduct li a .SepettopAd span:nth-child(2) { margin-left: 2px; }
  .CartProduct .SProduct li a .SepetTopAdet { display: inline-block; vertical-align: top; margin: 28px 5px 0px; float: left; }
  .CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block; vertical-align: top; margin-top: 28px; margin-right: 0px; float: left; }
  .CartProduct .SProduct li a .sepetTopFiyat { float: right; margin-top: 28px; }
  .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat { vertical-align: top; margin: 20px 5px 0px; display: inline-block !important; }
  .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0px; top: 0px; width: auto; margin: 0px; }
  .CartProduct .button { padding: 0px; line-height: 30px; font-size: 12px !important; }
  .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: rgb(0, 0, 0); font-weight: 600; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
  .sepetTopTutar { font-size: 0px; padding: 0px; border: none; }
  .mycart { padding: 0px; margin: 0px; border: none; position: absolute; left: auto; bottom: auto; background: none !important;z-index: auto; }
  .mycart::before { display: none; }
  .mycart::after { display: none; }
  .mycart .sepetTopTutar { display: none !important; }
  .mycart .sepetUrun { display: none !important; }
  .mycart .sepetTecxt { display: none !important; }
  .mycart .sepetUrunSayisi { border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0px; display: block !important; }
  .mycart .sepetUrunSayisi::before { display: none; }
  .mycart .sepetUrunSayisi::after { display: none; }
  .mycart > a { display: block; width: auto; height: auto; padding: 0px; border: none; margin: 0px; background: transparent; }
  .mycart > a::before { display: none; }
  .mycart > a::after { display: none; }
  .spanTittle { font-size: 18px !important; }
  .iletisimContent .iletisimForm { width: 100%; padding: 0px; }
  .iletisimContent .AdBan { width: 100%; }
  .iletisimContent .categoryTitle { margin: 0px; }
  .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 0px 0px; }
  .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: 0px 0px 10px; padding: 10px; border: none; }
  .SifremiUnuttum { width: 100%; margin: 0px; padding: 0px; }
  .SifremiUnuttum .line { width: 100%; }
  .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
  .SifremiUnuttum .button { width: 30%; }
  .resimliYanMenu { display: none; }
  .navigation { display: none; }
  #header { border: none; padding-top: 0px; box-shadow: none; height: auto; position: fixed; left: 0px; right: 0px; top: 0px; margin-bottom: 0px !important; }
  #header.MFixed{position: fixed;}
  #header::before { display: none; }
  #header.homeHeader { border: none; }
  .headerContent { text-align: left; }
  .homeHeader .searchContent { display: block; }
  .searchContent { display: block; width: 100%; margin: 0px; height: 0px; background: rgb(255, 255, 255); overflow: hidden; position: absolute; top: 100%; left: 0px; padding: 0px; border: none; transition: all 0.1s ease 0s; }
  .searchContent.active { height: 40px; padding: 0px; overflow: visible; width: 100%; left: 0px; right: 0px; }
  .search { margin: 0px; max-width: 100%; width: 100%; position: relative; padding: 0px; display: block; }
  .search::after { display: none; }
  .search::before { display: none; }
  .search .crossclick { display: none; }
  #divAramaKategori { top: 0px; left: 0px; }
  #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
  #txtbxArama { height: 40px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0px; margin: 0px; border: 1px solid rgb(241, 241, 241); }
  .searchContent.active #txtbxArama { padding: 0px 35px 0px 10px; }
  #btnKelimeAra { width: 40px; height: 40px; right: 0px; top: 0px; line-height: 40px; text-indent: 0px; padding: 0px; left: auto; border: none; border-radius: 0px; font-size: 15px; text-align: center; background: transparent; }
  .ButtonMic { right: 40px; height: 40px; }
  .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0px; bottom: auto; text-align: center; background: transparent; border: none; padding: 0px; margin: 0px; height: 0px; border-radius: 0px; z-index: 100; overflow: hidden; transition: all 0.1s ease 0s; }
  .welcome.active { height: 40px; }
  .welcome > div { width: 100%; position: static; padding: 0px; box-shadow: none; display: block; background: transparent; margin: 0px; }
  .welcome > ul { margin: 0px; }
  .welcome > div::before { display: none; }
  .welcome::before { display: none; }
  .mobilMenu .welcome { display: block; }
  .welcome ul { float: left; width: 100%; list-style: none; padding: 0px; margin: 0px; }
  .welcome li { float: none; width: auto; vertical-align: top; flex-direction: column; display: inline-block !important; }
  .headerSocialConnect { margin-left: 0px; }
  .headerSocialConnect .baglanButton { margin-left: 10px; }
  .headerSocialConnect .baglanButton a { line-height: 40px; font-size: 13px; color: rgb(255, 255, 255); padding: 0px; }
  .headerSocialConnect .baglanButton a::before { line-height: 40px; }
  .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; font-size: 13px; line-height: 40px; color: rgb(255, 255, 255); border: none; padding: 0px; width: auto; height: auto; margin: 0px; font-weight: 500; display: inline-block !important; }
  .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
  .headerUyeGiris a::after, .headerHesabim::after, .headerCikis::after, .headerUyeOl a::after, .headerUyeGiris a::before, .headerHesabim::before, .headerCikis::before, .headerUyeOl a::before { display: none; }
  .ProductIcon { position: static; width: 100%; margin: 5px 0px 0px; float: left; padding: 5px 0px; border: none; }
  .ProductIcon .box1 { font-size: 12px; text-align: left; border: none; border-radius: 0px; width: 100% !important; line-height: 35px !important; }
  .ProductIcon .box1 i { float: left; line-height: 35px; width: 35px; height: 35px; margin-right: 5px; margin-bottom: 0px; }
  .ProductIcon > div { float: left; width: 100%; margin: 5px 0px 0px; max-width: 100% !important; }
  .ProductIcon > div > a { float: left; width: 100%; margin-bottom: 0px; transition: all 0.2s ease 0s; }
  .ProductIcon .box1::before { display: none !important; }
  .ProductIcon a:hover { padding-left: 25px; }
  .ProductIcon2 > div { width: 33.33%; padding: 0px 2.5px; }
  .ProductIcon2 > div > a { margin-right: 0px; padding: 0px 5px; width: 100%; font-size: 11px; }
  .ProductIcon2 > div.YorumYazbtnContent > a { margin-right: 0px; }
  .ProductIcon2 > div > a::before { margin-right: 4px; font-size: 12px; }
  .ProductIcon2 > div#divSocialButtons { width: 100%; margin: 10px 0px !important; }
  .ProductIcon2 > div#divSocialButtons > iframe { float: left; margin: 0px 5px 0px 0px; }
  .ProductIcon2 > div#divSocialButtons > div { float: left; margin: 0px 5px; }
  .TopDet .product_social_icon_wrapper { text-align: center; margin: 20px 0px 0px; }
  .TopDet .product_social_icon_wrapper .PaylasTit { display: none; }
  .bottomHead { float: left; width: 100%; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99999999; background: rgb(255, 255, 255); border-top: 1px solid rgb(206, 206, 206); display: block; }
  .bottomHead ul {margin: 0px;list-style: none;padding: 0px;display: flex;align-items: center;justify-content: space-around;}
  .bottomHead ul li {float: left;/* width: 20%; */}
  .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 5px 0px; color: rgb(0, 0, 0); position: relative; height: 49px; }
  .bottomHead ul li a i { display: block; margin: 0px auto 3px; font-size: 18px;font-weight: 100; }
  .FooterTop, .FooterMiddle, .FooterBottom { }
  #footer .linkler { padding: 0px; }
  #footer .linkler .blink > ul { display: block; }
  #footer .linkler .blink > ul > li { float: left; width: 100%; }
  #footer .linkler .blink > ul > li > ul { display: none; float: left; width: 100%; border-bottom: 1px solid rgb(214, 214, 214); }
  #footer .linkler .blink > ul > li > span {float: left; width: 100%; line-height: 50px; border-bottom: 1px solid rgb(214, 214, 214); margin: 0px !important; }
  #footer .linkler .blink > ul > li > span .ackapabtn { float: right; font-size: 15px; display: block; position: absolute; inset: 0px; text-align: right; }
  #footer .linkler .blink > ul > li { float: left; width: 100%; }
  #footer .linkler .blink > ul > li > ul > li { float: left; width: 100%; }
  #footer .linkler .blink > ul > li > ul > li > a { margin-bottom: 0px; line-height: 40px; }
  .ebultenDiv { width: 100%; padding: 0px; margin: 0px; }
  .ebultenGelecek { margin-top: 10px; }
  #divTicimaxCopyrightContent { float: left; width: 100%; margin-bottom: 40px; }
  #divTicimaxCopyrightContent img { display: inline-block; vertical-align: top; }
  #ticimaxCopyright { font-size: 11px; margin-top: 5px !important; }
  #back-to-top { bottom: 11%; right: 2%; }
  #back-to-top a { width: 30px; height: 30px; }
  #back-to-top a::after { line-height: 30px; }
  #footer .socialdiv { text-align: left; margin: 10px 0px; flex-direction: column; }
  #footer .socialdiv ul { display: inline-block; vertical-align: top; width: 100%; margin-top: 10px; }
  #footer .store { text-align: center; margin: 10px 0px; }
  #footer .store ul { display: inline-block; vertical-align: top; }
  .categoryContainer .categoryTitleText { padding: 0px; margin: 0px; }
  .ProductBody .categoryTitle { padding: 0px; margin: 0px; }
  body .category-vertical-filters.top-filters { width: 85%; height: calc(100% - 50px); box-shadow: none; border: none; }
  body ul.breadcrumb { white-space: nowrap; position: relative; }
  body ul.breadcrumb.zindex { z-index: -1; pointer-events: none; }
  body ul.breadcrumb::after { position: absolute; inset: 0px; 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: FontAwesomePro; font-weight: 300; line-height: 40px; margin-right: 5px; display: inline-block; vertical-align: top; }
  body ul.breadcrumb * { max-width: 25%; text-decoration: none; line-height: 40px !important; font-size: 12px !important; }
  body ul.breadcrumb li::after { line-height: 40px!important; content: "..."; margin: 0px 2px; font-size: 12px !important; }
  body ul.breadcrumb li { font-size: 0px !important;}
  body ul.breadcrumb li:last-child a span::after { display: none; }
  body ul.breadcrumb li:last-child { max-width: 68%;}
  body ul.breadcrumb li:last-child * { max-width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 10px !important; }
  body ul.breadcrumb li a span { font-size: 0px !important; }
  body ul.breadcrumb li a span::after { content: "\f105"; font-family: FontAwesomePro; display: inline-block; vertical-align: top; line-height: 40px; font-weight: 300; font-size: 14px !important; }
  .categoryTitleText { position: relative; }
  .breadList { position: absolute; left: 0px; right: 0px; top: 0px; background: rgb(255, 255, 255); padding: 10px 20px; z-index: 999; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px; }
  .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: 0px; margin: 0px; }
  .breadList .mBread ul li { float: left; width: 100%; font-size: 0px; display: block; margin-right: 0px; line-height: 1; }
  .breadList .mBread ul li a { float: left; width: 100%; font-size: 11px; color: rgb(69, 69, 69); padding: 6px 8px; position: relative; }
  .breadList .mBread ul li a::before { content: "\f148"; font-family: FontAwesomePro; font-size: 10px; position: absolute; left: -5px; top: 8px; 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: rgb(0, 0, 0); z-index: 99; }
  .categoryContainer .breadList .clbtn { right: -5px; }
  .categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; }
  .categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; }
  .categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 50%; }
  .categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 50%; }
  .categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 50%; }
  body:not(.sepetimBody) .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0px 5px; }
  .categoryContainer .ProductList { margin: 0px -5px; }
  .productItem { margin-bottom: 10px; }
  body .mobilFilterOpenBtn .button { font-size: 13px; }
  .leftImage { float: left; width: 100%; }
  .RightDetail { width: 100%; padding: 10px 0px 0px; }
  body a#linkOncekiSayfa { display: none; }
  body .leftImage a#linkOncekiSayfa { position: absolute; top: 0px; left: 0px; width: 35px; background: rgb(255, 255, 255); text-align: center; font-family: FontAwesomePro; color: rgb(0, 0, 0); z-index: 5; line-height: 35px; display: none; font-size: 0px !important; }
  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; }
  #divSatinAl { }
  .Basketinp { width: 70px; margin-top: 10px; }
  #divAdetCombo .right_line, .RightDetail .riSingle { width: 70px; }
  .Basketinp p { margin-right: 0px; width: 100%; }
  .basketBtn { width: calc(100% - 140px); margin: 10px 10px 0px; }
  .buyfast { width: 100%; margin: 10px 0px 0px; }
  #divKombinSatinAl { width: 100%; margin: 10px 0px 0px; }
  #txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input { height: 40px !important; }
  .Basketinp p, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp i, .RightDetail .riSingle a.riDown i, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, #divKombinSatinAl a { line-height: 40px; }
  .urunOzellik { display: none; }
  .urunOzellikTab { margin: 25px 0px; border-top: 1px solid rgb(215, 215, 215); display: block; float: left; width: 100%; }
  .urunOzellikTab .urunTab { float: left; width: 100%; }
  .urunOzellikTab .urunTab > ul { list-style: none; padding: 0px; margin: 0px; }
  .urunOzellikTab .urunTab > ul > li { float: left; width: 100%; border-bottom: 1px solid rgb(215, 215, 215); }
  .urunOzellikTab .urunTab > ul > li > a { color: rgb(0, 0, 0); font-size: 14px; text-transform: uppercase; line-height: 50px; float: left; width: 100%; padding: 0px 10px; }
  .urunOzellikTab .urunTab > ul > li > a::after { content: "\f078"; font-family: FontAwesomePro; font-size: 16px; float: right; }
  .urunOzellikTab .urunTab > ul > li.active > a { color: rgb(255, 255, 255); }
  .urunOzellikTab .urunTab > ul > li.active > a::after { content: "\f077"; }
  .urunOzellikTab .urunTab > ul > li.active .urunDetayPanel { display: block !important; }
  .urunDetayPanel { padding: 15px 0px; border-top: 1px solid rgb(215, 215, 215); }
  .taksitBlok { width: 100%; }
  .detaySliderContainer { margin: 10px 0px; }
  .sliderBannerContainer { margin: 10px 0px; }
  .htop { display: block; }
  .headerinfo .ticiContainer ul { width: 100%; display: flex; flex-direction: row; justify-content: center; list-style: none; padding: 0px; }
  .rowgrid { margin: 0px; }
  .Ecol2, .Ecol4, .Ecol7, .Ecol6 { width: 100%; }
  .Ecol6 { padding-right: 0px; }
  .bannerModelL a img { width: 100%; height: 10em; object-fit: cover; }
  .creditCard ul { justify-content: center; }
  .ebultenDiv { flex-direction: column; }
  .socialdiv { }
  .socialdiv span { color: white; font-weight: 600; font-size: 20px; float: left; width: 100%; margin-right: 0px; }
  .headeriletisim, .headerfav, .headerbanner { display: none; }
  .IndirimliFiyatContent .right_line * { font-size: 24px; }
  .PiyasafiyatiContent .right_line * { font-size: 20px; }
  #divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 12%; }
  .UFavorilerimeEkle { margin-top: 10px; margin-left: 0px;}
  .UFavorilerimeEkle span { padding: 5px; height: 40px !important; }
  .BasketBtn .pSatisBirimi { padding-top: 15px; }
  .rightArea { position: relative; width: 100%; bottom: 0px; height: 70px; padding-left: 15px; }
  .RightDetail .TopList { padding: 0px 15px 10px 10px; }
  .RightDetail .MiddleList { padding: 15px 15px 0px; margin: 10px 0; }
  .productItem .discountPrice span { font-size: 15px; }
  .productItem .regularPrice span { font-size: 13px; }
  .JKatAdi .bold .satir1 { margin-top: 5px; }
  .widgetsArea { margin-top: 1em; }
  #footer .footerbg .linkler .blink > ul > li > span { font-size: 16px; }
  .store span { margin-bottom: 0.75em; font-size: 18px; margin-top: 1em; }
  .creditCard { margin-top: 0em; }
  .basketBtn input { height: 40px !important; }
  .basketBtn .button { font-size: 17px; }
  .urunTabAlt { padding: 5px; }
  .head-col-3 .takimInputContent { display: flex; }
  .takimUrunAltItem > div.head-col-3 input { width: 40px; margin: 0px 2px; }
  .UrunKargoBedava .box1 { min-width: 55px; }
  #footer .linkler .blink > ul li:first-child {
    width: 100%;
  }
  body .category-vertical-filters.top-filters .list-group.dropdown li {    padding-left: 10px;}

}
@media screen and (max-width: 550px) {
  .storyArea ul li {min-width: 30%;margin: 0 5px;}
  .cargoIcon, .newIcon{top: 2px;opacity: .8;max-width: 80px;}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
}
@media screen and (min-width: 0px) and (max-width: 374px) {
}

.cerezPopupUyari {left: auto!important;right: 5px!important;}
.guvendamgasi {max-width: 75px; display: block; right: 60px; bottom: 0; position: absolute; }

/* ===================================================================
   VeterinerMalzeme — FOOTER YENİDEN TASARIMI
   Sürüm: 2026-09-15 (2. düzeltme)
   Bu blok style.css dosyasının EN SONUNA eklenir.
   Geri almak: bu bloğu silmek yeterli, başka hiçbir şey değişmez.

   Gövde fontu Barlow, başlık fontu Jost. Fontlar için dosyanın
   EN BAŞINDAKİ @import satırı gereklidir (3. satır).
   =================================================================== */

/* ---------- 1. TASARIM TOKENLARI ----------
   Footer tek yerden yönetiliyor. Renk/boşluk değiştirmek için
   artık 300 ayrı satır aramaya gerek yok — sadece burası. */
#footer{
  --vm-ink:#121C28;          /* başlık ve vurgu metni */
  --vm-body:#55657A;         /* gövde / link metni    */
  --vm-soft:#8A99AC;         /* ikincil, künye        */
  --vm-line:#E7ECF3;         /* saç teli çizgi        */
  --vm-line-2:#F1F4F9;       /* daha da soluk çizgi   */
  --vm-tint:#F5F8FC;         /* ferah bant zemini     */
  --vm-accent:#196BB5;       /* marka mavisi          */
  --vm-accent-ink:#12518C;   /* koyu tonu             */

  /* SEÇİLDİ — gövde: Barlow, başlık: Jost. */
  --vm-sans:'Barlow',AvenirRoman,-apple-system,sans-serif;
  --vm-label:'Jost',Arial,sans-serif;
  /* Başlıklar BÜYÜK HARF, 13px (11px'ten bir kademe büyütüldü).
     Harf aralığı em yerine TAM SAYI px — em ondalık piksel üretiyordu
     (0.15 × 13 = 1.95px) ve 1× ekranda harfleri piksel arasına düşürüp
     kırıklı gösteriyordu. */
  --vm-label-track:2px;
  --vm-label-size:13px;
  --vm-label-weight:700;
  --vm-label-case:uppercase;

  /* clamp()/vw ondalıklı piksel üretiyordu (3.4vw of 1400 = 47.6px) ve
     ızgara sütunlarını piksel arasına kaydırıyordu. Tam sayı adımlara geçtik;
     kırılımlara göre aşağıdaki media query'lerde değişiyorlar. */
  --vm-col-gap:48px;
  --vm-block:64px;

  background:#fff;
  color:var(--vm-body);
  font-family:var(--vm-sans);
}
#footer a{color:var(--vm-body)}
#footer a:hover{color:var(--vm-accent)}

/* Eski düzen tamamen float üzerine kuruluydu — mirası temizliyoruz */
#footer .FooterTop,
#footer .FooterMiddle,
#footer .FooterBottom,
#footer .linkler,
#footer .linkler .blink,
#footer .GuvenList,
#footer .GuvenList ul{float:none;width:auto}

/* Ortak küçük-kapital etiket — footer'ın tipografik imzası.
   Her yerde aynı: 11px, geniş harf aralığı, koyu mürekkep. */
#footer .linkler .blink > ul > li > span,
#footer .store span,
#footer .ebultenuyelik h3,
#footer .footer-brand-logos-title{
  font-family:var(--vm-label);
  font-size:var(--vm-label-size);
  font-weight:var(--vm-label-weight);
  letter-spacing:var(--vm-label-track);
  text-transform:var(--vm-label-case);
  color:var(--vm-ink);
  line-height:1.4;
}

/* ---------- 2. MARKALARIMIZ ŞERİDİ ----------
   Önceki hali: 40px ve 72px karışık yükseklikler, 7 logo 4+3 diye
   kırılıyor, ortalanmış ikinci satır dengesiz duruyordu.
   Yeni: tek satır, eşit optik ağırlık, dinlenirken soluk gri —
   üzerine gelince kendi rengine dönüyor. */
#footer .footer-brand-logos-title{
  text-align:center;
  color:var(--vm-soft);
  margin:0 0 30px;
}
#footer .footer-brand-logos{
  max-width:1300px;
  margin:0 auto;
  padding:0 20px;
  display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;
  gap:36px;                  /* tam sayı: ondalık piksel kaymasını önler */
}
#footer .footer-brand-logos img,
#footer .footer-brand-logos img.logo-hsa,
#footer .footer-brand-logos img.logo-tules{
  height:32px;               /* tam sayı */
  width:auto;
  padding:0;background:transparent;border:0;border-radius:0;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.48;
  box-shadow:none;
  transition:opacity .25s ease, filter .25s ease;
}
#footer .footer-brand-logos img:hover{
  filter:none;opacity:1;transform:none;box-shadow:none;
}

/* ---------- 3. GÜVEN ŞERİDİ ----------
   Önceki hali: beyaz üstüne soluk gri, ince ayraçlar, hiyerarşi yok.
   Yeni: hafif renkli bir bant sayfadan ayrışıyor; 5 madde saç teli
   dikey çizgilerle bölünüyor. İkonlar daire içine sokulmadı —
   kendi boyutlarında, metinle aynı taban hizasında duruyorlar. */
#footer .FooterTop{
  margin-top:var(--vm-block);
  padding:28px 0;            /* tam sayı */
  background:var(--vm-tint);
  border-top:1px solid var(--vm-line);
  border-bottom:1px solid var(--vm-line);
}
#footer .GuvenList ul{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  width:100%;
}
#footer .GuvenList ul li{float:none;width:auto;padding:0}
#footer .GuvenList ul li .glist{
  float:none;width:100%;
  display:flex;align-items:center;gap:13px;
  padding:2px 24px;          /* tam sayı */
  border:0;
  border-left:1px solid var(--vm-line);
}
#footer .GuvenList ul li:first-child .glist{border-left:0;padding-left:0}
#footer .GuvenList ul li:nth-child(even) .glist{border-left:1px solid var(--vm-line)}
#footer .GuvenList ul li .glist .gimg{
  float:none;margin:0;
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  width:30px;
  background:none;border-radius:0;
}
#footer .GuvenList ul li .glist .gimg img{
  width:auto;height:26px;max-width:30px;object-fit:contain;
  opacity:.9;filter:none;
}
#footer .GuvenList ul li .glist .gtex{
  float:none;min-width:0;
  font-size:13.5px;line-height:1.3;
}
#footer .GuvenList ul li .glist .gtex .g1{
  color:var(--vm-ink);font-weight:600;
}
#footer .GuvenList ul li .glist .gtex .g2,
#footer .GuvenList ul li .glist .gtex .lightT{
  color:var(--vm-soft);font-weight:400;font-size:13px;
}

/* ---------- 4. ANA LİNK IZGARASI ----------
   Önceki hali: float ile 50/25/25. Sağ sütun tek başına beş iş
   yapıyordu (uygulamalar + iletişim + e-bülten + blog + sosyal)
   ve sıkışıyordu. 32 maddelik kategori listesi de etiketsiz
   ikinci bir sütuna taşıp okuyucuyu şaşırtıyordu.
   Yeni: gerçek ızgara ve bilinçli asimetri — eşit üç sütun değil. */
#footer .linkler{padding:var(--vm-block) 0}
#footer .linkler .blink > ul{
  float:none;width:auto;
  display:grid;
  /* Oranlar 2.2:1:1.25 idi — toplamı 4.45, alanı tam bölmediği için
     sütunlar 617.469px gibi ondalıklı çıkıyor, başlıklar piksel arasına
     düşüyordu. 2:1:1 (toplam 4) yaygın ekran genişliklerinin çoğunda
     tam sayı veriyor. Asimetri korunuyor: kategoriler hâlâ iki kat geniş. */
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
  gap:var(--vm-col-gap);
  align-items:start;
}
#footer .linkler .blink > ul > li,
#footer .linkler .blink > ul li:first-child,
#footer .linkler .blink > ul li{
  float:none;width:auto;display:block;margin:0;
}

/* Sütun başlığı — altındaki kısa aksan çizgisi footer'ın tek süsü */
#footer .linkler .blink > ul > li > span{
  display:block;width:auto;clear:none;
  margin:0 0 20px;padding:0 0 13px;
  position:relative;
}
#footer .linkler .blink > ul > li > span::after{
  content:"";position:absolute;left:0;bottom:0;
  width:22px;height:2px;background:var(--vm-accent);
}
#footer .linkler .blink > ul > li:last-child > span{padding-bottom:13px}
#footer .linkler .blink > ul > li:last-child > span::after{display:block}
/* Akordeon +/- düğmesi yalnızca mobilde görünür (java.js her ekranda ekliyor) */
#footer .linkler .blink > ul > li > span .ackapabtn{display:none}
/* Sağ sütundaki ara başlıklar (BİZE ULAŞIN / BLOG) nefes payı alsın */
#footer .linkler .blink > ul > li > span ~ span{margin-top:34px}

/* Link listeleri */
#footer .linkler .blink > ul > li > ul{display:block;width:auto}
#footer .linkler .blink > ul > li > ul > li{float:none;width:auto;display:block}
#footer .linkler .blink > ul > li > ul > li > a{
  float:none;width:auto;display:block;
  font-size:14px;font-weight:400;line-height:1.45;
  color:var(--vm-body);
  padding:5px 0;margin:0;
  transition:color .16s ease;
}
#footer .linkler .blink > ul > li > ul > li > a:hover{
  color:var(--vm-accent);text-decoration:none;
}

/* KATEGORİLER — 32 madde tek sütunda upuzun akmasın */
#footer .linkler .blink > ul > li:first-child > ul{
  columns:2;
  column-gap:var(--vm-col-gap);
}
#footer .linkler .blink > ul > li:first-child > ul > li{
  width:auto;break-inside:avoid;
}

/* ---------- 5. SAĞ SÜTUN ----------
   Kutulanmıyor; soldan tek bir saç teli çizgiyle ayrılıyor. */
#footer .linkler .blink > ul > li:last-child{
  padding-left:var(--vm-col-gap);
  border-left:1px solid var(--vm-line);
}

/* Mağaza rozetleri */
#footer .store{float:none;clear:none;width:auto;margin:0}
#footer .store ul{display:flex;gap:9px;flex-wrap:wrap;width:100%}
/* Orijinal dosyada "#footer .store ul li{width:50%!important;float:left!important}"
   var — iki uygulama rozetini yan yana koymak için yazılmış. Flex düzende
   gereksiz ve tek öğeli blog listesini yarıya sıkıştırıp görseli kırpıyordu.
   Aynı özgüllükte olduğumuz için !important'ı !important ile geçersiz kılıyoruz. */
#footer .store ul li{float:none !important;width:auto !important;margin:0}
#footer .store ul li a{
  float:none;display:block;
  background:transparent;padding:0;border-radius:6px;
  /* overflow:hidden YOK — taşan bir görseli gizlice kırpıyordu.
     Köşe yuvarlatmayı görselin kendisine veriyoruz. */
  opacity:.92;transition:opacity .2s ease;
}
#footer .store ul li a:hover{opacity:1}
#footer .store ul li a img{height:38px;width:auto;border-radius:6px}
/* Blog görseli aynı .store yapısını kullanıyor ama oranı farklı (350×125).
   max-width:100% güvenlik ağı: kutusundan asla taşamaz, dolayısıyla kırpılamaz. */
#footer .store ul li a img[alt*="Blog"]{height:auto;width:164px;max-width:100%;border-radius:6px}

/* İletişim satırları */
#footer .ulasDiv{float:none;clear:none;margin:0}
#footer .ulasDiv ul{float:none;width:100%;display:block}
#footer .ulasDiv ul li{float:none;clear:none;margin:0;width:auto}
#footer .ulasDiv ul li a{
  float:none;display:block;
  color:var(--vm-body);font-size:14px;font-weight:400;
  padding:5px 0;
  transition:color .16s ease;
}
#footer .ulasDiv ul li a:hover{color:var(--vm-accent);text-decoration:none}

/* E-bülten — kutu değil, altı çizgili editoryal alan.
   Yuvarlak köşeli gölgeli karta dönüştürmemek bilinçli bir karar. */
#footer .ebultenuyelik{
  margin:34px 0 0;padding:0;background:none;border:0;
}
/* Diğer sütun başlıklarıyla aynı aksan çizgisini alsın */
#footer .ebultenuyelik h3{
  margin:0 0 20px;padding:0 0 13px;position:relative;
}
#footer .ebultenuyelik h3::after{
  content:"";position:absolute;left:0;bottom:0;
  width:22px;height:2px;background:var(--vm-accent);
}
#footer .ebultenuyelik > span{
  float:none;width:auto;display:block;
  color:var(--vm-soft);font-size:13.5px;margin:0 0 6px;
}
#footer .ebultenGelecek{display:block;float:none;width:auto}
#footer .ebultenGelecek #divNewsLetter{display:block;padding:0}
#footer .ebultenDiv{
  position:relative;display:block;width:100%;float:none;
  padding:0;margin:0;
}
#footer .ebultenDiv input[type=text],
#footer .ebultenDiv input[type=email],
#footer .ebultenGelecek input[type=text],
#footer .ebultenGelecek input[type=email]{
  width:100%;height:44px;
  padding:0 44px 0 0;
  background:transparent;
  border:0;border-bottom:1px solid var(--vm-ink);
  border-radius:0;
  color:var(--vm-ink);
  font:inherit;font-size:14px;
  outline:none;
  transition:border-color .18s ease;
}
#footer .ebultenDiv input::placeholder,
#footer .ebultenGelecek input::placeholder{color:var(--vm-soft)}
#footer .ebultenDiv input:focus,
#footer .ebultenGelecek input:focus{border-bottom-color:var(--vm-accent)}
#footer .ebultenDiv .newsbutton,
#footer .ebultenGelecek .newsbutton{
  position:absolute;right:0;top:0;
  width:40px;height:44px;line-height:44px;
  display:grid;place-items:center;
  background:transparent;border:0;border-radius:0;
  color:var(--vm-ink);
  cursor:pointer;font-size:15px;
  padding:0;margin:0;
  transition:color .18s ease,transform .18s ease;
}
#footer .ebultenDiv .newsbutton:hover,
#footer .ebultenGelecek .newsbutton:hover{
  background:transparent;color:var(--vm-accent);transform:translateX(3px);
}

/* Sosyal ikonlar — daire içine alınmadı, çıplak ve hafif */
#footer .socialDiv{float:none;clear:none;margin-top:30px}
#footer .socialDiv ul{display:flex;gap:4px;flex-wrap:wrap;width:100%}
#footer .socialDiv ul li{float:none;margin:0;width:auto}
#footer .socialDiv ul li a{
  float:none;
  width:36px;height:36px;
  display:grid;place-items:center;
  border:0;border-radius:0;background:transparent;
  color:var(--vm-body);font-size:17px;
  transition:color .2s ease,transform .2s ease;
}
#footer .socialDiv ul li a i{line-height:1;display:block}
#footer .socialDiv ul li a svg{width:15px;height:15px;padding:0;fill:currentColor}
#footer .socialDiv ul li a:hover{
  background:transparent;color:var(--vm-ink);transform:translateY(-2px);
}
/* Her marka kendi renginde parlasın — ama sadece üzerine gelince */
#footer .socialDiv ul li a .fa-facebook-f,
#footer .socialDiv ul li a .fa-instagram,
#footer .socialDiv ul li a .fa-youtube{color:inherit !important}
#footer .socialDiv ul li a:hover .fa-facebook-f{color:#1877F2 !important}
#footer .socialDiv ul li a:hover .fa-instagram{color:#E4405F !important}
#footer .socialDiv ul li a:hover .fa-youtube{color:#FF0000 !important}

/* ---------- 6. ALT BAR ----------
   Önceki hali: künye ortada, kartlar altında, ETBIS rozeti
   position:absolute ile sağ alta yapışmış ve hizasızdı.
   Yeni: tek satırda üç blok, doğal akışta. */
#footer .FooterBottom{
  border-top:1px solid var(--vm-line);
  background:#fff;
  padding:22px 0;
}
#footer .FooterBottom .ticiContainer{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:16px 30px;
}
#footer .copy{
  float:none;width:auto;text-align:left;margin:0;
  color:var(--vm-soft);font-size:12.5px;font-weight:400;line-height:1.5;
  flex:1 1 300px;order:1;
}
#footer .kartimg{
  float:none;width:auto;text-align:center;margin:0;
  flex:0 1 auto;order:3;
}
#footer .kartimg img{
  display:block;max-height:26px;width:auto;
  opacity:.72;filter:grayscale(1);
  transition:opacity .2s ease,filter .2s ease;
}
#footer .kartimg:hover img{opacity:1;filter:none}
#footer .guvendamgasi,
#footer #ETBIS{
  position:static !important;
  float:none;width:auto;max-width:none !important;
  margin:0;text-align:right;
  flex:0 0 auto;order:2;
  bottom:auto;right:auto;
}
#footer .guvendamgasi img{height:40px;width:auto}
#footer #ETBIS img{height:40px !important;width:auto !important}

/* ---------- 7. DUYARLILIK ----------
   Eski dosyada footer için 12 farklı kırılım noktası vardı
   (374/413/550/767/769/1024/1025/1041/1042/1159/1160/1200/1239).
   Üç tane yeterli. */

/* Dar masaüstü / tablet */
@media (max-width:1100px){
  #footer{--vm-col-gap:32px;--vm-block:52px}
  #footer .linkler .blink > ul{
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  }
  #footer .linkler .blink > ul > li:last-child{
    grid-column:1 / -1;
    padding-left:0;padding-top:34px;
    border-left:0;border-top:1px solid var(--vm-line);
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:0 var(--vm-col-gap);
    align-items:start;
  }
  #footer .linkler .blink > ul > li:last-child > span{margin-top:0}
  #footer .linkler .blink > ul > li:last-child > span ~ span{margin-top:0}
  #footer .linkler .blink > ul > li:last-child > .ebultenuyelik{margin-top:16px}
  #footer .linkler .blink > ul > li:last-child > .socialDiv{margin-top:16px}
  #footer .GuvenList ul{grid-template-columns:repeat(3,1fr);row-gap:16px}
  #footer .GuvenList ul li:nth-child(4) .glist{border-left:0;padding-left:0}
}

/* Küçük tablet */
@media (max-width:820px){
  #footer{--vm-col-gap:24px;--vm-block:44px}
  #footer .GuvenList ul{grid-template-columns:repeat(2,1fr)}
  #footer .GuvenList ul li:nth-child(odd) .glist{border-left:0;padding-left:0}
  #footer .GuvenList ul li:nth-child(even) .glist{border-left:1px solid var(--vm-line)}
  #footer .linkler .blink > ul{grid-template-columns:1fr;gap:0}
}

/* Mobil — akordeon.
   java.js:558 zaten .ackapabtn düğmesini enjekte ediyor ve slideToggle
   yapıyor; o davranışa dokunmuyoruz, sadece görünümünü düzeltiyoruz. */
@media (max-width:767px){
  #footer .linkler{padding:6px 0 26px}
  #footer .linkler .blink > ul > li{border-bottom:1px solid var(--vm-line)}
  #footer .linkler .blink > ul > li > span{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;margin:0;padding:18px 2px;
    line-height:1.3;border:0;cursor:pointer;
  }
  #footer .linkler .blink > ul > li > span::after{display:none}
  #footer .linkler .blink > ul > li > span .ackapabtn{
    display:grid;place-items:center;
    position:static;inset:auto;
    width:24px;height:24px;flex:0 0 24px;
    color:var(--vm-accent);font-size:14px;font-weight:400;
  }
  #footer .linkler .blink > ul > li > ul{display:none;border:0;padding:0 2px 16px}
  #footer .linkler .blink > ul > li:first-child > ul{columns:1}
  #footer .linkler .blink > ul > li > ul > li > a{line-height:1.5;padding:8px 0}

  /* Sağ sütun mobilde akordeon değil — içeriği açık kalıyor */
  #footer .linkler .blink > ul > li:last-child{
    display:block;border-top:0;padding-top:0;border-bottom:0;
  }
  #footer .linkler .blink > ul > li:last-child > span{
    padding:26px 2px 13px;pointer-events:none;
  }
  #footer .linkler .blink > ul > li:last-child > span::after{display:block}
  #footer .socialDiv{margin-top:20px;margin-bottom:6px}

  #footer .FooterTop{margin-top:34px;padding:18px 0}
  #footer .GuvenList ul{grid-template-columns:repeat(2,1fr);row-gap:14px}
  #footer .GuvenList ul li .glist{padding:0 12px;gap:11px}
  #footer .GuvenList ul li .glist .gimg{width:26px}
  #footer .GuvenList ul li .glist .gimg img{height:22px;max-width:26px}
  #footer .GuvenList ul li .glist .gtex{font-size:12.5px}
  #footer .GuvenList ul li .glist .gtex .g2,
  #footer .GuvenList ul li .glist .gtex .lightT{font-size:12px}

  #footer .FooterBottom .ticiContainer{
    flex-direction:column;align-items:center;text-align:center;gap:18px;
  }
  #footer .copy{text-align:center;flex:none;order:3}
  #footer .kartimg{order:1}
  #footer .guvendamgasi,#footer #ETBIS{text-align:center;order:2}
  #footer .footer-brand-logos{gap:18px 30px}
  #footer .footer-brand-logos img,
  #footer .footer-brand-logos img.logo-hsa,
  #footer .footer-brand-logos img.logo-tules{height:24px}
  #footer .footer-brand-logos-title{margin-bottom:22px}
}

/* Klavyeyle gezenler için görünür odak halkası */
#footer a:focus-visible,
#footer button:focus-visible,
#footer input:focus-visible{
  outline:2px solid var(--vm-accent);
  outline-offset:3px;
}
/* Hareket azaltma tercihine saygı */
@media (prefers-reduced-motion:reduce){
  #footer *,#footer *::before,#footer *::after{
    transition-duration:.01ms !important;animation-duration:.01ms !important;
  }
}

/* ===== VeterinerMalzeme footer tasarım bloğu sonu ===== */