/* ==================== */
/* ------FE07--BA------- */
/* ==================== */
/***/
@import url("headerstyle.css?v=12"); 
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*Fadein Css*/
.userSignUp { clear: both !important; }

@media screen and (min-width:768px) {
    @keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-moz-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-o-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    body {-webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both; }
    .hoverr:before {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .headerContent.active { -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both; }
    .mobilaf {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
}

/*Fadein Css*/
/*reset Css*/
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[hidden] { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; max-width: 1920px; margin: 0 auto; font-family: 'Open Sans', sans-serif;}
body { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; font-size: 0.8rem; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
input[type, number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
label { display: inline-block; margin-bottom: 0; }
input, button, select, textarea { line-height: inherit; }
img { display: block; border: none; max-width: 100%; }
i { font-style: normal; }
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none; color: #666; transition: background .1s ease-in-out,color .1s ease-in-out; }
a:active, a:hover { outline-width: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
select, input { font-family: 'Open Sans', sans-serif !important; }
button { -moz-appearance: none; -webkit-appearance: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical; overflow: auto; }
#divAdminPopupText { float: left; width: 100%; }
.ProductList ul { margin: 0; padding: 0; }
.blokSonYazilar ul { margin: 0; padding: 0; list-style: none; }
.blogKategori ul { margin: 0; padding: 0; list-style: none; }
.blogCenter ul { margin: 0; padding: 0; list-style: none; }
.blogRight ul { margin: 0; padding: 0; list-style: none; }
/*colgrid*/
.pull-center { display: inline-block; vertical-align: top; }
.pull-left { float: left; }
.pull-right { float: right; }
.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*colgrid*/
.fa-facebook-f:before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Open Sans', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.textbox { font-family: 'Open Sans', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.button { font-family: 'Open Sans', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0; left: 0; bottom: 0; /* display: table; */ background-color: #a94442; color: #fff; border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #a94442; position: absolute; right: 0; bottom: 0; left: 0; height: 10px; display: block; border-radius: 0 0 5px 5px; }
.cloudzoom-zoom { z-index: 999; }
.clearfix { 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 --------------------------------------------*/
.tooltip { position: absolute; z-index: -1; display: none; font-size: 10px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
.tooltip.in { opacity: 1; filter: alpha(opacity=90); z-index: 1030; display: block; }
.tooltip.top { padding: 5px 0; margin-bottom: 7px; bottom: 100%; left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px; left: 100%; top: 50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px; top: 100%; left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px; right: 100%; top: 50%; }
.tooltip-inner { min-width: auto; padding: 0 8px; line-height: 25px; color: #fff; text-align: center; font-size: 10px; text-decoration: none; border-radius: 0; white-space: nowrap; font-weight: normal; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; }
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0; }
.Magazalar #searchStore input { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: #222; border-color: #222; }
.Magazalar #searchStore .buton:hover { color: #222; }
.Magazalar .magazalarContent { float: left; width: 100%; margin-top: 50px; }
.Magazalar #nearStores { float: left; width: 100%; }
.Magazalar #nearStores > h2 { font-weight: 600 !important; color: #222; font-size: 18px; }
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0; margin: 0 0 40px; width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0; margin: 0 0 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0; font-size: 24px; font-weight: bold; line-height: 80px; text-align: left; }
.iletisimContent .categoryTitle:after { clear: left; content: ''; width: 70px; height: 1px; background: #e5e5e5; float: left; }
.iletisimContent .iletisimLeft .Left { display: none; }
.iletisimContent .iletisimLeft .Center { display: none; }
.iletisimContent .iletisimLeft .span { float: left; width: 100%; margin-top: 20px; }
.iletisimContent .iletisimLeft .Right { display: block; color: #343434; font-size: 14px; line-height: 20px; }
.iletisimContent .iletisimLeft .Right:before { color: #bababa; font-size: 20px; font-family: 'fontawesome'; width: 35px; text-align: left; font-weight: 300; float: left; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 20px; font-weight: bold; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 24px; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before { content: '\f2a0'; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before { content: '\f1ac'; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before { content: '\f3c5'; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before { content: '\f2b6'; }
.iletisimContent .iletisimRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span > div { display: block; font-size: 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin: 0 0 20px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: #343434; font-size: 14px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: 10px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; }
.iletisimContent .iletisimForm { float: left; width: 50%; padding-left: 80px; }
.iletisimContent .iletisimForm .rowLeft { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; }
.iletisimContent .iletisimForm .rowLeft .span .Right { display: block; position: relative; }
.iletisimContent .iletisimForm .rowLeft .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right { display: block; position: relative; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox { display: block; margin-bottom: 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight .span .Right textarea { border-color: #e3e3e3; background: transparent; padding: 10px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: 20px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input { padding: 0; display: block; height: 55px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; float: left; width: 100%; }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: #ff0d0d; border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { left: 0; right: 0; bottom: 0; top: auto; display: block; border-radius: 2px; }
/*------------------------------------Uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width: calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlContainer .uyeOlRow { margin: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; float: left; font-size: 13px; line-height: 14px; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: 30px 0; height: 45px; font-size: 15px; line-height: 48px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label:before { margin-right: 10px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: 20px; }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px; }
.userContainer { float: left; width: 100%; margin: 30px 0; }
.userContainer .userDivLeft,
.userContainer .userDivRight { padding: 0 15px; }
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv { float: left; width: 100%; margin: 10px 0 0; }
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label { width: 93%; float: right; }
.userContainer #chkSozlesme + label { width: 93%; float: right; }
.userContainer .userLeftBox, .userContainer .userRightBox { width: 100%; float: left; margin: 0; padding: 25px; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0; }
.userContainer .uyeGirisBeniHatirla input, .userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0; }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; }
.SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; margin: 0 auto; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin { float: left; width: 100%; text-align: center; margin: 50px 0; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: #000; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before { content: '\f00c'; font-family: 'fontawesome'; display: block; font-size: 40px; color: #097d2d; font-weight: bold; margin-bottom: 10px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 { font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span { font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; }
.taksitMain { margin: 0 -5px; }
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; padding: 0 5px; margin-bottom: 10px; }
.taksitBaslik { width: 100%; height: 20px; text-align: center; }
.taksitBaslik img { vertical-align: top; }
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }
.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }
/*Header-Footer*/
#header:before { content: ''; display: table; }
#header:after { content: ''; display: table; }
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
#header { width: 100%; position: relative; float: left; z-index: 1000; max-height: 80px; background: var(--header-bg); }
.MobilMenuAc #header .centerDiv { overflow: hidden; }
.MobilMenuAc #header .leftDiv #logo { opacity: 0; width: 0; height: 0; overflow: hidden; }
.headerContent { text-align: center; }
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }
/*logo*/
#logo { display: inline-block; vertical-align: top; float: left; transition: ease .3s all; }
#logo .logo { display: inline-block; vertical-align: top; }
#logo .logo img { display: block; max-width: 100%; }
/*sepet*/
.mycart { float: right; z-index: 99; position: relative; margin: 0;}
.mycart > a { display: block; color: var(--header-textcolor); font-size: 13px; }
.mycart > a:before { content: '\f290'; font-family: 'fontawesome'; font-weight: 300; font-size: 20px; line-height: 30px; float: left; margin-right: 0; }
/*sepettext*/
.mycart .sepetTecxt { display: block; float: left; line-height: 30px; display: none; }
.mycart .sepetUrunSayisi { display: block; position: absolute; width: 15px; height: 15px; border-radius: 100%; line-height: 15px; color: #fff; font-size: 10px; right: -8px; bottom: 3px; }
.mycart .sepetUrun { display: none; }
.sepetTopTutar { display: none !important; }
/*sepetacilir*/
.spanustSepetteUrunYok { font-size: 16px; margin: 20px 0 0 0; float: left; clear: both; text-align: center; width: 100%; font-weight: normal; }
.spanustSepetteUrunYok:before { content: '!'; font-size: 50px; vertical-align: top; border: 1px solid; display: block; width: 100px; height: 100px; line-height: 98px; border-radius: 100%; margin: 0 auto; margin-bottom: 30px; }
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { display: block !important; width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
@media (min-width: 768px){
    .mycart:hover .CartProduct { visibility: visible; opacity: 1; top: 130%; }
    .mycart:hover:after { display: block; }
}
.CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
.CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
.CartProduct ul { padding: 0; margin: 0; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
.CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 110px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 7px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .SepetTopAdet { }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'fontawesome'; font-weight: 300; color: red; }
.CartProduct .SProduct li a .fa-times:before { content: '\f1f8'; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
.CartProduct .SPrice li { font-size: 0; }
.CartProduct .SPrice li span { float: left; color: #444; font-size: 14px; text-transform: uppercase; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
.CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #434343; }
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.CartProduct.more .SPrice { display: block; }
.CartProduct.more .Title { display: block; }
.CartProduct.more .cart-footer { display: block; }
.CartProduct.more .headerCartBtn { display: block !important; }
.CartProduct.more .headerOrderBtn { display: block !important; }
.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }
.sepetimBody .searchContent { }
/*hesabim*/
.welcome { float: right; z-index: 99; position: relative; margin: 0 30px 0;line-height: 0;}
.welcome > div { float: left; }
.welcome ul { float: left; margin: 0; list-style: none; padding: 0; }
.uyeGirisWelcome, .uyeGirisUyeAdi { display: none; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis { float: left; color: #000; font-size: 0; line-height: 0; }
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before { font-family: 'fontawesome'; line-height: 30px; font-size: 20px; font-weight: 300; float: left; color: var(--header-textcolor); }
.headerUyeGiris a:before { content: '\f007'; }
.headerHesabim:before { content: '\f007'; }
.headerUyeGiris a, .headerHesabim { }
.headerUyeOl a, .headerCikis { display: none; }
/*socialbutton*/
.welcome li { display: inline-block; vertical-align: top; }
.headerSocialConnect { display: none !important; float: right; margin-left: 25px; }
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0; font-size: 12px; font-weight: normal; padding: 0; }
.headerSocialConnect .baglanButton a:before { content: "\f09a"; font-family: 'fontawesome'; margin-right: 10px; font-size: 12px; line-height: 43px; vertical-align: top; font-weight: normal; }
.usernav { display: none; }
/*Arama*/
.SearchToggle { float: right; font-size: 20px; color: var(--header-textcolor); cursor: pointer; margin:0; }

.SearchToggle i { float: left; line-height: 30px; font-weight: 300; }

.searchContent { float: left; position: absolute; left: -20px; right: -20px; background: var(--header-searchbg); z-index: -1; opacity: 0; height: 0; overflow: hidden; }
.searchContent.active { opacity: 1; height: auto; padding: 20px 10px;overflow: visible;}
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select { cursor: pointer; background: #f5f5f5; display: block; height: 36px; border: none; border-right: 1px solid #dcdcdc; width: 135px; padding: 0 0 0 15px; border-radius: 0; text-transform: uppercase; color: #807e7e; font-size: 12px; font-weight: 300; }
#divAramaKategori option { text-transform: capitalize; }
.search { display: block; margin: 0 auto; position: relative;min-height: 35px;}
.ButtonMic { display: none !important; position: absolute; right: 75px; top: 1px; padding: 0; border: none; border-radius: 0; background: transparent; color: #795f52; font-size: 14px; width: 20px; height: 40px; }
#txtbxArama { float: left; width: 100%; height: 35px; border-radius: 0; color: var(--header-searchcolor); background: transparent; border: none; padding-left: 15px; padding-right: 70px; font-size: 16px; font-weight: normal; letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxArama::-webkit-input-placeholder { color: var(--header-searchcolor); }
#txtbxArama:-moz-placeholder { color: var(--header-searchcolor); }
#txtbxArama::-moz-placeholder { color: var(--header-searchcolor); }
#txtbxArama:-ms-input-placeholder { color: var(--header-searchcolor); }
#txtbxArama:focus { color: var(--header-searchcolor); }
#btnKelimeAra { width: 55px; line-height: 35px; font-size: 16px; color: var(--header-searchbutoncolor); background: transparent; font-weight: 700; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-left: 1px solid #000; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none; transition: ease .3s all; }

.searchContent ul {padding: 0;list-style:none;}
.searchContent ul li a { line-height: 1.5;}
/*menu*/
.navigation { display: inline-block; vertical-align: top; max-width: 100%; }
.MobilMenuAc .navigation { opacity: 0; position: absolute; top: 0; z-index: -1; }

.navigation > div { z-index: 1; text-align: center; padding: 0 !important; position: static !important; }
.navigation .navUl { display: inline-block; font-size: 1vw; float: left; width: 100%; position: static; padding: 0; margin: 0; }
.navigation .navUl ul { padding: 0; margin: 0; list-style: none; }
.navigation .navUl > li { display: inline-block; vertical-align: middle; margin: 0 .2vw; }
.navigation .navUl > li > a { float: left; color: var(--header-textcolor); font-size: 14px; line-height: 40px; font-weight: 700; padding: 20px 0; }
.navigation .navUl > li:hover > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 20px; background: transparent; }
.navigation .navUl > li.ulVar:after { content: ''; position: absolute; left: 0; right: 0; top: calc(100% - 20px); height: 20px; display: none; }
.navigation .navUl > li.ulVar:hover:after { display: block; }
.navigation .navUl > li > .Flexscroll { overflow-y: auto; overflow-x: hidden; max-height: 475px; position: absolute; top: 100%; left: 0; right: 0; background: #fff; display: none; text-align: left; display: none; padding: 31px; border-top: 1px solid #e5e5e5; }
.navigation .navUl > li:hover > .Flexscroll { display: block; }
.navigation .navUl > li > ul { display: none; }
.navigation .navUl > li .Flexscroll > ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.navigation .navUl > li .Flexscroll > ul li a { color: #000000; font-weight: normal; font-size: 13px; }
.navigation .navUl > li .Flexscroll > ul > li { margin-bottom: 10px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.navigation .navUl > li .Flexscroll > ul > li > a { font-size: 14px; font-weight: 600; margin-bottom: 5px;display:table-cell; }
.navigation .navUl > li .Flexscroll > ul > li > ul { float: left; width: calc(100% - 20px); overflow-y: auto; overflow-x: hidden; max-height: 180px; }
.navigation .navUl > li .Flexscroll > ul ul ul { padding-left: 5px; }
.navigation .navUl > li .Flexscroll > ul ul ul ul { padding-left: 5px; }
/*menuacilir*/
.navigation .altMenu { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; visibility: hidden; opacity: 0; pointer-events: none; transition: all .2s ease-in-out; transform: translateY(15px) translateZ(0); -webkit-transform: translateY(15px) translateZ(0); }
.navigation .navUl > li:hover > .altMenu { visibility: visible; opacity: 1; pointer-events: visible; pointer-events: unset; -webkit-transform: none; 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; }
.navigation .altMenu .altMenuler .altmenuSol ul li a { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li:last-child a { }
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover { text-decoration: underline; }
.navigation .altMenu .altMenuler .altmenuSol > ul { }
.navigation .altMenu .altMenuler .altmenuSol > ul > li { }
.navigation .altMenu .altMenuler .altmenuSol > ul > li > a { }
.navigation .altMenu.picTrue .altMenuler .altMenuSag { width: 320px; }
.navigation .altMenu.picTrue .altMenuler .altmenuSol { width: calc(100% - 320px); }
/*yanresimlimenu*/
#header .yanResimliMenu { display: none; }
/*dilsecenegi*/
#lang_flag_container { top: 0 !important; left: 0 !important; right: auto; bottom: auto; z-index: 9999 !important; position: relative !important; float: right; margin-left: 30px; margin-top: 0; }
#lang_flag_container:after { position: absolute; width: 100%; right: 0; top: 18px; height: 20px; content: ''; display: none; }
#lang_flag_container #lang-detail { display: block !important; left: auto !important; top: 100% !important; right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; text-align: left; }
#lang_flag_container #lang-detail > .fa-times { display: none; }
#lang_flag_container:hover #lang-detail { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#lang_flag_container:hover:after { display: block; }
#lang { float: left; color: #ffff !important; font-size: 13px !important; font-weight: normal; padding: 0 0 0 25px !important; line-height: 13px !important; }
#lang span { font-weight: normal; float: left; line-height: 13px !important; white-space: nowrap;padding-right:10px;}
#lang span:after { content: '\f078'; font-family: 'fontawesome'; margin-left: 5px; font-size: 10px; font-weight: normal; line-height: 13px; float: right;position: absolute;top:0;right:0; }
#lang_flag_container:hover #lang { color: #fff !important; font-weight: normal; }
#langHover { padding: 8.5px 0 !important; float: left; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a { font-size: 11px !important; text-align: left; }
#lang-detail .currency a { font-size: 11px !important; }
#lang-detail p { font-size: 12px !important; font-weight: 700; }

/*Footer*/
#footer { float: left; width: 100%; position: relative; padding: 40px 0 0 0; margin: 80px 0 0 0; background: var(--footer-bg); }
.Footer1 { float: left; width: 100%; position: relative; padding: 40px 0; }
.FooterMenuWrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
.FooterCol { float: left; clear: both; max-width: 25%; }
.FooterCol-Title { float: left; clear: both; color: var(--footer-titlecolor); font-weight: 700; font-size: 16px; position: relative; padding-bottom: 20px; margin-bottom: 23px; }
.FooterCol-Title::after { content: ""; width: 50px; height: 2px; left: 0; bottom: 0; position: absolute; }
.FooterCol ul { float: left; clear: both; padding: 0; margin: 0; list-style: none; }
.FooterCol ul li { float: left; clear: both; margin-bottom: 15px; display: inline-block;  color: var(--footer-textcolor); transition: all 0.5s ease; vertical-align: top; font-size: 14px; }
.FooterCol ul li a { display: inline-block; color: var(--footer-textcolor); transition: all 0.5s ease; vertical-align: top; font-size: 14px; }

.Footer2 { float: left; width: 100%; position: relative; padding: 40px 0; border-top: 1px solid var(--footer-bordercolor); border-bottom: 1px solid var(--footer-bordercolor); }
.Footer2Wrap { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
.Footer3 { float: left; width: 100%; position: relative; padding: 25px 0; }
.Footer3Left { float: left; line-height: 27px; color: var(--footer-textcolor); font-size: 13px; }
.Footer3Right { float: right; }
.Footer4 { float: left; width: 100%; position: relative; }
.Footer5 { float: left; width: 100%; position: relative; }
/*ebulten*/
.ebultenGelecek { display: block; width: 100%; float: left; }
#divNewsLetter { float: left; width: 100%; position: relative; display: none; }
.ebultenGelecek #divNewsLetter { display: block; padding: 0; }
#divNewsLetter label { display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px; }
#UpdatePanel1 { position: relative; float: right; width: 100%; }
#txtbxNewsletterMail { height: 48px; background: var(--footer-ebultenbg); display: inline-block; width: 100%; text-align: left; font-weight: normal; opacity: 1; border: 2px solid var(--footer-ebultenbordercolor); border-radius: 5px; padding: 10px 145px 10px 20px; font-size: 14px; color: var(--footer-ebultencolor); transition: all 0.5s ease; }
#txtbxNewsletterMail::-webkit-input-placeholder { color: var(--footer-ebultencolor); }
#txtbxNewsletterMail:-moz-placeholder { color: var(--footer-ebultencolor); }
#txtbxNewsletterMail::-moz-placeholder { color: var(--footer-ebultencolor); }
#txtbxNewsletterMail:-ms-input-placeholder { color: var(--footer-ebultencolor); }
#txtbxNewsletterMail:focus { color: var(--footer-ebultencolor); }
.Ebulten-In .newsbutton { color: var(--footer-ebultenbutoncolor); width: 100px; height: 48px; line-height: 48px; font-size: 14px; font-weight: normal; 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; text-transform: uppercase; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: var(--footer-ebultenbutonbgcolor); }
.Ebulten-In .newsbutton:hover { background: #9b9b97; }

#footer .FooterEbulten { width: 880px; max-width: 100%; }
#footer .FE-Title { color: var(--footer-titlecolor); font-weight: 700; font-size: 18px; margin-bottom: 27px; }
#footer .Ebulten-In { float: left; clear: both; width: 100%; }
/*footersocial*/
#footer .FooterSocial { float: left; clear: left; }
#footer .FC-Title { color: var(--footer-titlecolor); font-weight: 700; font-size: 18px; margin-bottom: 27px; }
#footer .FooterSocial ul { padding: 0; margin: 0; list-style: none; }
#footer .FooterSocial ul li { float: left; margin-right: 20px; }
#footer .FooterSocial ul li:last-child { margin-right: 0; }
#footer .FooterSocial ul li a { float: left; display: block; }
#footer .FooterSocial ul li a i { display: inline-block; vertical-align: top; background: var(--footer-sosyalmedyabg); width: 40px; height: 40px; line-height: 40px; text-align: center; color: var(--footer-sosyalmedyacolor); border-radius: 100%; font-size: 16px; transition: ease .3s all; font-weight: 300; }
/*store*/
#footer .FooterApp { float: left; clear: left; }
#footer .FooterApp ul { padding: 0; margin: 0; list-style: none; }
#footer .FooterApp ul li { float: left; margin-right: 20px; }
#footer .FooterApp ul li:last-child { margin-right: 0; }
#footer .FooterApp ul li a { float: left; color: #c4c4c4; font-size: 17px; }
#footer .FooterApp ul li a i { display: inline-block; vertical-align: top; line-height: 17px; }
/*yukaribtn*/
#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: #333; color: #fff; border-radius: 100%; font-size: 14px; border: 2px solid #fff; }
#back-to-top a:after { content: '\f077'; font-family: 'fontawesome'; display: inline-block; vertical-align: top; line-height: 36px; }
/*Footer*/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent { float: left; width: 100%; margin: 30px 0; position: relative; }
.homeContainer .ProductListContent .ProductList { display: block; margin: 0 auto; }
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px; width: 25%; max-width: 25%; }
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;padding: 10px;}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;}
.owl-item li { display: flex; }
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer #divCenterBlock .ProductList { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.categoryContainer .ProductListContent .productItem { margin-bottom: 20px; }
.ItemOrj { float: left; padding: 0 10px; }
.categoryContainer .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
/*urun*/
.productItem { width: 100%; position: relative; text-align: center; display: inline-block; float: left; /* font-size: 0; */ }
.productItem .productIcon { width: 100%; height: 100%; }
/*urunresim*/
.productItem .productIconWrap { overflow: hidden; width: 100%; padding: 0; position: absolute; top: 0; left: 0; right: 0; }
.productItem .productImage { position: relative; overflow: hidden; width: 100%; padding: 0; z-index: 2; }
.productItem .productImage a.detailLink { display: block; position: relative; }
.productItem .productImage .Videolu { display: block; position: relative; }
.productItem .productIconWrap, .productItem .productImage .Videolu, .productItem .productImage a.detailLink { padding-bottom: var(--urun-box-boyut); }
.productItem .productImage img { max-width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
.productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
/*urunaciklama*/
.productItem .productDetail { display: block; float: left; width: 100%; text-align: left; height: auto; padding: 0 0 0 0; }
/*urunad*/
.productItem .productName { position: relative; margin: 10px 0 0 0; float: left; width: 100%; }
.productItem .productName a { float: left; width: 100%; padding: 0; line-height: 18px; height: 18px; font-weight: 600; font-size: 15px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*urun yildiz*/
.productItem .productPoints { margin: 10px 0 0 0; }
.productItem .productPoints .rating { margin: 0; float: left; }
.productItem .productPoints .rating i { font-size: 13px; line-height: 13px; display: block; float: left; margin-right: 3px; }
/*urunfiyat*/
.productItem .productPrice { position: relative; bottom: 0; margin: 10px 0 0 0; float: left; clear: both; }
.productItem .discountPrice { display: block; float: right; }
.productItem .discountPrice span { color: #000; font-size: 20px; line-height: 0.8; font-weight: 600; }
.productItem .discountKdv, .productItem .regularKdv { display: none; }
.productItem .regularPrice { display: block !important; float: left; margin-right: 10px; margin-top: 1px; }
.productItem .regularPrice span { font-size: 14px; color: #999; -moz-text-decoration-color: #999; text-decoration-color: #999; line-height: 0.8; font-weight: normal; text-decoration: line-through; }
/*onyazimarka*/
.productItem .productMarka { font-size: 13px; line-height: 18px; margin: 10px 0 0 0; float: left; clear: both; display: block !important; }
.productItem .productStokKodu { color: #000; font-size: 13px; line-height: 18px; margin: 5px 0 0 0; float: left; clear: both; }
.productItem .productSatisBirimi { color: #000; font-size: 13px; line-height: 18px; margin: 5px 0 0 0px; float: left; clear: both; }
.productItem .productOnYazi,
.productItem .productOnYazi * { background: none !important; font-family: 'Open Sans', sans-serif !important; color: #000; font-size: 13px; line-height: 18px; margin: 0 !important; }
.productItem .productOnYazi { float: left; width: 100%; max-height: 36px; overflow: hidden; margin: 10px 0 0 0 !important; }
/*Urun Iconlari*/
.discountIcon span, .mycartIcon a span { font-weight: normal; }
.favori a, .examineIcon a, .mycartIcon a { display: block; font-size: 0; }
.productItem .itemCategory { display: none !important; }
.examineIcon a:before, .favori a:before, .mycartIcon a:before { font-family: 'fontawesome'; display: inline-block; vertical-align: top; }
.favori, .examineIcon { display: inline-block; vertical-align: middle; text-align: center; }
.mycartIcon { display: block; float: left; }
.mycartIcon a span { font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 700; line-height: 45px; }
.favori a:before { content: '\f004'; font-size: 18px; font-weight: normal; color: #fff; line-height: 45px; width: 40px; display: block; }
.examineIcon a:before { content: '\f002'; font-size: 18px; font-weight: normal; color: #fff; line-height: 45px; width: 40px; display: block; }
.productItem .productEx { position: absolute; bottom: 0; left: 0; right: 0; background: #000; text-align: right; padding: 0 10px; height: 0; overflow: hidden; transition: ease .3s; z-index: 8; }
.productItem:hover .productEx { height: 45px; }
.productItem.StokYok .productEx { text-align: center; }
.productItem .productIconLeft { position: absolute; left: 10px; top: 10px; z-index: 8; }
.productItem .productIconRight { position: absolute; right: 10px; top: 10px; z-index: 8; }

.newIcon { display: block; width: 50px; height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; margin: 2.5px 0; float: left; clear: both; }
.cargoIcon { display: block; width: 60px; height: 34px; line-height: 12px; overflow: hidden; font-size: 12px; padding: 5px 5px; float: right; clear: both; margin: 2.5px 0; }
.urunListSonUrun { display: block; width: 50px; height: 34px; line-height: 12px; overflow: hidden; font-size: 12px; padding: 5px 5px; float: right; clear: both; margin: 2.5px 0; }
.firsatIcon { display: block !important; width: 50px; height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; padding: 0 5px; margin: 2.5px 0; float: left; clear: both; }
.urunListStokUyari { display: block; width: 70px; height: 34px; line-height: 12px; overflow: hidden; color: #000; font-size: 12px; padding: 5px 5px; clear: both; margin: 2.5px 0; float: right; }
.hizliKargoIcon { display: block; width: 50px; height: 34px; line-height: 12px; overflow: hidden; color: #000; font-size: 12px; padding: 5px 5px; float: right; clear: both; margin: 2.5px 0; }
.ozelAlanEx { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 10px 0; font-size: 0; transition: ease .3s all; opacity: 1; z-index: 8; }
.ozelAlanEx > div { width: auto; height: 25px; line-height: 23px; overflow: hidden; font-size: 12px; padding: 0 5px; z-index: 3; display: inline-block; vertical-align: middle; margin: 2.55px; }
.ozelAlanEx > div.resimli { opacity: 1; background: #fff; border: 0; padding: 0; height: auto; }
.ozelAlanEx > div.resimli img { }
.ozelAlanEx > div * { margin: 0 !important; padding: 0 !important; font-size: 12px !important; }
.discountIcon { display: block; position: static; width: 50px; height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; float: left; clear: both; margin: 2.5px 0; }
.productItem .quickViewIco { bottom: 0; top: 0; height: 30px; left: 0; right: 0; margin: auto; z-index: 8; }
.productItem:hover .quickViewIco { display: inline-block; vertical-align: top; }
.productItem .quickViewIco a { font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 30px; display: inline-block; vertical-align: top; padding: 0 10px; }
.productItem .quickViewIco a:hover { background: #000; }
body .productItem .productTimer { position: static !important; padding: 0; font-size: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; -webkit-justify-content: space-around; -ms-justify-content: space-around; background: #fafafa; padding: 10px 0; margin: 0; }
body .productItem .productTimer > span.productTimerContent { min-width: inherit; }
body .productItem .productTimer > span.productTimerContent > span:first-child { border: 0; font-size: 14px; line-height: 14px; display: block; font-weight: 600; }
body .productItem .productTimer > span.productTimerContent > span:last-child { display: block; font-size: 10px; color: #000; line-height: 10px; margin: 2.5px 0 0 0; font-weight: normal; }
/*tukendi*/
.TukendiIco { z-index: 5; border-radius: 0; background: rgba(255,255,255,0.3); position: absolute; right: 0; left: 0; top: 0; height: 100%; overflow: hidden; }
.TukendiIco span { line-height: 30px; position: absolute; max-width: 100px; border: none; font-size: 13px; font-weight: 600; padding: 0; border-radius: 0; text-transform: uppercase; height: 30px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
/*stokyok*/
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none !important; }
/*playbuton*/
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; z-index: 1; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { color: #fff; float: left; width: 100%; height: 100%; position: static; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: 'fontawesome'; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: 0; text-shadow: 0 0 4px #848484; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before { content: '\f28b'; }
/*ekbutonlar*/
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco { display: none !important; }
.boxBedenlerContent { display: block !important; float: left; width: 100%; margin: 10px 0 0 0; }
.boxBedenlerContainer { width: 100%; float: left; overflow: hidden; overflow-y: auto; height: 27px; text-align: left; }
.boxBedenlerContainer > div { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 2px; }
.boxBedenlerContainer > div > div { font-size: 13px; line-height: 23px; border: 1px solid #eee; padding: 0 5px; }
.boxBedenlerContainer > div > div.noStokUrunListe { text-decoration: line-through; background: #eee; }
.boxBedenlerContainer > div:first-child { margin-left: 0; }
.boxBedenlerContainer > div:last-child { margin-right: 0; }
.boxBedenlerContainer > div > a { display: block; }
.boxBedenlerContainer > div > a img { max-height: 20px; }

.categoryContainer .ProductList.PlSc_hrz { margin: 0; }
.categoryContainer .ProductList.PlSc_hrz .productItem .divVideoPlayButton { right: 75%; }
.categoryContainer .ProductList.PlSc_hrz .productItem { width: 100%; float: left; margin: 0 0 30px 0; position: relative; }
.categoryContainer .ProductList.PlSc_hrz .ItemOrj:last-child .productItem { position: relative; }
.categoryContainer .ProductList.PlSc_hrz .productImage { float: left; width: 25%; position: static; }
.categoryContainer .ProductList.PlSc_hrz .ozelAlanEx { left: calc(25% + 27.5px); text-align: left; bottom: 0; padding-bottom: 0; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconRight { right: 0; top: 0; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconRight > div { margin: 0 0 10px 0 !important; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productDetail { width: 75%; height: auto; padding: 0 100px 0 30px; border: none; /* position: relative; */ }
.categoryContainer .ProductList.PlSc_hrz .productItem .productFaMyEx { }
.categoryContainer .ProductList.PlSc_hrz .productItem .newIcon { bottom: auto; top: 5px; right: 80px; left: auto; }
.categoryContainer .ProductList.PlSc_hrz .productItem .discountIcon { bottom: auto; top: 5px; right: 20px; left: auto; }
.categoryContainer .ProductList.PlSc_hrz .TukendiIco { height: 100%; width: 25%; right: auto; }
.categoryContainer .ProductList.PlSc_hrz .productItem .quickViewIco { right: auto; left: 0; width: 25%; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productEx { bottom: 0; left: 25%; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productTimer { float: left; width: 25%; position: absolute !important; left: 0; bottom: 0; top: auto; }
.categoryContainer .ProductList.PlSc_hrz .boxBedenlerContent { margin: 0; }
.categoryContainer .ProductList.PlSc_hrz .productItem .productIconWrap {padding-bottom: 0;width: 0;height: 0;position: static;}

/*******************************************KATEGORi**********************************/
.Block_Title { display: none; }
.noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }
/*kategoriAciklama*/
.categorydesign { float: left; width: 100%; font-size: 13px; line-height: 2; overflow: hidden; overflow-y: auto; padding: 10px; border: 1px solid #eee; margin-bottom: 30px; max-height: 100px; }
.categorydesign .Blok { margin: 0; }
.leftBlock .categorydesign { display: block; }
.categorydesign * { }
.categorydesign strong { font-weight: bold; }
.categorydesign strong * { font-weight: bold; }
.categorydesign img { margin-bottom: 20px; }
.categorydesign img.sol { float: left; margin-right: 10px; }
.categorydesign img.sag { float: right; margin-left: 10px; }
.categorydesign img.orta { margin: 0 auto; }
.categorydesign img.full { width: 100%; }

/*breadcrumb*/
.breadList.breadActive { display: none !important; }
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto; display: block !important; padding: 0; border-radius: 0; float: none; list-style: none; }
body ul.breadcrumb * { color: #fff; font-size: 14px; line-height: 50px; float: left; font-weight: normal; }
body ul.breadcrumb li { font-size: 0 !important; float: none !important; vertical-align: middle; }
body ul.breadcrumb li:after { display: inline-block; margin: 0 10px; color: #fff; content: '\f054'; font-family: 'fontawesome'; font-size: 14px; line-height: 50px; float: left; font-weight: 300; }
body ul.breadcrumb li:nth-child(1) a:before { content: '\f015'; font-family: 'fontawesome'; float: left; font-size: 20px; line-height: 50px; 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: 50px; }
body.ProductBody ul.breadcrumb * { color: #000; font-size: 13px; }
body.ProductBody ul.breadcrumb li:after { color: #000; font-size: 10px; margin: 0 5px; }
body.ProductBody ul.breadcrumb li:nth-child(1) a:before { font-size: 16px; }
.leftImage a#linkOncekiSayfa { display: none; }
/*ustalan*/
.categoryTitleText { float: left; width: 100%; }
.categoryTitle { float: left; width: 100%; }
.CategoryBody .categoryTitleText { margin-bottom: 30px; padding: 50px 0; }
.KategoriAdi { float: left; width: 100%; text-align: center; color: #fff; display: inline-block; vertical-align: top; line-height: 50px; font-size: 30px; }
body #divSayfalamaUst { float: right; margin: 0; padding: 0; text-align: center; }
.urunListRel { width: 100%; float: left; position: relative; }
.brandlistselection { display: inline-block; vertical-align: top; margin: 0; float: left; width: 100%; margin-bottom: 30px; }
.brandlistselection .clear { clear: none; display: none; }
.brandlistselection ul { padding: 0; margin: 0; list-style: none; }
.brandlistselection .sortingContent { background: #ddd; }
.brandlistselection .sortingContent li { float: left; background: transparent; border-radius: 0 !important; }
.brandlistselection .sortingContent li a { background: transparent; border-radius: 0 !important; }
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }
.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; }
/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 10px 10px 0; height: auto; background: 0 0; border: 1px solid #ebecee; width: auto; border-radius: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet { display: none; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter:not(.FiltrelemeKaldir ) a { min-width: 32px; margin: 0; border: #ebecee; border-left: 1px solid #eee; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: fontawesome; line-height: 32px; color: #252525; font-size: 12px; font-weight: 300; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #333; font-size: 12px; text-align: left; font-weight: 400; margin: 0; line-height: 32px; padding-left: 14px; padding-right: 21px; }
.filterColorBg { display: none !important; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: #333; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: 0 0; line-height: 1; margin: 0; padding: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 32px; font-weight: 400; font-size: 13px; text-align: center; margin: 0; width: 100%; color: #fff; padding: 0 10px; }
/*sayfalama*/
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin: 0; }
.pageNumber { float: right; text-align: right; margin: 0; display: none; }
.pageNumber a { }
.pageNumberContent { }
.pageNumberBottom { float: right; text-align: right; margin: 80px 0 50px 0; padding: 0; width: 100%; display: block; vertical-align: middle; text-align: center; }
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; }
.pageNumberContent a, .pageBorder a { min-width: 35px; height: 35px; line-height: 33px; font-size: 15px; font-weight: normal; color: #333; border-radius: 0; border: none; float: left; position: relative; display: block; text-align: center; margin: 0 5px; border: 1px solid #fafafa; }
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled { opacity: 1 !important; }
.pageNumberContent a:hover, .pageBorder a:hover { color: #fff; }
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa { color: #fff; }
.KategoriFilitrelemeContent .Block_Title { display: none; }
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMainRow { float: left; width: 100%; }
.TopDet { float: left; width: 100%; position: relative; margin: 0; }
.leftImage { width: 480px; float: left; position: relative; padding: 0; }
.RightDetail { width: calc(100% - 480px); float: left; position: relative; padding: 0 0 0 50px; }
/*Urun Resim*/
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images, #divVideoGoruntulemeAlan { float: right; width: 100%; padding-bottom: var(--urun-box-boyut); position: relative; }
.Images img, #vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages { display: block !important; float: left; width: calc(100% + 10px); margin: 5px -5px 0 -5px; }
.SmallImages div { float: left; width: calc(20% - 10px); margin: 5px; cursor: pointer; }
.SmallImages div.active, .SmallImages div:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
.SmallImages div:last-child { }
.SmallImages div img { max-width: 100%; max-height: 100%; }

.leftImage .productTimer { }
.DetayYeniUrun { display: none !important; }
/*sagalan*/
.RightDetail .TopList { float: left; width: 100%; }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; }
/*urunadi*/
.ProductName { float: left; position: relative; margin: 0 0 10px 0; clear: both; }
.ProductName h1 { margin: 0; float: left; width: 100%; }
.ProductName h1 span { float: left; width: 100%; display: inline-block; color: #000; font-size: 18px; font-weight: 600; }
/*stokkodu*/
#divUrunKodu { float: left; clear: left; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0; margin: 0 0 10px 0; }
#divUrunKodu span { display: inline-block; vertical-align: top; color: #050505; font-size: 14px; font-weight: 600; position: relative; line-height: 14px; float: left; }
#divUrunKodu span:after { content: ':'; margin: 0 4px; }
/*taksitaciklama*/
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: 10px; width: 100%; }
#divTaksitAciklama .taksitSatir { color: #000; font-size: 14px; }
/*paunver*/
.RightDetail .puanVer { float: left; clear: left; }
.RightDetail #PuanVer { float: left; margin-bottom: 13px; }
.RightDetail .PuanVerSag { float: left; font-size: 14px; color: #2a2929; margin-left: 5px; font-weight: 600; line-height: 17px; display: none; }
.RightDetail ul.rating { float: left; padding: 0; margin: 0; list-style: none; }
.RightDetail ul.rating li { margin-right: 5px !important; width: 14px !important; float: left; height: 14px; }
.RightDetail ul.rating li i.starItem { font-size: 11px !important; line-height: 14px; height: 14px; font-weight: 300; font-family: fontawesome; }
.RightDetail ul.rating li i.starItem:before { content: '\f005' !important; }
.RightDetail ul.rating li i.starItem:hover { font-size: 14px !important; font-weight: 600; }
.RightDetail ul.rating li.filled i { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.hover > i.fa { font-weight: 600; }
.RightDetail .rating-stars ul > li.star.selected > i.fa { font-weight: 600; }
/*markaresmi*/
.markaresmi { float: left; position: absolute; right: 10px; top: 10px; z-index: 3; }
.markaresmi a { float: left; }
.markaresmi img { max-width: 100px !important; float: left; max-height: 50px; }
/*magazastok*/
#divMagazaStok { float: left; clear: left; margin: 10px 0 0 !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }
/*on yazi*/
#divOnyazi { float: left; width: 100%; }
#divOnyazi .teksatir { margin-bottom: 10px; float: left; width: 100%; font-size: 13px; }
#divOnyazi h2 { font-weight: normal; font-size: 100%; }
#divOnyazi * { font-family: 'Open Sans', sans-serif !important; font-size: 13px; line-height: 1.3; }
#divOnyazi strong { font-weight: bold; }
#divOnyazi strong * { font-weight: bold; }
#divOnyazi i { font-family: 'fontawesome' !important; margin-right: 12px; }
/*fiyatlar*/
.urunDetayFiyatContainer { }
.PriceList { float: left; position: relative; width: 100%; padding: 0; margin: 10px 0 0; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#pnlFiyatlar { display: inline-block; vertical-align: middle; }
#divIndirimliFiyat { display: block; width: 100%; }
/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
#divIndirimOrani { float: left; clear: left; margin-bottom: 13px; line-height: 14px; }
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
#divIndirimOrani .left_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line,
#divIndirimOrani .center_line { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: 500; 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: #555; font-size: 14px; font-weight: normal; line-height: 14px; width: auto; }
#divIndirimOrani .left_line, #divIndirimOrani .center_line { display: none; }
#divIndirimOrani { width: 53px; height: 53px; line-height: 50px; text-align: center; color: #fff; font-weight: 700; letter-spacing: 0; font-size: 0; border-radius: 100%; float: none; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; overflow: hidden; }
#divIndirimOrani .right_line { color: #fff; font-size: 16px; font-weight: 600; line-height: 53px; }
#divIndirimOrani .right_line * { color: #fff; font-size: 16px; font-weight: 600; line-height: 53px; }
#divMarka .left_line, #divMarka .center_line { display: none; }
/*piyasa fiyati*/
.PiyasafiyatiContent { display: block; line-height: 0.8; float: left; width: 100%; }
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none; }
.PiyasafiyatiContent .right_line { display: inline-block; vertical-align: top; }
.PiyasafiyatiContent .right_line * { display: inline-block; vertical-align: top; font-weight: normal; text-decoration: line-through; line-height: 0.8; color: #999; font-size: 18px; }
.PiyasafiyatiContent .right_line .spanKdv { vertical-align: bottom; font-size: 10px; margin-left: 10px; }
/*indirimli fiyati*/
.IndirimliFiyatContent { display: block; line-height: 0.8; float: left; clear: both; margin: 10px 0 0 0; }
.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: 13px; line-height: 1; margin-left: 10px; }
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block; line-height: 0.8; }
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none; }
#divTurkLirasiFiyat .right_line { display: inline-block; }
#divTurkLirasiFiyat .right_line * { display: inline-block !important; vertical-align: top; line-height: 0.8; }
/*indirimsiz fiyati*/
#divIndirimsizFiyat { display: block; line-height: 0.8; }
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 13px; font-weight: normal; }
#divIndirimsizFiyat .right_line * { display: inline-block !important; vertical-align: top; }
#divIndirimsizFiyat .right_line .spanKdv { vertical-align: bottom; font-size: 14px; margin-left: 10px; }
/*kdv dahil fiyati*/
#divKDVDahilFiyat { display: block; line-height: 0.8; float: left; margin: 20px 0 5px 0; }
#divKDVDahilFiyat .left_line { display: inline-block; vertical-align: bottom; color: #000; font-size: 14px; font-weight: normal; float: right; margin-left: 15px; line-height: 1; margin-top: 4px; }
#divKDVDahilFiyat .center_line { display: none; }
#divKDVDahilFiyat .right_line * { display: inline-block !important; vertical-align: top; }
/*fiyatrenk*/
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
.griuygula #divIndirimsizFiyat .right_line.indirimliFiyat span { color: #999; font-weight: normal; font-size: 24px; }
.griuygula #divIndirimsizFiyat .right_line.indirimliFiyat span.spanKdv { font-size: 14px; }
#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: 30px; font-weight: 600; }
/*Stok yok*/
body #divStokYok { float: left; width: 100%; margin: 15px 0; font-size: 14px; color: #000; font-weight: normal; text-align: center; padding: 5% 0; background-color: #f2f5f6; border-radius: 0; clear: both; }
body #divStokYok:before { content: '\f057'; font-family: 'fontawesome'; font-weight: 300; width: 100%; float: left; font-size: 30px; margin-bottom: 20px; }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler { float: left; clear: left; margin-top: 20px; font-size: 0; }

#divEkstraBilgiler img { display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 20px; }
.btnnostok i.fa { font-family: 'FontAwesome'; }
.btnnostok i.fa-circle-thin:before { content: "\f111"; font-weight: 300; }
.btnnostok i.fa-check-circle:before { content: "\f058"; }
#divProductImageCarousel { font-size: 0; }
/*detay sayac*/
body .TopDet .productTimer { position: absolute !important; padding: 0 !important; font-size: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; -webkit-justify-content: space-around; -ms-justify-content: space-around; background: rgb(250 250 250 / 80%) !important; padding: 10px 0 !important; margin: 0; bottom: 0; border: 1px solid #eee; }
body .TopDet .productTimer > span.productTimerContent > span:first-child { border: 0; font-size: 20px !important; line-height: 20px; display: block; font-weight: 600 !important; color: #000 !important; text-align: center; }
body .TopDet .productTimer > span.productTimerContent > span:last-child { display: block; font-size: 14px !important; color: #000 !important; line-height: 14px; margin: 2.5px 0 0 0; font-weight: normal !important; width: 100%; text-align: center; }
/*detay ozel alan*/
.DetayOzelAlanWrap { float: left; width: 100%; }
.DetayOzelAlanWrap > div { border: 1px solid #eee; display: inline-block; vertical-align: top; margin: 20px 20px 0 0; line-height: 38px; padding: 0 10px; }
.DetayOzelAlanWrap > div.resimli { padding: 0; border: 0; }
.DetayOzelAlanWrap > div.resimli img { }
/*detay siparis dosya*/
#divUrunSiparisDosya { float: left; clear: both; margin: 20px 0 0 0; }
#divUrunSiparisDosya > div:first-child { line-height: 13px; color: #000; font-size: 13px; font-weight: 600; margin: 0 0 15px 0; }
#divUrunSiparisDosya > br { display: none; }
#divUrunSiparisDosya .jfilestyle { margin: 0; }
#divUrunSiparisDosya .jfilestyle .filedrag { }
#divUrunSiparisDosya .jfilestyle input[type=text] { height: 45px; background: transparent; border: 0; padding: 0; line-height: 40px; font-size: 14px; float: right; margin-left: 10px; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle { float: left; margin: 0; width: 130px; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label { margin: 0; color: #000; line-height: 43px; padding: 0; border-radius: 0; width: 130px; border: 1px solid #eee; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span { font-size: 14px; font-weight: 500; display: block; transition: ease .3s all; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span:hover { color: #fff; }

#divUrunKisiselNot { float: left; clear: both; width: 100%; margin: 15px 0 0 0; }
#divUrunKisiselNot > div:first-child { line-height: 13px; color: #000; font-size: 13px; font-weight: 600; margin: 0 0 15px 0; }
#divUrunKisiselNot > br { display: none; }
#divUrunKisiselNot input { height: 45px; border: 1px solid #eee; padding: 0 15px; font-size: 13px; }
/*detay dinamik form*/
.MiddleList > .ng-scope { float: left; clear: both; width: 100%; margin: 20px 0 0 0; }
.selectcontrol:after { content: '\f107'; line-height: 45px; vertical-align: top; margin-left: 10px; font-size: 18px; font-family: fontawesome; font-weight: 300; position: absolute; right: 10px; z-index: 2; pointer-events: none; }
body .divUrunDetayDinamikForm { float: left; width: 100%; margin: 20px 0; }
body .dinamikFormContainer label.dinamikFormBaslik { font-size: 20px; font-weight: 600; color: #000; padding: 0; line-height: 22px; margin-bottom: 20px; }
body #frmDinamikForm label { padding: 0; line-height: 1; margin-bottom: 10px; font-size: 14px; font-weight: 600; }
body .dinamikFormContainer fieldset label { float: left; clear: none; margin-top: 10px; }
body .dinamikFormContainer select { float: left; height: 45px; color: #000000; font-size: 14px; font-weight: normal; padding: 0 18px; border-radius: 0; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; border: 1px solid #eee; }
body .dinamikFormContainer input[type=tel] { padding: 0px 15px 0 55px; font-size: 14px; height: 45px; border: 1px solid #eee; width: 100%; }
body .dinamikFormContainer input[type=radio] { margin: 0 5px 0 0; width: 13px; height: 13px; display: inline-block; vertical-align: top; }
body .dinamikFormContainer .textbox { padding: 0 15px; font-size: 14px; height: 45px; border: 1px solid #eee; }
body .dinamikFormContainer h3 { margin: 0; border-color: #eee; font-weight: 600; font-size: 15px; line-height: 1; padding: 0 0 10px 0; }
body #frmDinamikForm > div { margin-bottom: 20px; float: left; width: 100%; }
body #frmDinamikForm > div:last-child { margin: 0; }
body #frmDinamikForm .jfilestyle { margin: 0; }
body #frmDinamikForm .jfilestyle input[type=text] { height: 45px; background: transparent; border: 0; padding: 0; line-height: 40px; font-size: 14px; float: right; margin-left: 10px; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle { float: left; margin: 0; width: 130px; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle label { margin: 0; color: #000; line-height: 43px; padding: 0; border-radius: 0; width: 130px; border: 1px solid #eee; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span { font-size: 14px; font-weight: 500; display: block; transition: ease .3s all; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span:hover { color: #fff; }
/*varyasyonlar*/
#divUrunEkSecenek { float: left; width: 100%; position: relative; margin: 10px 0 0 0; }
#divUrunEkSecenek .eksecenekLine { clear: none !important; margin: 13px 0; float: left; width: 100%; }
#divUrunEkSecenek .eksecenekLine:last-child { /* margin-bottom: 0 !important; */ border: none; padding-bottom: 0; }
#divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 100%; line-height: 13px; color: #000; font-size: 13px; font-weight: 600; margin: 0 0 15px 0; }
#divUrunEkSecenek .eksecenekLine .center_line { display: none; }
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block; vertical-align: top; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box { float: left; cursor: pointer; text-align: center; font-size: 13px; position: relative; color: #000; font-weight: normal; margin-right: 10px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }
/*selectvaryasyon*/

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line:after { content: '\f107'; line-height: 45px; vertical-align: top; margin-left: 10px; font-size: 18px; font-family: fontawesome; font-weight: 300; position: absolute; right: 10px; z-index: 2; pointer-events: none; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { min-width: 100%; float: left; height: 45px; border: 1px solid #eee; color: #000; font-size: 13px; font-weight: normal; padding: 0 10px; background: #fff; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }
/*resimlivaryasyon*/

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 40px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { min-width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #eee; border-radius: 0; padding: 0 8px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child { margin-right: 0; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { color: #fff; background: #000; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff; }
/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; background: #f5f3f3 !important; color: #7a7979 !important; border-color: #e4dfdd; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.nostok img { opacity: .5; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.nostok:before { content: '\f00d'; font-family: fontawesome; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; text-align: center; line-height: 40px; color: #fff; font-weight: 300; opacity: 1; z-index: 2; font-size: 30px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine:not(.resimlivaryasyon) .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px; margin: 0 auto; background: red; left: 0; right: 0; top: 50%; position: absolute; }
/*ilgili Urunler*/
.TopDet .ilgiliUrunSecenek { display: block; float: left; width: 100%; margin: 30px 0 0 0; padding: 0; }
.TopDet .ilgiliUrunSecenek ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.TopDet .ilgiliUrunSecenek ul li { float: left; width: 60px; margin: 10px 20px 10px 0; border-radius: 0; overflow: hidden; border: 1px solid #eee; transition: ease .3s all; }
.TopDet .ilgiliUrunSecenek ul li .productItem { border: none; width: 100%; float: left; padding: 0; box-shadow: none !important; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productTimer { display: none !important; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage { padding: 0; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage a.detailLink { }
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage a.detailLink:before { display: none !important; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productIconWrap { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productIcon { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .urunListeAdet { display: none !important; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail:before { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productDetail:after { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .productName { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .TukendiIco { display: none; }
.TopDet .ilgiliUrunSecenek ul li .productItem .boxBedenlerContent { display: none !important; }
/*satinal*/
#divSatinAl { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; }
.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: 50px !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: 50px; }
/*Adet Select*/
#divAdetCombo { display: block !important; position: relative; float: left; clear: left; }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; max-width: 100% !important; }
#divAdetCombo .right_line:after { content: '\f107'; line-height: 50px; vertical-align: top; margin-left: 10px; font-size: 18px; font-family: fontawesome; font-weight: 300; position: absolute; right: 10px; z-index: 2; pointer-events: none; }
#divAdetCombo select { width: 100%; padding: 0 20px; text-align: left; }
/*Adet input*/
.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0; }
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 30px !important; font-size: 10px; color: #000; background: transparent; top: 0; font-weight: normal; position: absolute; margin: 0 !important; float: left; cursor: pointer; text-indent: 0; text-align: center; }
.RightDetail .riSingle a.riUp { left: auto; right: 0; }
.RightDetail .riSingle a.riDown { left: 0; }
/*adetveselect*/
.Basketinp { display: block; position: relative; float: left; clear: left; }
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2 { color: #000; font-size: 14px; font-weight: 600; margin: 0; float: left; clear: left; display: block; line-height: 1; margin-bottom: 10px; }
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi { width: 100% !important; text-align: center; display: inline-block; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff; color: #000; border: 1px solid #eee; font-size: 16px; font-weight: 600; float: left; margin: 0; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn,
.buyfast { float: left; margin-left: 20px; width: calc(50% - 65px); margin-bottom: 20px; }
#divKombinSatinAl a,
.buyfast input,
.basketBtn input { color: #fff; font-weight: 500; font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 0; letter-spacing: 0; border: none; border-radius: 0; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }
.basketBtn input:hover { background: #000; }
/*Hemen Al*/
.buyfast input:not(:hover) { background: #000; }
.buyfast input { }
/*kombin Al*/
.buyfast + #divKombinSatinAl { width: 100%; margin: 0 0 10px 0; }
.BottomList > #divKombinSatinAl { margin: 20px 0 10px 0; width: 100%; }
#divKombinSatinAl { }
#divKombinSatinAl a { margin: 0 !important; }
#divKombinSatinAl a:not(:hover) { background: #ff6a00; }
/*Iconlar*/
.ProductIcon { float: left; width: 100%; margin: 0; }
.ProductIcon .box1 { padding: 0; margin: 0; min-width: 0; background: transparent; color: #000; font-size: 14px; font-weight: normal; float: left; line-height: 40px; }
.ProductIcon .box1 i { font-family: 'fontawesome'; margin: 0 10px 0 0; display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; line-height: 38px; width: 40px; height: 40px; border: 1px solid #eee; text-align: center; }
.ProductIcon .UGelinceHaberVer .box1 i:before { content: '\f0a1'; }
.ProductIcon > div { float: left; position: relative; margin: 10px 20px 10px 0; }
.ProductIcon > div > a { display: inline-block; vertical-align: top; width: 100%; }
/*yazdiryorumtavsiye*/
.ProductIcon2 { float: left; width: 100%; margin: 20px 0 0 0; }
.ProductIcon2 .clear { clear: none; }
.ProductIcon2 > div { float: left; }
.ProductIcon2 > div > a { float: left; font-size: 12px; text-transform: uppercase; margin-right: 20px; padding: 0 18px; line-height: 31px; background: #f5f3f3; color: #000; font-weight: 600; }
.ProductIcon2 > div > a:before { font-family: 'fontawesome'; font-size: 16px; line-height: 31px; margin-right: 7px; vertical-align: top; font-weight: 300; }
.ProductIcon2 > div.YorumYazbtnContent > a:before { content: '\f303'; }
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before { content: '\f164'; }
.ProductIcon2 > div.hidden-phone > a:before { content: '\f02f'; }
.ProductIcon2 > div > a:hover { color: #fff; }
/*paylas*/
.TopDet .product_social_icon_wrapper { float: left; width: 100%; display: block !important; font-size: 0; margin-top: 10px; }
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; color: #000; font-size: 14px; font-weight: 600; line-height: 30px; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul { display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0; }
.TopDet .product_social_icon_wrapper ul li { float: left; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul li:last-child { margin-right: 0; }
.TopDet .product_social_icon_wrapper ul li a { float: left; color: #fff; background: #000; font-size: 14px; border-radius: 100%; text-align: center; width: 30px; }
.TopDet .product_social_icon_wrapper ul li a i { line-height: 30px; display: inline-block; vertical-align: top; font-weight: 300; }
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a { background: #3b5999; }
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a { background: #55acee; }
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a { background: #bd081c; }
.TopDet .product_social_icon_wrapper ul li:nth-child(4) a { background: #6dc33a; }
/*whatsapp*/
.socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; }
#divSocialButtons > *:not(script) { float: none; display: inline-block !important; vertical-align: top; }
.socialButons iframe { float: left; }
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px; }
.divYorumYaz, #yorumYaz { min-height: 220px; }
/*Kombin Urunler*/
#kombinUrunler { max-width: 600px; }
#kombinUrunler .kombinContent { float: left; width: 100%; }
#kombinUrunler .kombinContent ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
#kombinUrunler .kombinContent ul li { display: block; float: left; width: 100%; padding: 25px; margin: 0; border: none; border-bottom: 1px solid #ececec; }
#kombinUrunler .kombinContent ul li.kombinToplamTutar { display: none; }
#kombinUrunler .kombinContent ul li.KombinTopluSatinAlimBtn a { float: left; width: 100%; font-weight: 500; font-size: 13px; line-height: 25px; }
#kombinUrunler .kombinContent ul li.KombinTopluSatinAlimBtn a:not(:hover) { background: #000; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinleftImage { width: 140px; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinRightDetail { width: calc(100% - 140px); padding-left: 20px; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinImages img { max-width: 100%; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinFormline { float: left; width: 100%; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinFormline .kombinright_line { color: #000; font-size: 16px; font-weight: bold; }
#kombinUrunler .kombinContent ul li.kombinItem .kombinImages .selectedImagesLink { margin: 5px 0 0 0; display: block; }
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari { float: left; width: 100%; margin: 10px 0; }
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari > div { margin: 5px 0; }
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari .kombinFiyat1 { font-size: 15px; font-weight: normal; line-height: 1; }
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari .kombinFiyat2 { color: #e90000; font-size: 18px; font-weight: bold; line-height: 1; }
#kombinUrunler .kombinContent ul li.kombinItem #divFiyatAlanlari .kombinFiyat2 span { }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinUrunEkSecenek { }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi { float: left; width: 100%; margin-bottom: 10px; }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinleft_line { color: #000000; font-size: 12px; line-height: 25px; font-weight: bold; }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line { }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line a { width: auto; float: left; height: 30px; border: 1px solid #e3e3e3; font-size: 13px; color: #000; line-height: 28px; font-weight: normal; min-width: 30px; min-height: 30px; margin-right: 10px; padding: 0; }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line a.selected { color: #fff; }
#kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line a img { width: auto; max-height: 28px; }
#kombinUrunler .kombinContent ul li.kombinItem .PriceListKombin > a { float: left; width: 120px; height: 35px; line-height: 35px; padding: 0; background: #000; font-size: 13px; }
.RightDetail #divUrunDetayKombin { margin: 30px 0 0 0; float: left; width: 100%; }
.RightDetail #kombinUrunler .kombinContent ul li { padding: 15px 0; }
/*Detay zoom slider*/
.leftImage .ProductGallery { float: left; width: 100%; }
.leftImage .ProductGallery .gallery-container { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -o-flex-direction: column-reverse; justify-content: space-between; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
.leftImage .ProductGallery .gallery-container .GalleryArea { float: left; width: 100%; margin: 0; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb { border: none; background: 0 0; position: static; float: left; width: 100%; height: 100%; margin: 5px 0 0 0; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list { overflow-y: auto; padding: 0; width: auto; margin: 0 -5px; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list > div { float: left; width: calc(20% - 10px); cursor: pointer; margin: 5px; }
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav { display: block; width: auto; padding: 0; top: 40%; }
.leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span { display: none; }
/*urun ozellik Bolumu*/
.urunOzellikTab { display: none; }
.urunOzellik { float: left; width: 100%; margin: 50px 0 0 0; display: block; border: 1px solid #fafafa; }
.urunOzellik .urunTab { float: left; width: 100%; background: #fafafa; text-align: center; }
.urunOzellik .urunTab ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; list-style: none; }
.urunOzellik .urunTab > ul > li { float: left; }
.urunOzellik .urunTab > ul > li:last-child { margin-right: 0; }
.urunOzellik .urunTab > ul > li > a { cursor: pointer; color: #000; font-size: 16px; float: left; font-weight: 600; line-height: 50px; padding: 0 20px; position: relative; }
.urunOzellik .urunTab > ul > li.active > a:after { content: '\f0d7'; font-family: fontawesome; position: absolute; bottom: -6px; font-size: 20px; line-height: 8px; left: 0; right: 0; margin: auto; }
.urunOzellik .urunTab > ul > li > a span { font-weight: 600; }

.urunDetayPanel { float: left; width: 100%; clear: none !important; border: none; padding: 30px; }
.urunTabAlt { float: left; width: 100%; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz { padding: 0 0 10px; width: 100%; }
.urunTabAlt #txtOneriMail { margin: 0; padding: 0 10px; width: 100% !important; border: 1px solid #eee; height: 45px; }
.urunTabAlt #txtOneriNot { width: 100%; margin: 0; padding: 10px; width: 100% !important; background: #fff; border: 1px solid #eee; }

.yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }
.urunDetayPanel .button { color: #fff; }

.urunTabAlt { font-family: 'Open Sans',sans-serif !important; padding: 0; }
.urunTabAlt * { font-family: 'Open Sans',sans-serif !important; }
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important; display: none; }
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }

.orders .order-info i { margin-top: 0 !important; }
#btnYorumKaydet { float: left; text-align: center; -moz-appearance: none; -webkit-appearance: none; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.tabUrunOneriler ul { list-style: none; padding: 0; margin: 0; }
.tabUrunOneriler ul li { float: left; width: 100%; }
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important; line-height: normal; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 2px; }
.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; }

body .teknikDetay { border: 0; float: left; width: 100%; background: #fafafa; padding: 10px 20px; margin: 20px 0 0 0; }
body .teknikDetay .teknikDetayItem { position: relative; padding-left: 20px; margin: 5px 0; float: left; width: 100%; }
body .teknikDetay .teknikDetayItem:before { content: ''; width: 10px; height: 10px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }
body .teknikDetay .teknikDetayItem:nth-child(odd) { background: transparent; }
body .teknikDetay div div.t1 { padding: 0; font-size: 14px; line-height: 1.5; width: auto; }
body .teknikDetay div div.t1:after { content: ':'; float: right; }
body .teknikDetay .teknikDetayItem div.t2 { border: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 1.5; color: #000; width: auto; }
body .teknikDetay div div.t2 { }
/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler { float: left; width: 100%; padding: 0; margin: 50px 0 0; background: #fff; text-align: center; font-size: 0; }
#divEtiketler .productModuleTitle { float: left; color: #202122; font-size: 18px; width: 100%; text-align: center; line-height: 18px; margin: 0 0 20px 0; }
#divEtiketler a { color: #fff; font-size: 13px; line-height: 30px; padding: 0 10px; display: inline-block; vertical-align: top; margin: 5px; border: 1px solid; }
#divEtiketler span { display: none; }
#divEtiketler a:hover { background: #fff; border: 1px solid #eee; color: #000; }
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative; width: 100%; padding: 0 !important; margin: 0 !important; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display: block; float: left; width: 100%; text-align: center; position: relative; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { line-height: 26px; color: #000; padding: 0; position: relative; z-index: 1; font-size: 22px; font-weight: 600; margin-bottom: 20px !important; text-align: left; display: block; }
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav { display: block !important; }
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav { z-index: 2; position: absolute; right: 20px; top: calc(50% - 20px); left: 20px; }
#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, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext { color: #000; background: #fff; border-radius: 100%; border: none; width: 40px; height: 40px; cursor: pointer; text-align: center; position: absolute; font-size: 0; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev { left: 0; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGallerynext, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next { right: 0; }
#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, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev:before, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next:before { font-family: 'fontawesome'; font-size: 16px; line-height: 40px; font-weight: normal; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .InstaGalleryprev:before, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev:before { content: '\f053'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before,
.owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGallerynext:before, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next:before { content: '\f054'; }
#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, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev:hover, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next:hover { color: #fff; }

#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots { display: none; }
/*urunslider*/
.sliderBannerContainer { float: left; width: 100%; position: relative; margin: 80px 0 0 0; }
.sliderBannerContainer .Block_Link { display: none; }
.sliderBannerContainer .ProductList { display: block !important; margin: 0 auto; }
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite { float: left; width: 100%; }
.leftBlock .sliderBannerContainer { margin: 0 0 40px 0; }
.leftBlock .sliderBannerContainer .JKatAdi .bold .satir1 { display: block; line-height: 30px; font-size: 18px; color: #222; padding: 0; font-weight: 600; padding-bottom: 15px; margin-bottom: 30px; position: relative; border-bottom: 2px solid #eee; }
.leftBlock .sliderBannerContainer .JKatAdi .bold .satir1:after { content: ""; width: 60px; height: 3px; left: 0; bottom: -2px; position: absolute; }
.landing-block .sliderBannerContainer { margin: 0 !important; }
/*detayurunslider*/
.detaySliderContainer { float: left; width: 100%; position: relative; margin: 50px 0 0 0; }
.detaySliderContainer .ProductList { display: block !important; margin: 0 auto; }
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite { float: left; width: 100%; }
/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
#pnlSlider ul { list-style: none; padding: 0; margin: 0; }
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block; }
#pnlSlider .flex-control-nav { position: absolute; bottom: 30px; right: 0; left: 0; font-size: 0; }
#pnlSlider .flex-control-paging li { margin: 0 5px; }
#pnlSlider .flex-control-paging li a { float: right; width: 15px; height: 15px; border-radius: 100%; border: none; box-shadow: none; text-shadow: none; background: #fff; border: 1px solid; }
#pnlSlider .flex-direction-nav { position: absolute; top: calc(50% - 27px); left: 20px; right: 20px; }
#pnlSlider .flex-direction-nav li { display: inline-block; vertical-align: top; }
#pnlSlider .flex-direction-nav .flex-nav-prev { float: left; }
#pnlSlider .flex-direction-nav .flex-nav-next { float: right; }
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next { border: none; background: transparent; width: auto; height: auto; border-radius: 0; top: 0; margin: 0; padding: 0; box-shadow: none; opacity: 1; font-size: 0; position: relative; text-shadow: none; text-align: center; }
#pnlSlider .flex-direction-nav .flex-prev { left: 0; }
#pnlSlider .flex-direction-nav .flex-next { right: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before { font-family: 'fontawesome'; font-size: 26px; font-weight: 300; line-height: 54px; width: 54px; height: 54px; background: #fafafa; border-radius: 100%; color: #000; transition: ease .3s all; }
#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:before,
#pnlSlider .flex-direction-nav .flex-next:hover:before { color: #fff; }
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; background: #fff; text-align: center; }
#pnlSlider .HPSItems .flex-control-thumbs li { display: inline-block; vertical-align: top; float: none; max-width: 100%; }
#pnlSlider .HPSItems .flex-control-thumbs img { opacity: 1; }
#pnlSlider .HPSItems .flex-control-thumbs .flex-active { }
.HomePageSlideShowContainer { float: left; width: 100%; position: relative; }
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider { float: left; width: 100%; margin: 80px 0 0 0; }
.markaSlider .jCarouselLite { display: block; margin: 0 auto; }
.markaSlider .owl-carousel { float: left; width: 100%; padding: 20px 5%; border: 1px solid #f1f1f1; border-radius: 5px; }
.markaSlider .owl-carousel .owl-stage-outer { }

.markaSlider:before { content: ''; display: table; clear: both; }
.markaSlider ul { padding: 0; margin: 0; list-style: none; }
.markaSlider ul li a { max-width: 100%; vertical-align: middle; padding-bottom: 65px; background: transparent; border-radius: 0; overflow: hidden; display: block; }
.markaSlider ul li a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-filter: grayscale(0); filter: grayscale(0); }
.markaSlider ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa { color: #fff; }
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Open Sans', 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; }
.searchClick, .mycartClick, .welcomeOpen { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent { display: none; }
#store_region_container { display: none; }
#ticimaxCopyright { float: left; width: 100%; }
section { float: left; width: 100%; }
.sepetimBody .Basketstep ul li.pasif { opacity: 1; }
.sepetimBody ul { padding: 0; margin: 0; list-style: none; }
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .categorydesign::-webkit-scrollbar, .boxBedenlerContainer::-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, .categorydesign::-webkit-scrollbar-track, .boxBedenlerContainer::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track { background: #efefef; }
#divOnyazi::-webkit-scrollbar-thumb, .categorydesign::-webkit-scrollbar-thumb, .boxBedenlerContainer::-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: var(--theme-color); }
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, .productItem .productIconLeft > div, .TukendiIco span, #pnlSlider .flex-direction-nav .flex-prev:hover:before, #pnlSlider .flex-direction-nav .flex-next:hover:before, #pnlSlider .flex-control-paging li a.flex-active, .FooterCol-Title::after, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, .pageNumberContent a:hover, .pageBorder a:hover, .leftBlock .panel-heading a:after, body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before, body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before, .menuUstBolum, .CategoryBody .categoryTitleText, #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, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, #pnlSlider .flex-control-paging li a.flex-active, .HeaderFavori span, .mycart .sepetUrunSayisi, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before, body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before, body .mobilFilterOpenBtn .button, .leftBlock .Block_Title span:after, .leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a:before, .leftBlock .sliderBannerContainer .JKatAdi .bold .satir1:after, body #hizliBakis .UrunuIncele a, body #hizliBakis .hizliBakis_DiscountRate, body #hizliBakis .kombinFormline .kombinright_line div div a.selected, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, #divIndirimOrani, body .teknikDetay .teknikDetayItem:before, #divEtiketler a, #kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line a.selected, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-prev:hover, .leftImage .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav .owl-next:hover, #divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span:hover, body #frmDinamikForm .jfilestyle .focus-jfilestyle label span:hover, body .leftImage a#linkOncekiSayfa, body #divMobileImageList .owl-dots .owl-dot.active { background: var(--theme-color); }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, #txtbxNewsletterMail:hover, .OdemeMenu ul li.activeMenu, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, .pageNumberContent a:hover, .pageBorder a:hover, body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before, body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before, #pnlSlider .flex-control-paging li a.flex-active, #pnlSlider .flex-control-paging li a, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .TopDet #IlgiliUrunDiv ul li.active, .TopDet #IlgiliUrunDiv ul li:hover, #kombinUrunler .kombinContent ul li.kombinItem .divKombinEksecenekTipi .kombinright_line a.selected, body .dinamikFormContainer .textbox:focus, body .dinamikFormContainer select:focus, #divUrunKisiselNot input:focus { border-color: var(--theme-color);; }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: var(--theme-color); }
.tooltip.right .tooltip-arrow { border-right-color: var(--theme-color); }
.tooltip.left .tooltip-arrow { border-left-color: var(--theme-color); }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: var(--theme-color); }
.baglanButton { border-color: transparent; }
.sepetimBody .Basketstep ul li.aktif:after { border-top-color: var(--theme-color); }
.sepetTitle .st_1, body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, .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, .productItem .productPrice.IndirimVar .discountPrice span, .productItem .productMarka, body .productItem .productTimer > span.productTimerContent > span:first-child, .YanUyeGirisi .Block_Text ul li > span, .SepetBlockInfo td.SepetBlockTotal, .SepetBlockGenelTotal td:last-child, .leftBlock .Sayfalar ul li a:hover, .leftBlock .YanUyeGirisi .Block_Text > a, .leftBlock .SonEklenenUrunler ul li a:hover, .leftBlock .SonEklenenUrunler ul li a:before, .leftBlock .Haberler ul li a:hover, .leftBlock .Duyurular ul li a:hover, .leftBlock .DovizKurlari ul li a span:last-child, .leftBlock .Anket #divBlokAnketSonuclari > div .anketSonucOy, body #hizliBakis .hizliBakis_Price, .hizliBakis_marka, #divAdetCombo .right_line:after, #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line:after, .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .left_line, #divMarka .right_line *, .ProductIcon .box1:hover, .urunOzellik .urunTab > ul > li.active > a, .kombinItem .kombinImages .selectedImagesLink, body #frmDinamikForm .jfilestyle input[type=text], .welcomeOpen.active, .selectcontrol:after, .spanustSepetteUrunYok { color: var(--theme-color); }
.button:hover, .userLoginBtn:hover, #footer .FooterSocial ul li a:hover i, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle, .ProductIcon2 > div > a:hover { background: var(--theme-color); }
.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, .navigation .navUl > li .Flexscroll > ul li a:hover, .CartProduct .SProduct li a:nth-child(2):hover *, .mycartIcon a:hover span, .favori a:hover:before, .examineIcon a:hover:before, .boxBedenlerContainer > div > div:not(.noStokUrunListe):hover, .Blog-Step3 a:hover, .FooterCol ul li a:hover, body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after, body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span, body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i, body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, body #divSayfalamaUst.Slct .blockSelect a:hover i, body #divSayfalamaUst.Slct .blockSelect a.Active i, body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:after, .bottomHead ul li:nth-child(3) a, body #divSayfalamaUst .filterDeleteContent .appliedFilter a:hover i, .SearchToggle.active, body #lang-detail p, .navigation .navUl > li > a:hover, .YanUyeGirisi .Block_Text ul li a:hover { color: var(--theme-color); }
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, #pnlSlider .flex-control-paging li a.flex-active, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before, body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before, body #hizliBakis .kombinFormline .kombinright_line div div a.selected { border-color: var(--theme-color); }

.siparisOzetTakip, .productItem .productIconLeft > div, .TukendiIco span { color: #fff; }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet { background: #fff; }
/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: #9e1a20 !important; color: #fff !important; }
body .adresGir .yesilButon:hover { background: #406d20 !important; color: #fff !important; }
.productItem .productIconRight > div, .ozelAlanEx > div { background: rgba(255,255,255,0.8); border: 1px solid #eee; }
/*------------------------------------Sabit Renkler--------------------------------------------*/
body { background: #fff; }
/*SliderYanblok*/
.bottomHead { display: none; }
#divSliderYani { display: none; }
.HomeImageBlock { float: left; width: 100%; overflow: hidden; margin: 80px 0 0 0; }
.HomeImageBlock li { list-style: none; }
.HomeImageBlock a { float: left; width: 100%; overflow: hidden; position: relative; }
.HomeImageBlock a img { display: block; max-width: 100%; }
.banner-animation { position: relative; float: left; width: 100%; }
.banner-animation::before { background: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 50%; top: 0; opacity: 1; width: 0; z-index: 2; pointer-events: none; }
.banner-animation::after { background: rgba(255, 255, 255, 0.6); content: ""; left: 0; position: absolute; right: 0; top: 50%; bottom: 50%; opacity: 1; width: 0; z-index: 2; pointer-events: none; }
.banner-animation:hover::before { left: 0; right: 0; width: auto; transition: all 900ms ease; opacity: 0; }
.banner-animation:hover::after { top: 0; bottom: 0; width: auto; transition: all 900ms ease; opacity: 0; }
.ackapabtn { display: none; }


/*siteozelalan*/

.logoArea { display: flex; display: -webkit-flex; padding: 0px;height: 80px; justify-content: space-between; align-items: start; -webkit-justify-content: space-between; -webkit-align-items: start; font-size: 1vw; }
.logoArea .centerDiv { display: flex; display: -webkit-flex; width: calc(100% - 620px);height: 100%; justify-content: center; -webkit-justify-content: center; position: relative; }
.logoArea .leftDiv { display: flex; width: 310px; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; overflow: hidden;height: 100%;}
.logoArea .rightDiv { display: flex; width: 310px; justify-content: flex-end; -webkit-justify-content: flex-end;height: 100%;align-items: center;-webkit-align-items: center;}
.HeaderLogo a { height: 80px; display: flex; display: -webkit-flex; align-items: center; }
.HeaderLogo a img { max-height: 60px !important; width: auto !important; }
.HeaderFavori { float: right; color: var(--header-textcolor); margin: 0 0 0 25px; position: relative; }
.HeaderFavori i { font-weight: 300; font-size: 20px; line-height: 30px; display: block; }
.HeaderFavori span { display: block; position: absolute; width: 15px; height: 15px; border-radius: 100%; line-height: 15px; color: #fff; font-size: 10px; right: -8px; bottom: 3px; }
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }

/*guven ikonlari*/
.TrustIcons { float: left; width: 100%; overflow: hidden; margin: 80px 0 0 0; padding: 0 20px; }
.TI-List { float: left; width: 100%; }
.TI-List ul { padding: 0; margin: 0; list-style: none; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin: 0 -20px; }
.TI-List ul li { max-width: 25%; padding: 0 20px; }
.TI-Wrap { display: inline-block; vertical-align: top; text-align: center; }
.TI-Wrap:hover img { bottom: -5px; }
.TI-Img { display: inline-block; vertical-align: top; height: 78px; }
.TI-Img img { max-height: 78px; transition: ease .3s all; position: relative; bottom: 0; }
.TI-Text { float: left; width: 100%; margin: 30px 0 0 0; }
.TIT-Step1 { font-size: 16px; font-weight: 600; margin-bottom: 15px; color: #000; line-height: 16px; }
.TIT-Step2 { font-size: 14px; color: #777; line-height: 24px; }
/*guven ikonlari*/

/*blog html*/
.Blog { float: left; width: 100%; background: #fafafa; padding: 40px 20px; overflow: hidden; margin: 80px 0 0 0; }
.Blog-Title { float: left; width: 100%; line-height: 26px; color: #000; font-size: 22px; font-weight: 600; text-align: left; display: block; }
.Blog-Text { float: left; width: 100%; line-height: 18px; color: #000; font-size: 14px; font-weight: normal; margin: 10px 0 30px 0; text-align: left; }
.Blog-List { float: left; width: 100%; }
.Blog-List ul { padding: 0; margin: 0; list-style: none; }
.Blog-Wrap { float: left; width: 100%; }
.Blog-Img { float: left; width: 100%; }
.Blog-Detail { float: left; width: 100%; padding: 20px 0 0 0; }
.Blog-Step1 { font-size: 20px; line-height: 1.5; font-weight: 600; position: relative; text-transform: capitalize; color: #24262b; }
.Blog-Step2 { font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.75; position: relative; visibility: visible; color: #777; margin: 10px 0 0 0; }
.Blog-Step3 { margin: 20px 0 0 0; }
.Blog-Step3 a { color: #24262b; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 20px; }
.Blog-Step3 a:after { content: '\f061'; font-family: 'FontAwesome'; font-weight: 300; margin-left: 10px; font-size: 10px; display: inline-block; vertical-align: top; }

/*blog html*/

.mobilMenuAcButton { float: left; color:var(--header-textcolor); font-size: 24px; z-index: 99; cursor: pointer; position: absolute; visibility: hidden; }
.mobilMenuAcButton i { float: left; line-height: 30px; font-weight: 300; }
.mobilMenuAcButton span { float: right; line-height: 30px; font-size: 13px; font-weight: 500; margin-left: 10px; }
.MobilMenuAc .mobilMenuAcButton { visibility: visible; }
.MobilMenuAc .leftDiv #logo { position: absolute; visibility: hidden; }

body #formGlobal { left: 0; position: relative; transition: left .3s ease-in-out; }
body.transform.overflow { overflow-x: hidden; }
body.transform #formGlobal { left: 360px; }
.menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; margin-top: 0; background: var(--header-bg); }
.menuUstBolum .CloseBtnMenu { float: right; line-height: 80px; color: var(--header-textcolor);; font-size: 30px; width: 80px; text-align: center; margin: 0; cursor: pointer; }
.menuUstBolum .CloseBtnMenu i { font-weight: 300; }
.menuUstBolum .mobilMenuBT { float: left; color: var(--header-textcolor);; font-size: 13px; padding-left: 35px; cursor: pointer; }
.menuUstBolum .mobilMenuBT i { float: left; font-size: 24px; line-height: 80px; margin-right: 10px; font-weight: 300; }
.menuUstBolum .mobilMenuBT span { float: left; font-weight: 500; line-height: 80px; }
.mobilaf { position: fixed; right: 0; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1001; display: none; }
.mobilaf.acik { display: block; }
.mobilMenu {position: fixed;left: 0;top: 0;bottom: 0;width: 360px;z-index: 99999;background: #fff;left: -360px;transition: left.3s ease-in-out;}
.mobilMenu.acik {left: 0;}
.mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 81px); position: absolute; top: 81px; right: 0; left: 0; overflow-y: auto; overflow-x: hidden; }
.mobilMenu .navUl { float: left; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; }
.mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e8e8e8; position: relative; padding: 0 0 0 20px; }
.mobilMenu .navUl > li > a, .mobilMenu .navUl > li > ul li a { color: #000000; font-size: 16px; font-weight: 600; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; }
.mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2 { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
.mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i { line-height: 50px; font-size: 30px; float: right; font-weight: 300; }
/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul { position: fixed; left: -100%; top: 81px; bottom: 0; width: 360px; background: #fff; z-index: 3; transition: all .3s ease-in-out; overflow-y: auto; overflow-x: hidden; padding: 0; margin: 0; list-style: none; }
.mobilMenu .navUl > li ul.over { overflow-y: hidden; }
.mobilMenu .navUl > li > ul.active, .mobilMenu .navUl > li > ul li ul.active { left: 0; }
.mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span { position: relative; float: left; width: 100%; color: #000000; font-size: 18px; font-weight: 500; line-height: 55px; padding-left: 70px; border-bottom: 1px solid #e5e5e5; }
.mobilMenu .navUl > li > ul > span span, .mobilMenu .navUl > li > ul li ul > span span { z-index: 0; position: relative; }
.mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 55px; text-align: left; z-index: 1; padding-left: 35px; font-size: 20px; cursor: pointer; }
.mobilMenu .navUl > li > ul > span .NoiBack i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i { font-weight: normal; }
/*Resimsiz Menu*/
/*Sol Blok Title*/
.leftBlock .Block_item { float: left; clear: both; width: 100%; margin-bottom: 40px; }
.leftBlock .Block_Title { display: block; }
.leftBlock .Block_Title span { display: block; line-height: 30px; font-size: 18px; color: #222; padding: 0; font-weight: 600; padding-bottom: 15px; margin-bottom: 30px; position: relative; border-bottom: 2px solid #eee; }
.leftBlock .Block_Title span:after { content: ""; width: 60px; height: 3px; left: 0; bottom: -2px; position: absolute; }
/*Sol Blok Title*/
/*Sol Blok Uye Giris*/
.leftBlock .YanUyeGirisi .Block_Text ul { padding: 0; margin: 0; list-style: none; float: left; width: 100%; }
.leftBlock .YanUyeGirisi .Block_Text ul li { font-size: 14px; line-height: 1; margin-bottom: 20px; float: left; width: 100%; clear: both; }
.YanUyeGirisi .Block_Text ul li a { font-size: 14px; line-height: 1; color: #000; }
.leftBlock .YanUyeGirisi .Block_Text > a { font-size: 14px; line-height: 1; }
/*Sol Blok Uye Giris*/
/*Sol Blok Ebulten ve Marka*/
.leftBlock #ulBulletin { padding: 0; margin: 0; list-style: none; }
.leftBlock #ulBulletin > li { float: left; width: 100%; margin-bottom: 20px; }
.leftBlock #ulBulletin > li ul { max-width: 290px; }
.leftBlock #ulBulletin > li:first-child input { width: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #eee; font-size: 14px; height: 45px; padding-top: 0; padding-bottom: 0; }
.leftBlock #ulBulletin > li:first-child input[type=email] { padding: 0 10px; }
.leftBlock #divMarkaContent input { width: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #eee; font-size: 14px; height: 45px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; }
.leftBlock #ulBulletin > li:last-child { margin-bottom: 0; }
.leftBlock #ulBulletin > li button, .leftBlock #divMarkaContent button { padding: 0 10px; line-height: 30px; }
.leftBlock #divMarkaContent button { margin-top: 20px; }
/*Sol Blok Ebulten*/
/*Sol Blok Sayfalar ve Haberler*/
.leftBlock .Sayfalar, .leftBlock .Haberler, .leftBlock .Duyurular, .leftBlock .DovizKurlari { }
.leftBlock .Sayfalar ul, .leftBlock .Haberler ul, .leftBlock .Duyurular ul, .leftBlock .DovizKurlari ul { padding: 0; margin: 0; list-style: none; }
.leftBlock .Sayfalar ul li, .leftBlock .Haberler ul li, .leftBlock .Duyurular ul li, .leftBlock .DovizKurlari ul li { font-size: 14px; line-height: 1; margin-bottom: 20px; float: left; width: 100%; clear: both; }
.leftBlock .Sayfalar ul li:last-child, .leftBlock .Haberler ul li:last-child, .leftBlock .Duyurular ul li:last-child, .leftBlock .DovizKurlari ul li:last-child { margin: 0; }
.leftBlock .Sayfalar ul li a, .leftBlock .Haberler ul li a, .leftBlock .Duyurular ul li a, .leftBlock .DovizKurlari ul li a { font-size: 14px; line-height: 1; color: #000; }
/*Sol Blok Sayfalar ve Haberler*/
/*Sol Blok Anket*/
.leftBlock .Anket { }
.leftBlock .Anket ul { margin: 0 -5px; padding: 0; list-style: none; }
.leftBlock .Anket li { padding: 0 5px; float: left; }
.leftBlock .Anket li button { padding: 0 10px; line-height: 30px; }
.leftBlock .Anket #divBlokAnket { float: left; width: 100%; }
.leftBlock .Anket #stgAnketSoru { margin-bottom: 15px; display: inline-block; vertical-align: top; width: 100%; font-size: 14px; }
.leftBlock .Anket #divAnketCevaplar { margin-bottom: 20px; }
.leftBlock .Anket #divAnketCevaplar > div { margin-bottom: 10px; }
.leftBlock .Anket [type="checkbox"], .leftBlock .Anket [type="radio"] { margin: 0 10px 0 0; }
.leftBlock .Anket [type="checkbox"] + span, .leftBlock .Anket [type="radio"] + span { line-height: 1; display: inline-block; vertical-align: top; font-size: 13px; }
.leftBlock .Anket #divBlokAnketSonuclari { float: left; clear: both; margin: 20px 0 0 0; }
.leftBlock .Anket #divBlokAnketSonuclari > div { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 13px; }

/*Sol Blok Anket*/

/*Sol Blok Son Eklenen Urunler*/
.leftBlock .SonEklenenUrunler { }
.leftBlock .SonEklenenUrunler ul { padding: 0; margin: 0; list-style: none; }
.leftBlock .SonEklenenUrunler ul li { font-size: 14px; line-height: 1; margin-bottom: 20px; float: left; width: 100%; clear: both; }
.leftBlock .SonEklenenUrunler ul li:last-child { margin: 0; }
.leftBlock .SonEklenenUrunler ul li a { font-size: 14px; line-height: 1.5; color: #000; position: relative; padding-left: 20px; display: block; }
.leftBlock .SonEklenenUrunler ul li a:before { content: '\f054'; width: auto; height: auto; display: block; position: absolute; left: 0; top: 0; margin: auto; bottom: 0; font-family: 'FontAwesome'; font-size: 14px; line-height: 14px; height: 14px; }
/*Sol Blok Son Eklenen Urunler*/
/*Sol Blok Sepet*/
.leftBlock .SepetBlockInfo { text-align: left; }
.leftBlock .SepetBlockInfo table { border-collapse: collapse; margin-bottom: 5px; width: 100%; }
.leftBlock .SepetBlockInfo td { border-bottom: 1px solid #EEEEEE; vertical-align: middle; position: relative; padding: 20px 0; }
.leftBlock .SepetBlockInfo tr { }
.leftBlock .SepetBlockName { max-width: 150px; }
.leftBlock .SepetBlockInfo .SepetBlockImg img { border: 1px solid #EEEEEE; text-align: left; }
.leftBlock .SepetBlockInfo .SepetBlockName a { color: #666666; font-size: 12px; }
.leftBlock .SepetBlockInfo * { line-height: 1.3; }
.leftBlock .SepetBlockInfo .SepetBlockAdet { text-align: right; font-size: 11px; }
.leftBlock .SepetBlockInfo td.SepetBlockTotal { text-align: right; }
.leftBlock .SepetBlockInfo .SepetBlockRemove a { text-align: right; cursor: pointer; width: 10px; height: 20px; font-size: 0; display: block; background: url(/App_Themes/Default/images/remove-small.png) center 4px no-repeat; position: absolute; top: 10px; right: 0; }
.leftBlock .SepetBlockGenelTotal { text-align: justify; }
.leftBlock .SepetBlockGenelTotal table { border-collapse: collapse; float: left; width: 100%; }
.leftBlock .SepetBlockGenelTotal td { padding: 5px 0; font-size: 13px; }
.leftBlock .SepetBlockGenelTotal td:last-child { text-align: right; }
.leftBlock .SepetBlockGenelTotal td b { font-weight: 700; }
.leftBlock .SepetBlockCheck { clear: both; float: left; text-align: center; width: 100%; }
.leftBlock .SepetBlockCheck a { line-height: 30px; }
/*Sol Blok Sepet*/
/*Sol Blok Kategori Menu*/
.leftBlock .UrunGuruplari { float: left; width: 100%; position: relative; z-index: 9; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 { float: left; width: 100%; padding: 0; margin: 0; list-style: none; background: #fafafa; padding: 15px; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li { float: left; width: 100%; position: relative; margin-bottom: 10px; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li:last-child { margin: 0; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li a { font-size: 14px; color: #000; font-weight: 600; display: block; line-height: 1; padding: 10px 0; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li { margin: 0; padding: 0 10px; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li:last-child { border-bottom: 0; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a { font-weight: normal; position: relative; font-size: 13px; padding: 15px 0 15px 25px; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li a:before { content: ''; width: 4px; height: 4px; display: block; position: absolute; left: 10px; top: 0; margin: auto; bottom: 0; }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li:last-child { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul a:hover { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul { padding: 0; list-style: none; float: left; width: 100%; background: #fff; position: absolute; top: -1px; left: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 > li > ul { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul li { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul ul li { }
.leftBlock .UrunGuruplari .Block_Text .KatMenu1 li:hover > ul { display: block; }
/*Sol Blok Kategori Menu*/
/*Sol Blok Filtre*/
body .leftBlock .slider-range { float: left; width: 100%; border: none; border-radius: 0; padding: 0; margin: 10px 0 20px; height: 5px; background: #eee; }
body .leftBlock .slider-range .ui-slider-range { height: 5px; background: #000; border-radius: 0; top: 0; margin: 0; }
body .leftBlock .slider-range .ui-slider-handle { width: 20px; height: 20px; border-radius: 100%; background: #616c70; border: none; margin: 0; top: -8px; }
body .leftBlock .slider-range span:nth-child(2) { margin-left: 0; }
body .leftBlock .slider-range span:nth-child(3) { margin-left: -20px; }
body .leftBlock .amount { float: left; width: 100%; color: #000; font-size: 14px; text-align: left; margin-bottom: 20px; font-weight: 500; }
.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: 0 0; }
.leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0; width: 100%; text-align: left; border: none; margin: 0; background-color: transparent !important; }
.leftBlock .panel-heading a { display: block; line-height: 30px; font-size: 18px; color: #222; padding: 0; font-weight: 600; padding-bottom: 15px; margin-bottom: 30px; position: relative; border-bottom: 2px solid #eee; }
.leftBlock .panel-heading a:after { content: ""; width: 60px; height: 3px; left: 0; bottom: -2px; position: absolute; }
.leftBlock .panel-search { float: left; width: 100%; margin-bottom: 15px; }
.leftBlock .panel-search input, .leftBlock .FiyatTextBox input { padding: 0 10px !important; height: 45px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #eee; }
.leftBlock .category-vertical-filters > div { width: 100%; padding: 0; margin: 0; float: left; display: inline-block; margin-bottom: 40px; background: #fff; }
.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 ul { }
.leftBlock .category-vertical-filters .panel.div-kategori ul li { margin-bottom: 0; width: 100%; }
.filterBlock .Block_Title { display: none !important; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li a { margin-bottom: 20px; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul { padding: 0 0 0 15px; }
.leftBlock .category-vertical-filters .panel.div-kategori ul li ul a { }
.leftBlock .category-vertical-filters .panel.div-kategori ul a:hover { text-decoration: underline; }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a { }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li { }
.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:last-child > a { margin: 0; }
.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; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin: 0 0 20px; padding: 0; background-color: transparent; width: 100%; height: auto; border: none; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child { margin-bottom: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a { float: left; font-size: 14px; color: #000; display: inline-block; line-height: 20px; font-weight: 400; white-space: nowrap; max-width: calc(100% - 26px); overflow: hidden; text-overflow: ellipsis; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a { }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%; list-style: none; padding: 0; }
.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: 20px 20px !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: 30px; }
.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.list-group-item-image.selected a:after { width: 20px; height: 20px; font-size: 12px; text-align: center; content: '\f00c'; font-family: fontawesome; color: #fff; display: inline-block; vertical-align: top; position: absolute; left: 0; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-right: 10px; width: 20px; height: 20px; border: 1px solid #eeeeee; border-radius: 0; background: #fff; display: inline-block !important; margin-top: 0; text-align: center; line-height: 18px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { content: '\f00c'; font-family: fontawesome; color: #fff; font-size: 13px; font-weight: 400; line-height: 18px; }
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { content: '\f00c'; font-family: fontawesome; color: #fff; font-size: 13px; font-weight: 400; line-height: 18px; }
.leftBlock .FiyatTextBox { float: left; width: 100%; margin-bottom: 20px; }
/*Sol Blok Filtre*/
/*Ust Sorting Content Varsayilan*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect { float: right; margin: 0 0 0 20px; background: 0 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a { background: 0 0; color: #333; padding: 0 5px; float: left; margin-left: 0; border: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i { font-size: 16px; float: left; line-height: 35px; font-family: fontawesome; font-weight: 600; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 { display: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 { display: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { float: left; width: 100%; z-index: 999; background-color: #fff; border: none; border-radius: 0; margin: 0; padding: 0; display: -webkit-flex; display: -moz-flex; display: -o-flex; display: block; border: 0; padding: 0; border: 1px solid #eee; padding: 10px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { float: left; font-weight: 400; border-radius: 0; padding: 0; border: none; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color: transparent; color: #000; font-size: 14px; border-radius: 0; padding: 0 10px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: 400; line-height: 35px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover { text-decoration: underline; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected { text-decoration: underline; background: #fff; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) { }
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left; font-size: 14px; font-weight: 400; line-height: 35px; padding: 0; margin: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent; height: auto; padding: 0; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; text-indent: 0; }
/*Ust Sorting Content Varsayilan*/
/*Ust Sorting Content Select*/
body #divSayfalamaUst.Slct .blockSelect { float: right; margin: 0; display: block !important; padding: 0; }
body #divSayfalamaUst.Slct .blockSelect a { float: left; width: 40px; height: auto; margin: 0; padding: 0; text-align: center; border: none; background: #fff; display: block; margin-left: 10px; border: 1px solid #eee; }
body #divSayfalamaUst.Slct .blockSelect i { color: #c6c6c6; line-height: 40px; font-size: 18px; }
body #divSayfalamaUst.Slct .blockSelect .sort_2 { display: none; }
body #divSayfalamaUst.Slct .blockSelect .sort_5 { display: none; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent { float: left; width: 100%; display: block; background: 0 0; padding: 10px; border: 1px solid #eee; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { float: left; height: 40px; color: #252525; font-size: 14px; font-weight: 400; border: none; background: #fff; border-radius: 0; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 30px 0 10px; border: 1px solid #eee; cursor: pointer; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { height: auto; padding: 0; border-radius: 0; background: 0 0; float: left; margin-right: 20px; position: relative; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:after { content: '\f107'; line-height: 40px; vertical-align: top; margin-left: 10px; font-size: 18px; font-family: fontawesome; font-weight: 300; position: absolute; right: 10px; z-index: 2; pointer-events: none; }
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet { margin: 0; }
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span { color: #616c70; font-size: 14px; line-height: 40px; font-weight: 400; float: left; margin: 0; text-indent: 0; text-transform: capitalize; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { padding: 0; background: 0 0; color: #252525; font-size: 14px; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span { line-height: 40px; font-weight: 400; display: inline-block; vertical-align: top; text-transform: capitalize; }
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before { content: ''; width: 15px; height: 15px; border: 1px solid #eee; float: left; margin: 12px 10px 0 0; background: #fff; }
/*Ust Sorting Content Select*/

/*Hizli Bakis*/
body #hizliBakisAltAlan { display: none; }
body #hizliBakis .divHizliBakisUrunOzellikleri { display: none; }
body #hizliBakis { width: 915px; }
body #hizliBakis .ProductPreviewContent { float: left; width: 100%; padding: 20px; max-width: 100%; }
body #hizliBakis .ProductPreviewContent ul { list-style: none; padding: 0; margin: 0; }
body #hizliBakis .ProductPreviewContent #divBreadcrumb { float: left; width: 100%; display: none; }
body #hizliBakis .ProductPreviewLeft { float: left; width: 480px; margin-right: 0; position: relative; }
body #hizliBakis .ProductPreviewRight { float: left; width: calc(100% - 480px); padding-left: 20px; }
body #hizliBakis .PreviewImages { float: right; width: 400px; }
body #hizliBakis .PreviewImages .PreviewselectedImages { padding: 0; height: auto; }
body #hizliBakis .PreviewallImages { position: absolute; left: 0; top: 0; bottom: 0; max-height: 100%; overflow-y: auto; width: 76px; }
body #hizliBakis .PreviewallImages .PreviewallImagesItem { padding: 0; height: auto; margin-bottom: 10px; width: 67px; float: left; clear: left; }
body #hizliBakis .PreviewallImages .PreviewallImagesItem:last-child { margin: 0; }
body #hizliBakis .TopList { float: left; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ebe9e9; margin-bottom: 30px; }
body #hizliBakis .MiddleList { float: left; width: 100%; }
body #hizliBakis .hizliBakis_stokKodu { float: left; width: 100%; color: #999; font-size: 14px; font-weight: 600; margin: 10px 0 0 0; line-height: 14px; }
body #hizliBakis .hizliBakis_Name { float: left; width: 100%; color: #000; font-size: 18px; margin: 5px 0 0 0; font-weight: 600; line-height: 1.3; }
body #hizliBakis .hizliBakis_UstuCiziliFiyat { float: left; text-decoration: line-through; line-height: 1; width: 100%; font-size: 18px; color: #999; margin-bottom: 5px; }
body #hizliBakis .hizliBakis_Price { float: left; font-size: 30px; font-weight: 600; line-height: 1; }
body #hizliBakis .divKombinUrunEkSecenek { float: left; width: 100%; }
body #hizliBakis .divKombinEksecenekTipi { float: left; width: 100%; margin: 20px 0 0 0; }
body #hizliBakis .kombinFormline { float: left; width: 100%; }
body #hizliBakis .kombinFormline .kombinleft_line { color: #000000; font-size: 13px; font-weight: 600; line-height: 13px; float: left; width: 100% !important; display: block; padding: 0; margin: 0 0 10px 0; }
body #hizliBakis .kombinFormline .kombinright_line { float: left; width: 100%; }
body #hizliBakis .kombinFormline .kombinright_line > div > div { float: left; margin-right: 10px; }
body #hizliBakis .kombinFormline .kombinright_line div div a { float: left; width: 40px; height: 40px; line-height: 38px; font-size: 13px; border-color: #eee; }
body #hizliBakis .kombinFormline .kombinright_line div div a.selected { color: #fff; }
body #hizliBakis .kombinFormline .kombinright_line div div a img { width: 100%; height: 100%; }
body #hizliBakis .hizliBakisSepeteEkle { float: left; width: calc(100% - 140px); margin: 0 0 0 10px !important; height: 50px; padding: 0; line-height: 50px; font-size: 16px; text-transform: uppercase; }
body #hizliBakis .hizliBakis_markaLogo { position: absolute; z-index: 2; right: 10px; top: 10px; }
body #hizliBakis .hizliBakis_markaLogo:hover img { opacity: 1; }
body #hizliBakis .hizliBakis_markaLogo img { width: auto; height: auto; display: block; position: static; max-height: 40px; }
body #hizliBakis .hizliBakis_marka { }
body #hizliBakis .hizliBakis_ozyazi { max-width: 100%; font-size: 13px; line-height: 13px; margin: 10px 0 0 0; color: #000; float: left; clear: both; }
body #hizliBakis .hizliBakis_ozyazi * { font-size: 13px; line-height: 13px; color: #000; }
body #hizliBakis #divFiyatAlanlari { float: left; width: 100%; margin: 10px 0 0 0; }
body #hizliBakis #divFiyatAlanlari.IndirimHizliBakis { padding-left: 65px; position: relative; margin: 20px 0 0 0; }
body #hizliBakis .UrunuIncele { position: absolute; bottom: 0; left: 0; z-index: 2; padding: 0; width: auto; }
body #hizliBakis .UrunuIncele a { width: 100%; text-align: center; display: block; font-size: 13px; line-height: 30px; color: #fff; text-decoration: none; padding: 0 10px; }
body #hizliBakis .hizliBakis_SalesUnit { float: left; width: 100%; font-weight: 600; color: #000; line-height: 13px; font-size: 13px; margin: 20px 0 10px 0; }
body #hizliBakis .hizliBakis_Adet .riSingle { width: 100% !important; padding: 0 !important; }
body #hizliBakis .hizliBakis_Adet { width: 130px; float: left; margin: 0; }
body #hizliBakis .hizliBakis_Adet + .clear { display: none; }
body #hizliBakis .hizliBakis_Adet .riSingle .riDown { width: 35px; height: 50px !important; }
body #hizliBakis .hizliBakis_Adet .riSingle .riUp { width: 35px; height: 50px !important; }
body #hizliBakis .hizliBakis_Adet .riSingle input { width: 100%; margin: 0 !important; height: 50px !important; }
body #hizliBakis .hizliBakis_Adet .riSingle .riDown:after, body #hizliBakis .hizliBakis_Adet .riSingle .riUp:after { line-height: 50px !important; }
body #hizliBakis .hizliBakis_DiscountRate { width: 53px; height: 53px; line-height: 50px; text-align: center; float: left; color: #fff; font-weight: 700; letter-spacing: 0; font-size: 0; border-radius: 100%; }
body #hizliBakis .IndirimHizliBakis .hizliBakis_DiscountRate { position: absolute; left: 0; }
body #hizliBakis .hizliBakis_DiscountRate * { font-size: 15px; }
body #hizliBakis .kdvYazi { font-size: .5em; margin-left: 5px; }
body #hizliBakis .divHizliBakisFavorilerimeEkle { float: left; clear: both; width: 100%; margin: 20px 0 0 0; }
body #hizliBakis .divHizliBakisFavorilerimeEkle a .box1 { font-size: 13px; color: #000; background: #fafafa; display: block; border: 1px solid #eee; line-height: 40px; padding: 0 10px; }
body #hizliBakis .divHizliBakisFavorilerimeEkle a .box1 i { margin-right: 10px; font-size: 18px; display: inline-block; vertical-align: top; font-weight: 300; line-height: 40px; }
body #hizliBakis .divHizliBakisFavorilerimeEkle a#aHizliBakisFavoriCikar .box1 i { font-weight: 700; }

body #hizliBakis #hizliBakisTahminiTeslimatSuresi { font-size: 13px; line-height: 13px; margin: 10px 0 0 0; color: #000; float: left; clear: both; }
body #hizliBakis .PreviewselectedImages .PreviewselectedImagesBox { padding-bottom: var(--urun-box-boyut); }
body #hizliBakis .PreviewallImagesItem .PreviewallImagesBox { padding-bottom: var(--urun-box-boyut); }
body #hizliBakis #divOzelAlan1, body #hizliBakis #divOzelAlan2, body #hizliBakis #divOzelAlan3, body #hizliBakis #divOzelAlan4, body #hizliBakis #divOzelAlan5 { float: left; font-size: 13px; line-height: 30px; margin: 10px 10px 0 0; padding: 0 10px; color: #000; background: #fafafa; border: 1px solid #eee; }
/*Hizli Bakis*/


/*Galeri Modulu*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.AddGalleryModal .form_valition { display: none; }

.AddGalleryModal .galleryFooterSuccess { display: none; }

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


@media(max-width:480px) {
    section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
}
/*Galeri Modulu*/



/*siteozelalan*/
@media screen and (min-width:1042px) {
    #header.fixed { position: fixed; top: -100%; left: 0; right: 0; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none; transition: top .3s ease-in-out; }
    #header.fixed.gectop { top: 0; }
    body.margin { margin: 80px 0 0 0; }
    .productItem:hover .ozelAlanEx { opacity: 0; }
}

@media screen and (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    body #divSayfalamaUst .filterBlock { float: left; border: none; border-radius: 0; width: auto; }
    body #divSayfalamaUst .category-vertical-filters.top-filters { padding: 0; margin: 0; background: 0 0; position: static; margin-bottom: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:not(.active) + .FiyatTextBox { display: none; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading + .FiyatTextBox { background: #fff; max-height: 250px; -webkit-box-shadow: 0 5px 12px 0 #bfbbbf; -moz-box-shadow: 0 5px 12px 0 #bfbbbf; box-shadow: 0 5px 12px 0 #bfbbbf; border: 1px solid #efefef; left: 0; right: 0; top: 45px; z-index: 999; position: absolute; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 10px; margin-top: 20px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading + .FiyatTextBox input { height: 40px; border: 1px solid #eee; text-align: center; text-indent: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel { margin: 0 10px 10px 0; padding: 0; width: auto; position: relative; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter { min-width: 150px; margin-left: 10px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; min-width: auto; border-right: none; background-color: transparent !important; border: 1px solid #eee; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after { }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 50px; padding-left: 15px; text-align: left; color: #000; font-size: 14px; padding: 0 20px; font-weight: 500; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after { content: '\f107'; line-height: 48px; vertical-align: top; margin-left: 10px; position: static; font-size: 18px; font-family: fontawesome; font-weight: 300; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after { content: '\f106'; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li { float: left; text-align: left; margin: 0; width: 100%; padding: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a { line-height: 28px; font-size: 13px; color: #000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover { text-decoration: underline; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul { display: block; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li { width: 100%; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before { margin-top: 7px; display: inline-block; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: 0 0 !important; }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a { color: #000; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown { top: 100%; width: 250px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range { background: #dfdfdf; height: 5px; width: 100%; margin: 13px 0 5px 0; border: none; float: left; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range { background: #b4b4b4; height: 4px; margin-top: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle { border-radius: 100%; width: 18px; height: 18px; border: none; margin-top: 0; margin-right: -4px; top: -7px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount { color: #262626; font-size: 14px; font-weight: 600; left: 0; padding: 5px 0 0; float: left; width: 100%; text-align: center; margin-bottom: 0; }
    .FiltreUst { display: none; }
    .tukgo { display: none; }
}
/* ------------------------------------Container--------------------------------------------*/
.headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1330px; margin: 0 auto; position: relative; clear: both; display: block; }

.sliderBannerContainer .ProductList { max-width: 1330px; margin: 0 auto; }
.detaySliderContainer .ProductList { max-width: 1330px; margin: 0 auto; }
.homeContainer .ProductListContent .ProductList { max-width: 1330px; margin: 0 auto; }
.markaSlider .jCarouselLite { max-width: 1330px; margin: 0 auto; }
/**/
.headerContent { max-width: 100%; margin: 0 20px; }
.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; font-size: 0; }
body.CategoryBody ul.breadcrumb { text-align: center; float: left; width: 100%; max-width: 100%; }
.sepetimBody .footerSslLogo { display: none !important; }
.sepetimBody .headerContent { box-shadow: none; }
/**/
.centerCount.Middle { width: 100%; padding: 0; }
.centerCount.userLoginContent { width: 100%; padding: 0; }
.centerCount.iletisimContent { width: 100%; padding: 0; }
.centerCount.UyeolContent { width: 100%; padding: 0; }
.centerCount.HesabimTakip { width: 100%; padding: 0; }
/**/
.leftBlock { float: left; width: 320px; padding-right: 30px; }
.rightBlock { float: right; width: 320px; padding-left: 20px; }
.centerCount { float: left; width: 100%; padding: 0; }
.leftBlock + .centerCount {width: calc(100% - 320px); }
/*SolveOrta*/
.leftBlock.LeftMiddle { width: 320px; margin-bottom: 30px; }
.centerCount.LeftMiddle { width: calc(100% - 320px); }
.rightBlock.MiddleRight { width: 300px; }
.centerCount.MiddleRight { width: calc(100% - 300px); }
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight { }
.rightBlock.LeftMiddleRight { }
.centerCount.LeftMiddleRight { }
/*OrtaSag*/
.rightBlock.MiddleRight { }
.centerCount.MiddleRight { }
/**/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle { width: 25%; padding-right: 20px; }
    .centerCount.LeftMiddle { width: 75%; }
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight { width: 25%; }
    .rightBlock.LeftMiddleRight { width: 50%; }
    .centerCount.LeftMiddleRight { width: 25%; }
    /*OrtaSag*/
    .rightBlock.MiddleRight { width: 25%; }
    .centerCount.MiddleRight { width: 75%; }
    .homeContainer .col-5li { width: 25%; }
}

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

    .navigation .navUl > li > a { font-size: 13px; }
    .logoArea .leftDiv { width: 250px; }
    .logoArea .rightDiv { width: 250px; }
    .welcome { margin-left: 15px; margin-right: 15px; }
    .HeaderFavori { margin-left: 15px; }
    #lang_flag_container { margin-left: 15px; }
    .navigation .navUl > li { margin: 0 5px; }
    .logoArea .centerDiv { width: calc(100% - 500px); }
}

@media screen and (min-width: 1240px) and (max-width: 1329px) {

    body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1200px; }
    .sliderBannerContainer .ProductList { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .detaySliderContainer .ProductList { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .homeContainer .ProductListContent .ProductList { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .markaSlider .jCarouselLite { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .ticiContainer { padding: 0 20px; }

    .logoArea .leftDiv { width: 250px; }
    .logoArea .rightDiv { width: 250px; }
    .welcome { margin-left: 15px; margin-right: 15px; }
    .HeaderFavori { margin-left: 15px; }
    #lang_flag_container { margin-left: 15px; }
    .logoArea .centerDiv { width: calc(100% - 500px); }
    .navigation .navUl > li { margin: 0 5px; }
    .navigation .navUl > li > a { font-size: 13px; }
    .navigation .navUl > li > .Flexscroll { left: -10%; right: -10%; }
}

@media screen and (min-width: 1042px) and (max-width: 1239px) {
    .leftDiv #lang_flag_container { display: none !important; }
    .navigation .navUl > li > .Flexscroll { left: -10%; right: -10%; }
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 1100px; margin: 0 auto; }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList { max-width: 1100px; margin: 0 auto; }
    .detaySliderContainer .ProductList { max-width: 1100px; margin: 0 auto; }
    .homeContainer .ProductListContent .ProductList { max-width: 1100px; margin: 0 auto; }
    .markaSlider .jCarouselLite { max-width: 1100px; margin: 0 auto; }
    #divIcerik.homepage { margin: 0 auto; }
    .Blog { padding-left: 0; padding-right: 0; }
    #footer .FooterEbulten { width: 650px; }
    .navigation .navUl > li > a { font-size: 13px; }
    .logoArea .leftDiv { width: 250px; }
    .logoArea .rightDiv { width: 250px; }
    .welcome { margin-left: 15px; margin-right: 15px; }
    .HeaderFavori { margin-left: 15px; }
    #lang_flag_container { margin-left: 15px; }
    .logoArea .centerDiv { width: calc(100% - 500px); }
    .searchContent { left: 0; right: 0; }
    .buyfastyok { width: calc(100% - 110px); }
    .buyfastyok + #divKombinSatinAl { width: 100%; margin: 0 0 20px 0; }
    .navigation .navUl > li .Flexscroll > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}

@media screen and (min-width: 1025px) and (max-width: 1159px) {
    .navigation .navUl > li > a { font-size: 13px; }
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 960px; margin: 0 auto; }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList { max-width: 960px; margin: 0 auto; }
    .sliderBannerContainer .ProductList { max-width: 960px; margin: 0 auto; }
    .detaySliderContainer .ProductList { max-width: 960px; margin: 0 auto; }
    .markaSlider .jCarouselLite { max-width: 960px; margin: 0 auto; }
    #divIcerik.homepage { margin: 0 auto; }
    .logoArea .leftDiv { width: 250px; }
    .logoArea .rightDiv { width: 250px; }
    .welcome { margin-left: 15px; margin-right: 15px; }
    .HeaderFavori { margin-left: 15px; }
    .logoArea .centerDiv { width: calc(100% - 500px); }
    .searchContent { left: 0; right: 0; }
    #footer .FooterEbulten { width: 600px; }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a, body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { font-size: 12px !important; padding: 0 5px !important; }
    #divLeftBlock + #divCenterBlock .sort_4 { display: none !important; }
    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a { font-size: 12px; }
    .leftBlock .panel-heading a { font-size: 15px; line-height: 1.3; }
    .leftBlock .category-vertical-filters .panel.div-kategori ul li ul { padding-left: 5px; }
    .leftBlock .panel-search input, .leftBlock .FiyatTextBox input { height: 35px; }
    #lang_flag_container { margin-left: 15px; }
    .RightDetail { padding-left: 20px; }
    #divKombinSatinAl, .buyfast + #divKombinSatinAl { width: 100%; margin: 0 0 20px 0; float: left; clear: both; }
    #divKombinSatinAl a, .buyfast input, .basketBtn input { font-size: 14px; }
    .ProductIcon > div { margin: 10px 0; width: 50%; }
    #divSocialButtons > *:not(script) { float: none; display: inline-block !important; vertical-align: top; }
    .ProductIcon2 > div > a { margin-right: 10px; }
    .ProductIcon .box1 { font-size: 12px; }
    .buyfastyok { width: calc(100% - 110px); }
    .buyfastyok + #divKombinSatinAl { width: 100%; margin: 0 0 20px 0; }
    .navigation .navUl > li .Flexscroll > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}


@media (min-width: 768px) and (max-width: 1041px) {
    body .mobilFilterOpenBtn .button { float: right; width: calc(50% - 10px) !important; }

    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { padding: 0; }
    #lang_flag_container { margin-left: 15px; }
    .leftDiv #lang_flag_container { margin-top: 0; }
}

@media screen and (min-width: 768px) {
    .mobilLang { display: none; }
    .SepetUst { display: none; }
}

@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol{width:100%;}
}
@media (min-width: 768px) and (max-width: 1024px) {


    /* ------------------------------------Container--------------------------------------------*/
    .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 720px; margin: 0 auto; }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList { max-width: 720px; margin: 0 auto; }
    .sliderBannerContainer .ProductList { max-width: 720px; margin: 0 auto; }
    .detaySliderContainer .ProductList { max-width: 720px; margin: 0 auto; }
    .navigation .altMenu .altMenuler { max-width: 720px; margin: 0 auto; }
    .markaSlider .jCarouselLite { max-width: 720px; margin: 0 auto; }
    #divIcerik.homepage { margin: 0 auto; }
    .headerContent { margin: 0 auto; }
    #footer .FooterEbulten { width: 400px; }
    .logoArea .leftDiv { width: 250px; overflow: visible; }
    #lang_flag_container #lang-detail { right: auto !important; left: 0; }
    .logoArea .rightDiv { width: 250px; }
    .welcome { margin-left: 15px; margin-right: 15px; }
    .HeaderFavori { margin-left: 15px; }
    .logoArea .centerDiv { width: calc(100% - 500px); position: static !important; }
    .searchContent { left: 0; right: 0; }
    .TIT-Step1 { font-size: 14px; line-height: 1; }
    .TI-List ul li { padding: 0 10px; }
    .TIT-Step2 { font-size: 12px; line-height: normal; }
    .Blog-Step1 { font-size: 15px; line-height: 1; }
    .Blog-Step2 { font-size: 12px; line-height: normal; }
    .leftImage { width: 360px; }
    .RightDetail { width: calc(100% - 360px); padding-left: 20px; }
    .SmallImages { display: none !important; }
    #divKombinSatinAl, .buyfast + #divKombinSatinAl { width: 100%; margin: 0 0 20px 0; float: left; clear: both; }
    #divKombinSatinAl a, .buyfast input, .basketBtn input { font-size: 14px; }
    .ProductIcon > div { margin: 10px 0; width: 100%; }
    .ProductIcon2 > div { width: 100%; margin: 5px 0; }
    #divSocialButtons > *:not(script) { float: none; display: inline-block !important; vertical-align: top; }
    body .TopDet .productTimer { position: static !important; margin-bottom: 20px; }
    #productDetailTimer + .markaresmi { top: 90px; right: 10px; }
}

/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media screen and (max-width:1041px) {
    body.overflow { overflow: hidden; min-height: 100%; position: fixed; left: 0; right: 0; overflow: hidden; top: 0; }
    /******************************************************/
    #divSayfalamaUst .filterBlock { display: block !important; }
    .mobilMenuAcButton { display: block; position: static; }
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst { padding: 0; margin: 10px 0; width: 100%; border: none; background: transparent; }
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button { padding: 0; margin: 0; color: #fff; width: calc(50% - 5px); line-height: 40px; display: inline-block; vertical-align: top; font-weight: 600; text-transform: uppercase; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn { float: left; }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before { content: '\f15d'; font-family: fontawesome; font-weight: 300; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 10px; }
    body .mobilFilterOpenBtn .button.mobilFilterBtn:before { content: '\f0b0'; font-family: fontawesome; font-weight: 300; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 10px; }
    body .mobilFilterOpenBtn .button { float: right; width: calc(50% - 5px); }
    body #divSayfalamaUst { margin-bottom: 20px; margin-top: 0; }
    body .mobilFilterOpenBtn { margin: 0; padding: 0; display: block !important; }
    .categorydesign .uNo { float: right; color: #999a9d; font-size: 12px; }
    body #divSayfalamaUst .filterDeleteContent { display: none; }

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

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

    body .category-vertical-filters.top-filters { display: block !important; width: 360px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 9999; background: #f3f5f8; margin: 0; padding: 0; border: none; transition: all .3s ease; overflow-y: auto; overflow-x: hidden; }
    body .category-vertical-filters.top-filters ul { list-style: none; padding: 0; margin: 0; }
    body .filterBlock.active .category-vertical-filters.top-filters { right: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: #fff; margin-bottom: 10px; padding: 0 10px; position: relative; text-align: center; display: block; }
    body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt i { font-weight: 300; }
    body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: #fff; display: none; }
    body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
    body .category-vertical-filters.top-filters .FiltreUst a i { color: #fff; font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-left: 5px; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { float: left; width: 100%; margin-bottom: 10px; position: relative; padding: 0 10px; display: block; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #262324; text-align: left; padding: 0 0 0 15px; background: #fff; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before { content: ''; float: right; width: 24px; max-height: 24px; position: absolute; top: 0; bottom: 0; right: 32px; border-radius: 100%; background: #c5c7c9; margin: auto 0; background: #fff; box-shadow: 0 0 2px 0 #999; z-index: 1; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after { content: ''; float: right; width: 40px; max-height: 16px; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 20px; background: #c5c7c9; margin: auto 15px auto 0; transition: all 0.3s ease; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before { right: 15px; }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: #39d662; }

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

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



    body .amount { padding: 0; }

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

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

@media screen and (min-width:769px) {
    .FooterCol > * { display: block !important; }
}

body #header .stories.carousel {float:right;width:auto;margin-right: 15px;overflow: visible;position:relative;z-index:1;}
body #header .stories.carousel .story {display: inline-block;width: 35px;max-width: 35px;margin: 0 6px;vertical-align: top;}
body #header .stories.carousel .story > .item-link > .item-preview {display: block;box-sizing: border-box;font-size: 0;max-height: 35px;height: 35px;overflow: hidden;transition: transform .2s;display: block;box-sizing: border-box;font-size: 0;transition: transform .2s;background: url(../Default/images/instagramborder.png);background-size: contain;padding: 3px;background-repeat: no-repeat;}
body #header .stories.carousel .story > .item-link > .item-preview img { display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 99999px; }
body #header .stories.carousel .story > .item-link > .info{display:none;}

@media(max-width:767px) {
    body #header .stories.carousel{margin: 0;position: absolute;right: 78px;top: 12px;}
    body #header .stories.carousel .story { width: 30px; max-width: 30px; }
    body #header .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px;}
}

/* Mobil Ekran */
@media screen and (max-width: 767px) {
    .navigation { display: none; }
    body #divSayfalamaUst { margin-bottom: 10px; }
    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; }
    .menuUstBolum .CloseBtnMenu { float: right; line-height: 50px; color: #fff; font-size: 30px; width: 50px; text-align: center; margin: 0; cursor: pointer; }
    .menuUstBolum .CloseBtnMenu i { font-weight: 300; }
    .menuUstBolum .menuBack { float: left; line-height: 50px; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; }
    .menuUstBolum .menuBack i { font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; }
    .menuUstBolum { margin-top: 0; }
    .menuUstBolum .mobilMenuBT { padding-left: 15px; font-size: 12px; color: #fff; }
    .menuUstBolum .mobilMenuBT i { font-size: 22px; }
    .menuUstBolum .mobilMenuBT i, .menuUstBolum .mobilMenuBT span, .menuUstBolum .CloseBtnMenu, .menuUstBolum .CloseBtnMenu i { line-height: 51px; display: inline-block; vertical-align: top; }
    .menuUstBolum .CloseBtnMenu { font-size: 35px; text-align: right; padding-right: 15px; color: #fff; }
    .mobilaf.acik { display: block; }
    .mobilMenu { position: fixed; left: 0; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; left: -360px;transition: left.3s ease-in-out;}
    .mobilMenu.acik {left: 0;}
    .mobilMenu ul { list-style: none; padding: 0; margin: 0; }
    .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0; left: 0; }
    .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; padding: 0; }
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a { color: #000; font-size: 15px; font-weight: 600; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; width: 100%; }
    .mobilMenu .navUl .ulVar > a { width: auto; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; }
    .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: 50px; font-size: 30px; float: right; font-weight: 300; }
    /*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: 50px; width: 85%; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active { left: 0; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span,
    .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; font-size: 15px; }
    .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: 15px; font-weight: 600; line-height: 50px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
    #divIcerik.homepage { margin: 0 auto; }
    body { padding-top: 60px; }
    body.sepetimBody { padding-top: 0; }
    body #lang_flag_container { margin: 0 !important; position: static !important; left: 0 !important; right: 0 !important; }

    #lang_flag_container #langHover { display: none !important; }
    #lang_flag_container.selector #lang-detail { left: 0 !important; }
    #lang_flag_container #lang-detail { -webkit-transition: none; -moz-transition: none; transition: none; box-shadow: none !important; left: -100% !important; transition: ease .3s all; right: auto !important; bottom: auto !important; opacity: 1 !important; visibility: visible !important; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); z-index: 1002 !important; height: calc(100% - 50px); padding: 50px 15px 15px 15px; width: 85% !important; top: 0px !important; position: fixed !important; }
    #lang_flag_container.selector #lang-detail .language, #lang-detail .currency { width: 100% !important; border: 1px solid #eee; padding: 10px 20px !important; margin-bottom: 15px !important; }
    #lang_flag_container #lang-detail > .fa-times { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #000; font-size: 25px; font-weight: 300; z-index: 2; }
    .userContainer .userLeftBox, .userContainer .userRightBox { padding: 0; }
    .userContainer .userRightBox { margin-top: 20px; }
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum { width: 100%; padding: 0 10px; }
    .headerContent { margin: 0 auto; padding: 0 10px; }
    #divIcerik { padding: 0 10px; margin: 0 auto; }
    .proCategoryTitle.categoryTitleText { padding: 0 10px; }
    #footer .ticiContainer { padding: 0 10px; }
    #divTicimaxCopyrightContent { text-align: center; float: left; width: 100%; }
    #divTicimaxCopyrightContent a { display: inline-block; }
    /*Logo*/
    #logo { float: none; position: static; border: none; padding: 0; background: transparent; margin: 0; width: 100%; text-align: center; }
    .HeaderLogo { display: inline-block; vertical-align: top; }
    .HeaderLogo a { height: 60px; padding: 5px 0; }
    .HeaderLogo a img { max-height: 40px !important; max-width: 135px; }
    #logo:after { display: none; }
    #logo .logo { margin: 0 auto; width: 175px; float: none; padding: 10px 0; text-align: center; display: block; background: transparent; }
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*header click button*/
    .mycart { top: 10px; right: -5px; width: 15px; height: 15px; z-index: 2; }
    .mycart .sepetUrunSayisi { width: 15px; height: 15px; line-height: 15px; right: 0; }
    .mobilMenuAcButton { display: block; position: absolute; top: 0; left: 10px; font-size: 24px; color: #fff; visibility: visible; }
    .mobilLang { display: block; position: absolute; top: 0; left: 50px; font-size: 22px; color: #fff; }
    .searchClick { display: block; position: absolute; top: 0; left: 50px; font-size: 22px; color: #fff; }
    .welcomeOpen { display: block; position: absolute; top: 0; left: 50px; font-size: 22px; color: #fff; }
    .mycartClick { display: block; position: absolute; top: 0; right: 10px; font-size: 22px; color: #fff; }
    .SearchToggle { display: block; position: absolute; top: 0; right: 50px; font-size: 22px; color: #fff; margin: 0; transition: ease .2s all; }
    .mobilMenuAcButton span { font-size: 9px; display: block; line-height: 9px; display: none; }
    .mobilMenuAcButton i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .mobilLang i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .searchClick i { display: inline-block; vertical-align: top; line-height: 49px; font-weight: 300; }
    .welcomeOpen i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .mycartClick i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }
    .SearchToggle i { display: inline-block; vertical-align: top; line-height: 60px; font-weight: 300; }


    /*mobilmenu*/
    .mobilMenu { width: 85%; bottom: 50px; left:-100%; }
    .menuUstBolum { margin-top: 0; }
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px; font-size: 22px; position: absolute; left: 0; }
    .SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; font-weight: 300; }
    .CartProduct { background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }

    .mycart { background: none !important; padding: 0; margin: 0; border: none; position: absolute; left: auto; bottom: auto; 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 { display: block !important; border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0; }
    .mycart .sepetUrunSayisi:before { display: none; }
    .mycart .sepetUrunSayisi:after { display: none; }
    .mycart > a { display: block; width: auto; height: auto; padding: 0; border: none; margin: 0; background: transparent; }
    .mycart > a:before { display: none; }
    .mycart > a:after { display: none; }
    /*Sabit sayfalar icerik*/
    .spanTittle { font-size: 18px !important; }
    .iletisimContent .iletisimForm { width: 100%; padding: 0; }
    .iletisimContent .AdBan { width: 100%; }
    .iletisimContent .categoryTitle { margin: 0; }
    .iletisimContent .categoryTitle .categoryTitleText { line-height: 65px; }
    .iletisimContent .categoryTitle:before { display: none; }
    .iletisimContent .iletisimRight .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimForm .categoryTitle { margin-bottom: 10px; }
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: none; display: block; margin: 10px 0 0; }
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 17px; }
    .iletisimContent .iletisimRight .iletisimbanka .span > div span { font-size: 12px; }
    .iletisimContent .iletisimLeft .Right { font-size: 12px; }
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 20px; }
    .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
    .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
    .SifremiUnuttum .line { width: 100%; }
    .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
    .SifremiUnuttum .button { width: 30%; }
    /*Header Sabitler*/
    .resimliYanMenu { display: none; }
    .navigation { display: none; }
    #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height: auto; position: fixed; left: 0; right: 0; top: 0; }
    #header:before { display: none; }
    #header.homeHeader { border: none; }
    .headerContent { text-align: left; }
    /*Arama*/
    .searchContent { position: absolute; width: auto; background: #000; z-index: 100; float: left; left: 0; right: 0; padding: 0; width: auto; }
    .searchContent.active { display: block; box-shadow: none; }
    .homeHeader .searchContent { }
    #txtbxArama { height: 45px; font-size: 12px; padding-left: 10px; padding-right: 60px; background: #fafafa; }
    #btnKelimeAra { height: 45px; line-height: 45px; border-left: none; font-size: 15px; top: 0; right: 0; }
    #header.touched .searchContent { display: none; }
    #header.touched .searchContent.active { display: block; top: 0; }
    #header.touched .arabtn { display: block; }
    /*hosgeldin div*/
    .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 40px; }
    .welcome > div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome > ul { margin: 0; }
    .welcome > div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
    .welcome li { float: none; display: inline-block !important; width: auto; vertical-align: top; }
    .headerSocialConnect { margin-left: 0; }
    .headerSocialConnect .baglanButton { margin-left: 10px; }
    .headerSocialConnect .baglanButton a { line-height: 40px; font-size: 13px; color: #fff; padding: 0; }
    .headerSocialConnect .baglanButton a:before { line-height: 40px; }
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block !important; font-size: 13px; line-height: 40px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight: 500; }
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }
    /*urun butonlari*/
    .ProductIcon { position: static; width: 100%; margin: 5px 0 0; float: left; padding: 5px 0; border: none; }
    .ProductIcon .box1 { font-size: 12px; width: 100% !important; line-height: 35px !important; text-align: left; border: none; border-radius: 0; }
    .ProductIcon .box1 i { float: left; line-height: 35px; width: 35px; height: 35px; margin-right: 5px; margin-bottom: 0; }
    .ProductIcon > div { float: left; width: 100%; margin: 5px 0 0; max-width: 100% !important; }
    .ProductIcon > div > a { float: left; width: 100%; margin-bottom: 0; transition: all 0.2s ease; }
    .ProductIcon .box1:before { display: none !important; }
    .ProductIcon a:hover { padding-left: 25px; }
    .ProductIcon2 > div { width: 33.33%; padding: 0 2.5px; }
    .ProductIcon2 > div > a { margin-right: 0; padding: 0 5px; width: 100%; font-size: 11px; white-space: nowrap; }
    .ProductIcon2 > div.YorumYazbtnContent > a { margin-right: 0; }
    .ProductIcon2 > div > a:before { margin-right: 4px; font-size: 12px; }
    .ProductIcon2 > div#divSocialButtons { width: 100%; margin: 10px 0 !important; }
    .ProductIcon2 > div#divSocialButtons > iframe { float: left; margin: 0 5px 0 0; }
    .ProductIcon2 > div#divSocialButtons > div { float: left; margin: 0 5px; }
    .ProductIcon2 > div#divSocialButtons > div i { font-weight: 300; }
    .TopDet .product_social_icon_wrapper { text-align: center; margin: 20px 0 0; }
    .TopDet .product_social_icon_wrapper .PaylasTit { display: none; }
    /******************************************************/
    .sepetimBody .bottomHead { display: none !important; }
    .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; display: block; }
    .bottomHead ul { margin: 0; list-style: none; padding: 0; }
    .bottomHead ul li { float: left; width: 25%; }
    .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 5px 0; color: #000; position: relative; height: 49px; font-weight: 600; }

    .bottomHead ul li a i { display: block; margin: 0 auto 3px; font-size: 18px; font-weight: 300; }
    /*Footer*/
    .ui-slider-horizontal .ui-slider-handle { border-radius: 100%; margin-top: -2px; border: 0 !important; }
    .ui-slider-horizontal .ui-slider-handle:nth-child(3) { /* left: 95% !important; */ /* right:auto; */ }
    body .slider-range { width: 100%; height: 5px; border: 0 !important; background: #eee; margin: 10px 0 !important; }
    body .ui-slider-horizontal .ui-slider-range { background: #e9e9e9 !important; }
    .ebultenDiv { width: 100%; padding: 0; margin: 0; }
    .ebultenGelecek { margin: 5px 0 0 0; }
    .Ebulten-In .newsbutton { width: 70px; font-size: 12px; font-weight: 700; }
    #txtbxNewsletterMail { padding-right: 70px; padding-left: 10px; font-size: 13px; }
    #divTicimaxCopyrightContent { float: left; width: 100%; margin-bottom: 40px; }
    #divTicimaxCopyrightContent img { display: inline-block; vertical-align: top; }
    #ticimaxCopyright { margin-top: 5px !important; font-size: 11px; }
    #back-to-top { bottom: 11%; right: 2%; }
    #back-to-top a { width: 30px; height: 30px; }
    #back-to-top a:after { line-height: 26px; }
    #footer .socialdiv { margin: 0; text-align: center; margin: 10px 0; }
    #footer .socialdiv ul { display: inline-block; vertical-align: top; }
    #footer .store { margin: 0; text-align: center; margin: 10px 0; }
    #footer .store ul { display: inline-block; vertical-align: top; }
/*kategori*/
body #divSayfalamaUst:not(.Slct) .brandlistselection { margin-top: 10px !important; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { padding: 0 !important; }
.categoryContainer .categoryTitleText { padding: 0; margin: 0; }
.ProductBody .categoryTitle { padding: 0; margin: 0; }
body .category-vertical-filters.top-filters { width: 85%; height: calc(100% - 50px); box-shadow: none; border: none; }
body.CategoryBody ul.breadcrumb { text-align: left; }
body ul.breadcrumb { white-space: nowrap; position: relative; }
body ul.breadcrumb.zindex { z-index: -1; pointer-events: none; }
body ul.breadcrumb:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; content: ''; display: block; }
body ul.breadcrumb li:nth-child(1) a:before { display: none; }
body ul.breadcrumb:before { content: '\f015'; font-family: 'fontawesome'; font-weight: 300; line-height: 40px; margin-right: 5px; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; }
body.ProductBody ul.breadcrumb:before { color: #000; }
body ul.breadcrumb * { line-height: 40px !important; font-size: 12px !important; max-width: 25px; text-decoration: none; }
body ul.breadcrumb li:after { line-height: 40px; font-size: 12px !important; content: '...'; margin: 0 2px; }
body ul.breadcrumb li { font-size: 0 !important; }
body ul.breadcrumb li:last-child a span:after { display: none; }
body ul.breadcrumb li:last-child { max-width: 90px; }
body ul.breadcrumb li:last-child * { max-width: 100%; font-size: 12px !important; text-overflow: ellipsis; overflow: hidden; }
body ul.breadcrumb li a span { font-size: 0 !important; }
body ul.breadcrumb li a span:after { content: '\f105'; font-family: 'fontawesome'; font-size: 14px !important; display: inline-block; vertical-align: top; line-height: 40px; font-weight: 300; }
.categoryTitleText { position: relative; z-index: 99; }
.breadList { position: absolute; left: 0; right: 0; top: 0; background: #fff; padding: 10px 20px; z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); }
.breadList.breadActive { display: block !important; }
.breadList ul { list-style: none; }
.breadList .mBread { float: left; width: 100%; }
.breadList .mBread ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
.breadList .mBread ul li { float: left; width: 100%; font-size: 0; display: block; margin-right: 0; line-height: 1; }
.breadList .mBread ul li a { float: left; width: 100%; font-size: 11px; color: #454545; padding: 6px 8px; position: relative; }
.breadList .mBread ul li a:before { content: '\f148'; font-family: 'fontawesome'; font-size: 10px; position: absolute; left: -5px; top: 8px; transform: rotate(90deg); }
.breadList .mBread ul li a span { font-weight: normal; line-height: 15px; }
.breadList .mBread ul li ul { padding-left: 4px; }
.breadList .mBread > ul > li > a span { font-weight: 600; }
.breadList .clbtn { position: absolute; right: 5px; top: 10px; width: 30px; text-align: center; font-size: 18px; color: #000; z-index: 99; }
.categoryContainer .breadList .clbtn { }
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
.categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
.categoryContainer #divCenterBlock .ProductList { margin: 0 -5px; }
.categoryContainer .ProductListContent .productItem { margin-bottom: 10px; }
body .mobilFilterOpenBtn .button { font-size: 13px; }
/*urundetay*/
.leftImage { float: left; width: 100%; }
.RightDetail { width: 100%; padding: 20px 0 0; margin: 20px 0 0 0; border-top: 1px solid #eee; }
body a#linkOncekiSayfa { display: none; }
body .leftImage a#linkOncekiSayfa { position: absolute; top: 10px; left: 10px; width: 35px; text-align: center; font-size: 0 !important; font-family: 'fontawesome'; color: #fff; z-index: 5; line-height: 35px; display: block; }
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: 120px; }
#divAdetCombo .right_line, .RightDetail .riSingle { width: 120px; }
.Basketinp p { margin-right: 0; width: 100%; }
.basketBtn { width: calc(100% - 130px); margin: 0 0 0 10px; }
.buyfast { width: 100%; margin: 10px 0 10px 0; }
#divKombinSatinAl { width: 100%; margin: 10px 0 0; }
#txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input,
.buyfast input { height: 50px !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: 50px; }
.urunOzellik { display: none; }
.urunOzellikTab { margin: 25px 0; border-top: 1px solid #d7d7d7; display: block; float: left; width: 100%; }
.urunOzellikTab .urunTab { float: left; width: 100%; }
.urunOzellikTab .urunTab > ul { list-style: none; padding: 0; margin: 0; }
.urunOzellikTab .urunTab > ul > li { float: left; width: 100%; border-bottom: 1px solid #d7d7d7; }
.urunOzellikTab .urunTab > ul > li > a { color: #000; font-size: 14px; text-transform: uppercase; line-height: 50px; float: left; width: 100%; padding: 0 10px; }
.urunOzellikTab .urunTab > ul > li > a:after { content: '\f078'; font-family: 'fontawesome'; font-size: 16px; float: right; }
.urunOzellikTab .urunTab > ul > li.active > a { color: #fff; }
.urunOzellikTab .urunTab > ul > li.active > a:after { content: '\f077'; }
.urunOzellikTab .urunTab > ul > li.active .urunDetayPanel { display: block !important; }
.urunDetayPanel { padding: 15px 0; border-top: 1px solid #d7d7d7; }
.taksitBlok { width: 100%; }
/*mobilicerik*/
.detaySliderContainer { margin: 10px 0; }
.sliderBannerContainer { margin: 30px 0 0 0; padding: 0 10px; }
.HeaderTop { display: none; }
.HomeImageBlock ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.HomeImageBlock ul li img { width: 100%; }
#footer { margin: 30px 0 0 0; padding: 0 0 0 0; }
.Footer1 { padding: 10px 0; }
.Footer2, .Footer3 { padding: 20px 0; }
.Footer2Wrap { flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -o-flex-direction: column; }
#footer .FC-Title, #footer .FE-Title { font-size: 15px; line-height: 1; margin-bottom: 10px; }
#footer .FooterSocial ul li a i { width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
#footer .FooterSocial ul li { margin-right: 10px; }
#footer .FooterSocial { margin-bottom: 20px; }
.Footer3Left { text-align: left; width: 100%; line-height: 1; font-size: 12px; }
.Footer3Right { float: left; clear: both; margin: 15px 0 0 0; }
.Footer3Right img { max-height: 25px; }
.FooterCol { width: 100%; text-align: left; max-width: 100%; }
.FooterCol > .FooterCol-Title { font-size: 15px; position: relative; line-height: 40px; margin-bottom: 0; padding: 0; width: 100%; padding-left: 20px; }
.FooterCol-Title::after { width: 10px; height: 10px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }


.ackapabtn { position: absolute; right: 0; left: 0; top: 0; line-height: 40px; font-size: 25px; display: block; padding: 0 5px 0 0; text-align: right; }
.ackapabtn i { font-weight: 300; }
.FooterCol > .FooterCol-Title + *:not(.active) { display: none; margin: 5px 0; width: 100%; padding-left: 20px; }
.FooterCol ul li { margin: 7px 0; width: 100%; }
.FooterCol > .FooterCol-Title.active + * { display: block; }
.FooterMenuWrap { display: block; float: left; width: 100%; }
.FooterCol ul li a { font-size: 14px; line-height: 18px; display: block; }
.spanustSepetteUrunYok { font-size: 16px; margin: 20px 0 0 0; float: left; clear: both; text-align: center; width: 100%; font-weight: 900; }
.spanustSepetteUrunYok:before { content: '!'; font-size: 50px; vertical-align: top; border: 1px solid; display: block; width: 100px; height: 100px; line-height: 98px; border-radius: 100%; margin: 0 auto; margin-bottom: 30px; }
body.transform #formGlobal { left: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before, #pnlSlider .flex-direction-nav .flex-next:before { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
#pnlSlider .flex-direction-nav { top: calc(50% - 15px); left: 10px; right: 10px; }
#pnlSlider .flex-control-nav { bottom: 15px; }
#pnlSlider .flex-control-paging li { margin: 0 2.5px; }
#pnlSlider .flex-control-paging li a { width: 10px; height: 10px; }
.TrustIcons { margin: 30px 0 0 0; padding: 0 10px; }
.landing-block .TrustIcons { padding: 0; }
.TI-Img img, .TI-Img { height: 50px; }
.TI-List ul { display: block; white-space: nowrap; float: left; width: 100%; overflow: hidden; overflow-x: auto; margin: 0; }
.TI-List ul li { padding: 0 5px; display: inline-block; vertical-align: top; max-width: inherit; }
.TIT-Step1 { font-size: 13px; line-height: normal; }
.TIT-Step2 { font-size: 12px; line-height: normal; }
.TI-Wrap { max-width: 150px; white-space: normal; }
.HomeImageBlock { margin: 30px 0 0 0; padding: 0; }
.HomeImageBlock li { margin: 0; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { font-size: 15px; line-height: normal; margin-bottom: 15px; }
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav { left: -7.5px; right: -7.5px; top: calc(50% - 15px); }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext { width: 30px; height: 30px; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev: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 { line-height: 30px; font-size: 13px; }
.Blog { margin: 30px 0 0 0; padding: 20px 10px; }
.Blog-Title { font-size: 16px; line-height: normal; }
.Blog-Text { margin: 5px 0 10px 0; font-size: 12px; line-height: normal; }
.Blog-Step1 { font-size: 14px; line-height: normal; }
.Blog-Step2 { font-size: 12px; line-height: normal; }
.Blog-Step3 a { font-size: 12px; }
.markaSlider { margin: 30px 0 0 0; padding: 0 10px; }
.markaSlider .owl-carousel { padding: 20px 50px; }
.productItem .productIconLeft { left: 5px; top: 5px; }
.productItem .productIconRight { right: 5px; top: 5px; }
.newIcon, .discountIcon, .firsatIcon { width: 35px; height: 20px; line-height: 20px; font-size: 10px; }
.cargoIcon { width: 50px; font-size: 10px; height: 26px; line-height: 1; padding: 2px; }
.urunListStokUyari { width: 60px; font-size: 10px; height: 26px; line-height: 1; padding: 2px; }

.urunListSonUrun { width: 30px; font-size: 10px; height: 26px; line-height: 1; padding: 2px; }
.ozelAlanEx { padding: 5px 0; }
.ozelAlanEx > div { font-size: 10px; line-height: 1; padding: 3px; height: auto; margin: 2px; }
.TukendiIco span { width: 80px; font-size: 12px; line-height: 25px; height: 25px; }
.productItem:hover .quickViewIco a { display: none; }
.productItem:hover .productEx { display: none; }
.boxBedenlerContainer > div > div { font-size: 10px; }
.boxBedenlerContainer > div { margin: 0 2.5px; }
.productItem .productMarka { font-size: 12px; margin: 5px 0 0 0; }
.productItem .productName { margin: 3px 0 0 0; }
.productItem .productName a { font-size: 13px; height: 15px; }
.productItem .productPoints { font-size: 0; margin: 7.5px 0 0 0; }
.productItem .productPoints .rating i { font-size: 14px; line-height: 14px; margin-right: 2.5px; }
.productItem .productOnYazi { max-height: 30px; margin: 5px 0 0 0 !important; }
.productItem .productOnYazi, .productItem .productOnYazi * { font-size: 11px; line-height: 15px; }
.productItem .productStokKodu { font-size: 12px; line-height: 1; }
.productItem .productSatisBirimi { font-size: 12px; line-height: 1; }
.productItem .productPrice { margin: 7.5px 0 0 0; }
.productItem .regularPrice span { font-size: 12px; line-height: 1; }
.productItem .regularPrice span:first-child { line-height: 12px; display: block; }
.productItem .regularPrice { margin-right: 5px; margin-top: 3px; }
.productItem .discountPrice span { font-size: 16px; }
.pageNumberContent a, .pageBorder a { font-size: 11px; width: 25px; min-width: 25px; height: 25px; line-height: 23px; margin: 0 2.5px; }
.pageNumberBottom { margin: 30px 0 20px 0; }
.HeaderFavori { display: none; }
.KategoriAdi { font-size: 20px; line-height: 1; text-align: left; }
.CategoryBody .categoryTitleText { padding: 10px 10px 5px 10px; }
.markaresmi { top: 10px; right: 10px; }
.markaresmi img { max-height: 40px; }
.CategoryBody .ticiTopBlockContent .ticiContainer { padding: 0 10px; }
.ozelAlanEx > div.resimli img { max-height: 30px; }
body .TopDet .productTimer { position: static !important; margin-bottom: 15px; }
body #divMobileImageList .owl-dots { display: block; float: left; width: 100%; margin: 20px 0 0 0; text-align: center; position: relative; font-size: 0; }
#divIndirimOrani { float: left; clear: both; border-radius: 5px; width: auto; padding: 0 10px; margin: 0 0 20px 0; height: auto; line-height: 1; }
#divIndirimOrani .right_line *, #divIndirimOrani .right_line { line-height: 40px; vertical-align: top; }
#pnlFiyatlar { float: left; clear: both; }
.DetayOzelAlanWrap > div { margin-top: 10px; margin-right: 10px; }
.TopDet #IlgiliUrunDiv ul li { margin: 10px 10px 0 0; width: 45px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { padding: 0 4px; font-size: 12px; line-height: 28px; height: 30px; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 30px; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { height: 35px; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line:after { line-height: 35px; }
body #frmDinamikForm label { margin-bottom: 5px; font-size: 13px; }
body #frmDinamikForm > div { margin-bottom: 10px; }
body .dinamikFormContainer .textbox, body .dinamikFormContainer select { padding: 0 10px; font-size: 12px; height: 35px; }
body .dinamikFormContainer input[type=tel] { height: 35px; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle label, body #frmDinamikForm .jfilestyle .focus-jfilestyle { width: 80px; }
body #frmDinamikForm .jfilestyle .focus-jfilestyle label span { font-size: 12px; }
.selectcontrol:after { line-height: 35px; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label, #divUrunSiparisDosya .jfilestyle .focus-jfilestyle { width: 80px; }
#divUrunSiparisDosya .jfilestyle .focus-jfilestyle label span { font-size: 12px; }
#divUrunKisiselNot > div:first-child { margin-bottom: 10px; }
#divEtiketler a { margin: 2px; }
.SmallImages { margin: 0 !important; }
}

@media screen and (min-width:414px) {
}

@media screen and (min-width:375px) and (max-width:413px) {
}

@media screen and (min-width:0px) and (max-width:374px) {
}

.RenkSecimi { position: fixed; width: 300px; background: #fafafa; z-index: 999; padding: 0; top: 0; bottom: 0; left:0}
.RC-Title { font-size: 15px; font-weight: 700; background: #15284b; color: #fff; text-align: left; padding: 0 20px; line-height: 50px; float: left; width: 100%; }
.RC-Detail {float: left;width: 100%;padding: 0px 10px 0px 10px;max-height: 100%;overflow: hidden;overflow-y: auto;position: absolute;top: 110px;bottom: 100px;}
.RC-MainColor {background: #fff;float: left;width: calc(100% - 20px);border: 1px solid #eee;padding: 0 0 0 10px;margin: 10px;border-radius: 5px;}
.RC-Tab { float: left; width: 100%; }
.RC-TabRow {float: left;width: 100%;border: 1px solid #eee;background: #fff;margin-bottom: 10px;}
.RC-TabRow:last-child{margin-bottom:0}
.RC-TabRow .RC-TabTitle {font-size: 14px;font-weight: 600;color: #555;float: left;width: calc(100% + 2px);padding: 0 10px;border-bottom: 1px solid #eee;cursor: pointer;line-height: 45px;margin-left: -1px;margin-top: -1px;}
.RC-TabRow.active .RC-TabTitle { color: #fff; background: #15284b; }
.RC-TabRow .RC-TabDetail { float: left; width: 100%; display: none; padding: 10px; }
.RC-TabRow .RC-TabDetail ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; }
.RC-TabRow .RC-TabDetail ul li {float: left;width: 100%;border: 1px solid #eee;padding: 0 0 0 10px;margin: 5px 0;border-radius: 5px;}
.RC-TabRow.active .RC-TabDetail { display: block; }
.RC-TabRow .RC-TabTitle:after { content: '\f078'; float: right; font-size: 14px; font-family: 'FontAwesome'; line-height: 45px; display: block; margin-right: 5px; }
.RC-TabRow.active .RC-TabTitle:after { content: '\f077'; }
.RenkSecimi label { padding: 0; font-size: 12px; position: relative; z-index: 2; pointer-events: none; width: auto; float: left; clear: both; line-height: 40px; font-weight: 500; }
.RenkSecimi input.jscolor { appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 0; left: 0; bottom: 0; height: 40px; border-radius: 0; cursor: pointer; width: 70px; border: 0; border-left: 1px solid #eee; font-size: 11px; padding: 0 10px; float: right; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.RenkSecimi input:last-child { margin: 0; }
.RC-Detail::-webkit-scrollbar { width: 5px; }
.RC-Detail::-webkit-scrollbar-track { background: #fafafa; }
.RC-Detail::-webkit-scrollbar-thumb { background: #15284b; }
.RC-Buttons {position: absolute;bottom: 10px;left: 10px;right: 10px;}
.RC-Reset {width: calc(50% - 5px);line-height: 35px;background: #15284b;color: #fff;text-align: center;border-radius: 5px;float: right;cursor:pointer;}
.RC-Save {width: 100%;line-height: 35px;background: green;color: #fff;text-align: center;border-radius: 5px;float: left;margin: 10px 0 0 0;cursor:pointer;}
.RC-Cancel {width: calc(50% - 5px);line-height: 35px;background: #ca0c0c;color: #fff;text-align: center;border-radius: 5px;float: left;cursor:pointer;}
.RC-Cancel:hover{background: #a20b0b;}
.RC-Save:hover{background: #0d940d;}
.RC-Reset:hover{background: #213f75;}
.RC-UrunBox {float: left;width: 100%;margin: 10px 0 0 0;background: #fff;border: 1px solid #eee;padding: 10px;}
.RC-UrunBox-Title {float: left;width: 100%;font-size: 14px;line-height: 1.4;font-weight: 600;margin: 5px 0 0 0;}
.RC-UrunBox ul {float: left;width: calc(100% + 10px);list-style: none;padding: 0;margin: 10px -5px 0;}
.RC-UrunBox ul li {float: left;position: relative;width: calc(33.33% - 10px);border: 1px solid #eee;margin: 0 5px;padding: 5px 0;}
.RC-UrunBox ul li span:before{content:'-';content: '\f111';font-family: 'FontAwesome';font-size: 0;position: absolute;top: 5px;left: 0;right: 0;text-align: center;color: #fff;line-height: 55px;}
.RC-UrunBox ul li input[type="radio"]:checked+span:before{content: '\f058';font-family: 'FontAwesome';font-size: 18px;}
.RC-UrunBox ul li span{font-size: 12px;display:inline-block;vertical-align:middle;line-height: 1.5;width: 100%;text-align: center;}
.RC-UrunBox ul li input{display:inline-block;vertical-align:middle;margin-top: 0;margin-left: 0;position: absolute;width: 100%;height: 100%;z-index: 9;cursor: pointer;opacity: 0;margin: 0;}
.RC-UrunBox ul li span i{font-size: 45px;color: #999;width: 100%;text-align: center;line-height: 55px;}

/* ============================================================ */
/* ===================== RHN MUZIK - CUSTOM ==================== */
/* Diamond1 (FE07-BA) temeli uzerine kurulan ozel tasarim. Yukaridaki */
/* HER SEY dokunulmadan duruyor (sepet/hesabim/iletisim vb. henuz  */
/* elden gecmemis sayfalarda kirilma olmasin diye) - CSS cascade   */
/* sayesinde buradaki kurallar ayni selector'lar icin USTUNE yaziyor. */
/* Sira: anasayfa bloklarindan basliyoruz (bkz. proje notu).       */
/* ============================================================ */

/* KRITIK EKLEME: gercek RHN Music logosu (static.ticimax.cloud/.../
   rhn-logo-01.png) cok karakterli - kalin/vurgulu bloklu "RHN" +
   akici firca imzasi "music". Site genelinde ise sadece notr modern
   Outfit kullaniliyordu, logoyla hic konusmuyordu ("birebir ayni degil"
   - kullanici fark etti). Buyuk basliklar icin logonun kalin/vurgulu
   ruhunu tasiyan bir gorsel font ekliyoruz (--rhn-display), govde/UI
   metni okunabilirlik icin Outfit'te kaliyor. */
@import url('https://fonts.googleapis.com/css?family=Anton|Outfit:400,500,600,700|Spline+Sans+Mono:400,500&display=swap');

:root {
  --rhn-bg: #f4f1ea;
  --rhn-ink: #2c2a24;
  --rhn-ink-2: #2f2c26;
  --rhn-accent: #6f7d59;
  --rhn-accent-ink: #3c4a2e;
  --rhn-line: #e6e1d6;
  --rhn-muted: #9a937f;
  --rhn-card-img-bg: #efe9da;
  --rhn-input-bg: #f2efe8; /* input/ikincil yuzey rengi - onceden #f7f5f0 ve
    var(--rhn-input-bg) diye iki ayri, neredeyse ayni ton daginik kullaniliyordu, tek
    degiskende topladik */
  --rhn-font: 'Outfit', sans-serif;
  --rhn-mono: 'Spline Sans Mono', monospace;
  --rhn-display: 'Anton', 'Outfit', sans-serif; /* logodaki kalin "RHN" blogunun
    ruhu - sadece BUYUK basliklarda (sayfa H1'leri, ana bolum basliklari) */
  --theme-color: #6f7d59; /* diamond1'in mevcut token'i - marka rengini buradan da hizaliyoruz */
  /* temanin orijinali bu header/footer token'larini panelin "Tema Rengi"
     ayarindan enjekte edilen inline <style>'a birakiyordu (bkz. kaynak-html/
     diamond1-*.html satir ~140). Panel ayari ne olursa olsun kendi tasarimimizi
     garanti altina almak icin burada sabitliyoruz. Mockup beyaz header
     oneriyordu ama kullanici canli onizlemede israrla "beyaz arkaplan"dan
     rahatsiz oldu - header'i da site geneliyle ayni krem tona (--rhn-bg)
     cekip beyazi tamamen kaldiriyoruz. */
  --header-bg: var(--rhn-bg);
  --header-textcolor: #54514a;
  --header-searchbg: var(--rhn-card-img-bg);
  --header-searchcolor: #54514a;
  --header-searchbutoncolor: #6f7d59;
}

body { background: var(--rhn-bg); font-family: var(--rhn-font); color: var(--rhn-ink-2); }
/* -------------------- HEADER / LOGO / MENU / ARAMA --------------------
   GUNCEL gercek yapi (kullanicinin panelden kopyaladigi canli outerHTML,
   2026-07-27 - onceki not YANLISTI, duzeltiyoruz): bu magaza "MoreMenu"
   varyantini kullaniyor: #header.homeHeader.MoreMenu > .headerContent >
   .logoArea > (.leftDiv[#logo] + .centerDiv[.navigation] + .rightDiv[cart+
   favori+hesabim+doviz]), ayrica .headerContent'in dogrudan cocugu olarak
   #divTopProductSearch.searchContent (acilinca tam genislik kaplayan arama
   seridi) ve .SearchToggle (arama ikonu). Temanin orijinalinde bu 3 sutun
   icin ZATEN saglam bir flex sistemi var (bkz. temel CSS satir ~1258:
   .logoArea{display:flex;height:80px} + .leftDiv/.rightDiv{width:310px} +
   .centerDiv{width:calc(100% - 620px)}) - ona dokunmuyoruz, ustune ince
   ayar yapiyoruz. Logo <img>'un SATIR ICI stili (width:350px;height:127px)
   panelden geliyor, disaridan max-width ile kucultulemiyordu (inline stil
   her zaman guclu) - !important ile eziyoruz. */
#logo img {
  width: auto !important; /* satir ici width:350px inline stilini eziyoruz */
  height: 60px !important;
  max-width: 280px;
}
@media (max-width: 767px) {
  #logo img { height: 38px !important; max-width: 160px; } /* mobil header 60px, 60px logo bosluk birakmiyordu */
}

/* nav link title= attribute'u tooltip olarak ayni metni tekrar gosteriyordu */
.navigation .navUl .tooltip { display: none !important; }
/* Arama seridi (#divTopProductSearch.searchContent) temanin orijinalinde
   tamamen ciplakti: .search{position:relative} icinde #txtbxArama
   (width:100%, arkaplan yok) + #btnKelimeAra (position:absolute;right:0) -
   .searchContent'in kendisi de left:-20px;right:-20px ile sayfa kenarina
   kadar yayiliyor. Sonuc: neredeyse tum sayfa genisliginde, gorunmez/
   cercevesiz bir input + sagda yalniz kalmis bir "ARA" butonu - "sikisik/
   kopuk" gorunumun sebebi buydu. Gercek genislige (1280px, ortali) cekip
   tek parca bir kutu gorunumu veriyoruz. */
.searchContent.active { background: var(--rhn-bg) !important; border-top: 1px solid var(--rhn-line); border-bottom: 1px solid var(--rhn-line); }
.searchContent .search {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}
#txtbxArama {
  background: var(--rhn-card-img-bg) !important; /* keskin beyaz yerine site
    genelindeki krem ton - kullanici beyazi tekrar tekrar tuhaf buldu */
  border: 1.5px solid var(--rhn-line) !important;
  border-radius: 12px !important;
  padding-left: 20px !important;
  font-family: var(--rhn-font);
  font-size: 14px !important;
}
#btnKelimeAra {
  border-left: none !important;
  color: var(--rhn-accent-ink) !important;
  font-family: var(--rhn-font);
  font-weight: 600 !important;
  right: 56px !important; /* .search'e verdigimiz 40px padding + 16px ic bosluk:
    input'un beyaz kutusu .search'un IC (content) alaninda bitiyor, buton
    ise .search'un DIS kenarina gore right:0 aliyordu (temadan) - arada
    padding kadar bosluk kalip buton kutunun disinda yalniz kaliyordu. */
}
/* KRITIK DUZELTME: #lang_flag_container'in (doviz secici, "TRY") metni
   temanin orijinalinde koyu renkli eski header'lara gore "color:#ffff
   !important" (beyaz) ayarliydi - header artik krem oldugu icin beyaz
   yazi gorunmez/tuhaf duruyordu. Diger sag ikonlarla ayni hizaya ve
   renge cekiyoruz. */
.rightDiv #lang_flag_container {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 20px;
}
#lang, #lang span { color: var(--rhn-ink-2) !important; }
#lang_flag_container:hover #lang { color: var(--rhn-accent-ink) !important; }
.ticiContainer, .innerContainer { max-width: 1280px; }
/* KRITIK DUZELTME: .headerContent'i YUKARIDAKI 1280px kutusuna sokmak
   yanlisti - temanin orijinali zaten "max-width:100%; margin:0 20px"
   diyordu (satir ~1750), yani header'in TAM GENISLIK kaplamasi, sadece
   urun/blok iceriginin (ticiContainer) 1280px'e sabitlenmesi bekleniyordu.
   1280px'e sikistirip sonra ortalamaya calismak logo'yu/ikonlari gercek
   kenarlardan iceri cekiyordu ("logo daha solda, ikonlar daha sagda
   olmali" sikayeti). .headerContent'i tam genislik birakiyoruz - .logoArea
   zaten kendi icinde leftDiv/centerDiv/rightDiv ile duzeni yonetiyor. */
.headerContent { max-width: 100%; margin: 0 20px; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cfc8b8; border-radius: 12px; }
/* KRITIK DUZELTME: Sayfa Tasarimi editoru her blogu otomatik olarak
   <section class="landing-block ... design-bg-1 ...">'e sariyor (bkz.
   kaynak-html/rhnmuzik-canli-anasayfa.html satir ~490). "design-bg-1" panelin
   hazir arkaplan renklerinden biri ve temanin cekirdek CSS'inde (bizim
   style.css disinda, Ticimax'in kendi bundle'inda) soyle tanimli:
   ".design-bg-1{background-color:#fff!important}" - yani her blok, icindeki
   bizim ozel HTML'imizden BAGIMSIZ olarak !important ile beyaz zemine
   boyaniyordu, bloklar arasinda beyaz kutular/seritler olusuyordu ("her
   divin bir wrapper'i var ve beyaz arkaplan koyuyor"). Sarmalayiciyi seffaf
   yapip altindaki body'nin krem rengini (--rhn-bg) gostermesini sagliyoruz. */
.landing-block.design-bg-1 { background-color: transparent !important; }

/* KRITIK DUZELTME: menudeki "kayma" bugu - canli kaynakta dogrulandi
   (rhn-home-fresh.html), ust menude TOPLAM 8 kategori var: TUSLULAR,
   GITARLAR, NEFESLILER, DAVUL & PERKUSYON, YAYLILAR, TURK MUZIGI, AKSESUAR,
   RHN KABLOLAR. Header satirina (logo+arama+ikonlarla birlikte) hepsi
   sigmiyor; tasan son 1-2 kategori (AKSESUAR, RHN KABLOLAR) alt satira
   kayiyor, #header'in sabit 80px kutusunun DISINA tasip altindaki sayfa
   iceriginin uzerine biniyordu (kullanicinin "kaydirdikca iniyor" dedigi
   kayma buydu - aslinda inis degil, tasan menu satirinin header'in altina
   sizmasiydi). font-size'i kucultup margin'i daralttik ki tek satira
   sigsin (asagida).

   IKINCI KRITIK DUZELTME (sonradan bulundu): burada eskiden ayrica
   `overflow-x:auto; overflow-y:hidden;` vardi (tasarsa yatay kaydirmaya
   biraksin diye) - ama bu, mega-menu dropdown panelini (`.Flexscroll`,
   bir alt satirda `<li>` icinde position:absolute duruyor) DIKEY olarak
   KESIYORDU: overflow-y:hidden olan bir ust elemanin altina tasan hicbir
   mutlak-konumlu icerik gorunmez ("dropdownlar komple kayboldu, sadece
   arama icin dropdown aciliyor" - arama kutusu bu satirin DISINDA oldugu
   icin etkilenmiyordu). CSS'te overflow-x:auto + overflow-y:visible gibi
   bir kombinasyon da tarayicilarin spec geregi overflow-y'yi otomatik
   auto'ya cevirip yine kesmesi yuzunden COZUM DEGIL. font-size/margin
   kucultmesi zaten 8 kategoriyi tek satira sigdirdigi icin overflow-x
   guvenlik agina ihtiyac kalmadi - kaldirildi, dropdown artik kesilmiyor. */
.navigation .navUl {
  white-space: nowrap;
  font-size: 12px; /* temanin orijinali 1vw kullaniyordu - bu, genislige gore
    ongorulemez sekilde buyuyup 8 kategoriyi satira sigdirmiyordu (her
    ekran goruntusunde "AKS"te kesiliyordu). Sabit, kucuk bir degere
    cekip garanti sigdiriyoruz - 8 kategori + logo + ikonlarla birlikte
    dar onizleme pencerelerinde bile tek satira sigmasi icin agresif
    kucultuldu. */
}
.navigation .navUl > li {
  margin: 0 5px; /* temanin orijinali 0 .2vw idi - ayni sebeple sabitledik */
  position: relative; /* KRITIK DUZELTME: .Flexscroll'un left:50% ortalamasi
    buna gore hesaplansin diye - yoksa #header'in TUMUNE gore ortalaniyordu,
    solda bir kategoriye gelince panel sagda uzakta aciliyor, fareyle
    ulasmak imkansiz oluyordu ("menu disinda algilamiyor" sikayeti). */
}
.navigation .navUl > li > a {
  font-size: 12px;
  padding: 20px 0;
  letter-spacing: -0.01em;
}
/* KRITIK DUZELTME + TASARIM YENILEMESI: mega-menu acilir paneli once
   column-count'tan grid'e cevrilmisti (duzensizlik giderildi) ama kullanici
   genel HISSINI begenmedi - tam sayfa genisliginde (temanin orijinali
   left:0;right:0 veriyor), header'a yapisik koseli, beyaz zeminli "jenerik
   kurumsal dropdown" gibi duruyordu; az ogeli kategorilerde (TUSLULAR: 4
   oge) dev bos bir panel aciliyordu. Header'dan kopuk, yuzen/kompakt, site
   paletiyle (krem) uyumlu, adacayi vurgulu bir kart tasarimina ceviriyoruz. */
.navigation .navUl > li > .Flexscroll {
  left: 50%;
  right: auto;
  top: 100%;
  transform: translateX(-50%);
  width: max-content; /* min-width kaldirildi: sabit 200px sutunlarla birlikte az ogeli kategorilerde bos panel birakiyordu */
  max-width: 820px;
  /* KRITIK DUZELTME: gorsel boslugu (li ile panel arasi) onceden gercek
     bir GAP (top:calc(100% + 12px)) ile yapmistik - fare o bosluktan
     gecerken li'nin hover'indan cikiyor, panel kapaniyordu ("hover
     edemiyorum" sikayeti). Boslugu gorunmez bir PADDING'e ceviriyoruz:
     hover hitbox'i li'ye yapisik kaliyor (top:100%, gap yok), gorsel
     ayrim asagidaki ic <ul>'a tasindi (background/border/golge/radius). */
  padding-top: 12px;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
/* auto-fit, kapsayici genisligi belirsizken (width:max-content) tek sutuna cokuyordu - sabit 200px sutun + grid-auto-flow:column'a gectik */
.navigation .navUl > li .Flexscroll > ul {
  -webkit-column-count: unset; -moz-column-count: unset; column-count: unset;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-auto-columns: 200px;
  gap: 26px 34px;
  align-items: start;
  background: var(--rhn-bg);
  border: 1px solid var(--rhn-line);
  border-radius: 20px;
  box-shadow: 0 24px 48px rgba(44, 42, 36, .18);
  padding: 28px 32px;
  box-sizing: border-box;
}
.navigation .navUl > li .Flexscroll > ul > li {
  margin-bottom: 0;
  -webkit-column-break-inside: unset; page-break-inside: unset; break-inside: unset;
}
.navigation .navUl > li .Flexscroll > ul > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--rhn-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--rhn-accent-ink);
  margin-bottom: 13px;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--rhn-line);
}
.navigation .navUl > li .Flexscroll > ul li a {
  font-family: var(--rhn-font);
  color: var(--rhn-ink-2);
}
.navigation .navUl > li .Flexscroll > ul > li > ul {
  float: none;
  width: auto;
  max-width: 200px;
  max-height: 220px;
}
.navigation .navUl > li .Flexscroll > ul ul li a {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--rhn-muted);
  line-height: 2.3;
  transition: color .15s ease, transform .15s ease;
}
.navigation .navUl > li .Flexscroll > ul ul li a:hover {
  color: var(--rhn-accent-ink) !important;
  transform: translateX(2px);
}

/* -------------------- URUN KARTI (.productItem) --------------------
   Gercek Ticimax yapisi (canlida dogrulandi, diamond1-anasayfa.html):
   .productItem > .productImage (img) + .productDetail (marka/ad/fiyat)
   + .urunListeAdet (gizli) + .productIcon (favori/sepet/incele/hizlibakis)
   .productIcon, .productDetail'den SONRA geliyor (DOM sirasi) - favori
   ikonunu gorsel ustune bindirmek icin position:absolute kullaniyoruz,
   sepete-ekle butonunu ise akista birakip kartin en altina oturtuyoruz. */
.productItem {
  position: relative;
  background: #fff;
  border: 1px solid var(--rhn-line);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  box-shadow: none;
  height: 100%;
  box-sizing: border-box;
}
/* KRITIK DUZELTME: grid'de bir satirdaki kartlar (.ItemOrj, flex satirinda
   varsayilan olarak esit yukseklige geriliyor) esit yukseklikte olsa da
   ICINDEKI .productItem kendi dogal (icerik kadar) yuksekliginde
   kaliyordu - height:100% yoktu. Urun adi/fiyati farkli uzunlukta olan
   komsu kartlarda "Sepete Ekle" butonlari satir boyunca farkli
   yuksekliklerde kaliyor, hizasiz/"kayik" gorunuyordu. */
.productItem .productImage {
  position: relative;
  padding-bottom: 104%;
  background: var(--rhn-card-img-bg);
  overflow: hidden;
}
/* KRITIK DUZELTME: temanin orijinali (satir ~523) ayni kutunun ICINDEKI
   a.detailLink/.Videolu/.productIconWrap'e KENDI padding-bottom'unu
   (--urun-box-boyut, %150) veriyordu. Bizim ustteki %104'luk kutu buna
   binince iki oran ust uste toplanip resim kutusu gercek boyutunun
   ~2,5 katina sisiyordu (kucuk urun fotografi devasa krem bir kutunun
   icinde sol ustte kalmis gibi gorunuyordu - canlida fark edildi).
   Ictekini sifirlayip tek kaynak (bu %104) birakiyoruz. */
.productItem .productImage a.detailLink,
.productItem .productImage .Videolu,
.productItem .productIconWrap {
  padding-bottom: 0; position: absolute; inset: 0;
}
.productItem .productImage img {
  max-width: 100%; max-height: 100%; height: auto;
  position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
  mix-blend-mode: multiply; /* cogu urun fotografi beyaz zeminde cekilmis,
    krem dolgu (--rhn-card-img-bg) hic gorunmuyordu - multiply beyazi
    otomatik krem tona kaynatip tum kartlari tutarli hale getiriyor
    (kullaniciya canli demo ile gosterildi, onaylandi). */
  filter: brightness(1.15); /* multiply beyaz olmayan zeminleri koyulastiriyordu, hafif aydinlatma dengeliyor */
}
/* KRITIK DUZELTME: kategori sayfasinda bazi urun kartlari TEK resim degil,
   coklu-fotografli mini galeri kullaniyor (canlida dogrulandi - kaynak-html/
   rhnmuzik-canli-kategori.html ve canli /tuslular sayfasi):
   .productImage.productImageOwlSlider > .productList-Image-Owl.lazyImage
   (data-lazy-function="productListOwlSlider" - Ticimax'in galeri baslatma
   JS'i buraya takili) > .imageItem (ilki gorunur, gercek src zaten HTML'de
   hazir; digerleri display:none + data-src, JS ile aciliyor) > a.detailLink
   > img. Yukaridaki duzeltme sadece a.detailLink'i mutlak konuma aliyordu;
   aradaki iki sarmalayicinin (.productList-Image-Owl, .imageItem) hic
   boyutu yoktu, icindeki tek cocuk mutlak konumlaninca ikisi de 0 yukseklige
   cokuyordu - bu da muhtemelen Ticimax'in galeri JS'inin karti "0 boyutlu,
   henuz gorunur degil" sanip hic baslatmamasina, resmin kalici olarak bos/
   gizli kalmasina yol aciyordu. Zinciri de ayni sekilde dolduruyoruz. */
.productItem .productImage .productList-Image-Owl {
  position: absolute; inset: 0;
}
/* .imageItem'i BILEREK mutlak konuma almiyoruz: kategori sayfasinda
   dots (nokta) gostergeleri gorunen urunlerde (orn. "Helena Mia HMKGS
   Klarnet") owl-carousel JS'i gercekten devreye girip .imageItem'lari
   KENDI ic mekanizmasiyla (yatay serit + transform) yonetiyor - biz de
   mutlak konum dayatirsak owl.js'in genislik hesabiyla cakisip gorsel
   kutunun disina tasiyor, kutu bos gorunuyordu. .productList-Image-Owl'un
   sabit boyutu + ustteki a.detailLink kurali (zaten mutlak konumlu) resmi
   dogru gostermeye yetiyor, .imageItem'a dokunmadan. */
/* KRITIK DUZELTME: "Ilgili Urunler" yan listesinde (satir ~913) temanin
   orijinali .productImage'a padding:0 veriyor, kutunun yuksekligi eskiden
   ICTEKI a.detailLink'in kendi %150 padding-bottom'undan (normal akista)
   geliyordu. Yukarida o icteki elemani position:absolute yaptigimiz icin
   artik akisa hic katkisi yok - bu listede kutu 0 yukseklige cokuyordu.
   li zaten 60px genislikte sabit (satir 910), kare kucuk resim olmasi
   icin burada da 60px sabit yukseklik veriyoruz. */
.TopDet .ilgiliUrunSecenek ul li .productItem .productImage {
  height: 60px;
}
.productItem .productDetail {
  padding: 15px 15px 78px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  position: relative;
}
/* alttaki 78px bosluk: .mycartIcon artik akistan cikip mutlak konumlu
   overlay icinde kartin alt kenarina oturuyor (yukari bkz.) - kendiliginden
   yer acmiyor, metnin ustune binmesin diye burada manuel bosluk birakiyoruz. */
/* marka gizli, kategori mockup'taki mono etiket rolunu ustleniyor */
.productItem .productMarka { display: none !important; }
.productItem .itemCategory {
  display: block !important;
  font-family: var(--rhn-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--rhn-muted);
  text-transform: uppercase;
  order: -1;
}
.productItem .productName { margin: 0; }
.productItem .productName a {
  font-family: var(--rhn-font);
  font-size: 15px; font-weight: 600; line-height: 1.3;
  color: var(--rhn-ink-2);
  white-space: normal; height: auto;
}
.productItem .productOnYazi,
.productItem .productSatisBirimi { display: none !important; }
.productItem .productPrice {
  display: flex; align-items: baseline; gap: 8px; margin: 2px 0 0; flex-wrap: wrap;
}
.productItem .regularPrice { display: inline-flex !important; order: 1; margin: 0; }
.productItem .regularPrice .regularPriceSpan {
  font-size: 13px; color: #aaa392; text-decoration: line-through; font-weight: 400;
}
.productItem .regularPrice .regularKdv { display: none; }
.productItem .discountPrice { display: inline-flex; order: 2; margin: 0; }
.productItem .discountPrice .discountPriceSpan {
  font-size: 19px; font-weight: 700; color: var(--rhn-ink-2);
}
.productItem .discountPrice .discountKdv {
  font-family: var(--rhn-mono); font-size: 10px; color: var(--rhn-muted);
  display: block; width: 100%; order: 3; margin-top: 2px;
}
/* KRITIK DUZELTME: ikonlar once ".productIcon{display:contents}" ile
   "duzlestirilip" icindeki .favori'ye position:absolute veriyorduk (favori
   gorsel ustunde sag ustte, sepete-ekle akista alt buton olsun diye) - ama
   canlida favori, ustte DEGIL, "Sepete Ekle" butonunun yaninda/akista
   cikiyordu (display:contents + position:absolute kombinasyonu guvenilmez
   davrandi, kullanici ekran goruntusuyle dogruladi). display:contents'i
   TAMAMEN kaldirip .productIcon'un kendisini kartin tamamini kaplayan bir
   overlay yapiyoruz - favori ve sepete-ekle artik BU overlay'e gore kendi
   mutlak konumlarini aliyor, hicbir belirsizlige yer kalmiyor. */
.productItem .productIcon {
  position: absolute; inset: 0; z-index: 3; pointer-events: none;
}
/* favori ile .cargoIcon ayni kosedeydi (right/top:12px), ust uste biniyordu */
.productItem .favori {
  position: absolute; right: 12px; top: 54px;
  width: 34px; height: 34px; border-radius: 50%; background: #fff;
  box-shadow: 0 2px 6px rgba(60,57,48,.1);
  display: flex; align-items: center; justify-content: center;
  pointer-events: auto;
}
.productItem .favori a { font-size: 0; color: transparent; display: block; width: 100%; height: 100%; }
/* KRITIK DUZELTME: kalp ikonu -webkit-mask (yalnizca WebKit onekli) ile
   ciziliyordu, onek eksik/tutarsiz render sorunlarina acikti ("parcali"
   gorunum). Daha saglam bir teknik: SVG'yi mask yerine dogrudan
   background-image olarak, dolgulu (fill) sekilde kullaniyoruz - hicbir
   tarayici oneki gerektirmiyor. */
.productItem .favori a:before {
  content: ''; display: block; width: 100%; height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa085'%3E%3Cpath d='M12 21s-6.6-4.35-9.2-8.55C1.1 9.6 2.3 6 5.7 6c1.9 0 3.4 1.05 4.3 2.4a1 1 0 0 0 2 0C13 7.05 14.5 6 16.4 6c3.4 0 4.6 3.6 2.9 6.45C18.6 16.65 12 21 12 21z'/%3E%3C/svg%3E") center/17px no-repeat;
}
.productItem .favori a:hover:before,
.productItem .favori a.listfavoriAktif:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236f7d59'%3E%3Cpath d='M12 21s-6.6-4.35-9.2-8.55C1.1 9.6 2.3 6 5.7 6c1.9 0 3.4 1.05 4.3 2.4a1 1 0 0 0 2 0C13 7.05 14.5 6 16.4 6c3.4 0 4.6 3.6 2.9 6.45C18.6 16.65 12 21 12 21z'/%3E%3C/svg%3E") center/17px no-repeat;
}
.productItem .examineIcon, .productItem .quickViewIco { display: none !important; }
.productItem .mycartIcon {
  position: absolute; left: 15px; right: 15px; bottom: 15px; pointer-events: auto;
}
.productItem .mycartIcon a {
  display: block; text-align: center;
  background: var(--rhn-input-bg); color: var(--rhn-accent-ink);
  border: 1.5px solid var(--rhn-accent); border-radius: 12px;
  padding: 11px; font-size: 13px; font-weight: 600; font-family: var(--rhn-font);
}
/* KRITIK DUZELTME: temanin orijinali "Sepete Ekle" yazisini buton (a)
   degil, ICINDEKI span'a stilliyordu (satir ~556: renk beyaz, satir
   ~1223 hover'da tema rengi) - daha derin/esit ozgullukte oldugu icin
   ustteki rengi eziyordu, buton krem zeminde BEYAZ (gorunmez), hover'da
   da yesil zeminde YESIL (yine gorunmez) yazi olarak cikiyordu. Span'i
   dogrudan hedefleyip iki durumu da duzeltiyoruz. */
.productItem .mycartIcon a span {
  font-size: 13px; line-height: normal; text-transform: none; font-weight: 600;
  color: var(--rhn-accent-ink); font-family: var(--rhn-font);
}
.productItem .mycartIcon a:hover { background: var(--rhn-accent); color: #fff; }
.productItem .mycartIcon a:hover span { color: #fff; }
.productItem .urunListeAdet { display: none !important; }
/* stok yok / indirim rozeti */
.productItem .TukendiIco { border-radius: 0; }
.productItem .discountIcon {
  position: absolute; left: 12px; top: 12px; z-index: 3;
  background: var(--rhn-accent); color: #fff; font-size: 11px; font-weight: 700;
  padding: 5px 11px; border-radius: 999px; width: auto; height: auto; line-height: 1;
}
/* KRITIK DUZELTME: gercek yapida .discountIcon'un ICINDE bir de
   .discountIconDetail var (ayni "%18Indirim" metnini tekrar barindiran bir
   tooltip/detay div'i, kaynak-html'de dogrulandi) - temanin orijinalinde
   BUNU gizleyen bir kural hic yoktu, ciplak/stilsiz metin olarak rozetin
   hemen altinda/ustunde ikinci bir "%18Indirim" yazisi olarak gorunuyordu.
   Varsayilan gizliyoruz. */
.productItem .discountIconDetail { display: none; }
.productItem .discountIcon_s1, .productItem .discountIcon_s2 { display: inline; }
.productItem .newIcon {
  position: absolute; left: 12px; top: 12px; z-index: 3;
  background: var(--rhn-ink-2); color: #fff; font-size: 11px; font-weight: 600;
  padding: 5px 11px; border-radius: 999px; width: auto; height: auto; line-height: 1;
}
/* KRITIK DUZELTME: "Ucretsiz Kargo" rozeti (.cargoIcon) hic stillenmemisti
   - temanin orijinali sadece ciplak bir float:right kutu veriyordu (arka
   plan/renk/boyut yok), .productIcon overlay icinde kartin sag ustunde
   buyuk, tutarsiz, beyaz bir dikdortgen olarak duruyordu ("badge'lerin
   buyuk ve tutarsiz" sikayeti). discountIcon/newIcon ile AYNI pill
   deseni, kartin SAG ustune (indirim/yeni rozeti solda oldugu icin). */
.productItem .cargoIcon {
  position: absolute; right: 12px; top: 12px; left: auto; z-index: 3;
  float: none; clear: none; margin: 0; overflow: visible;
  background: var(--rhn-card-img-bg); color: var(--rhn-ink-2); font-size: 11px; font-weight: 600;
  padding: 5px 11px; border-radius: 999px; width: auto; height: auto; line-height: 1;
  border: 1px solid var(--rhn-line); font-family: var(--rhn-font);
}

/* -------------------- ANASAYFA URUN BLOKLARI (urunblok_N) --------------------
   Gercek yapi: section#urunblok_N > .sliderBannerContainer > .ProductList >
   .jCarouselLite (owlSlider) - Ticimax'ta bu HER ZAMAN bir carousel (kayar
   serit) widget'i, mockup'taki gibi sabit/kaymayan bir grid DEGIL. Kart sayisi
   (itemCount) ekrani tam dolduracak sekilde ayarlanip autoplay/loop KAPALI
   birakilirsa (Ticimax admin > blok ayari) gorsel olarak sabit grid gibi
   gorunur - oklari/noktalari da burada gizliyoruz. */
.anasayfa_urun_slider .JKatAdi.categoryTitle,
.anasayfa_urun_slider .categoryTitle {
  text-align: left; margin-bottom: 22px;
}
.anasayfa_urun_slider .JKatAdi .bold .satir1 {
  font-family: var(--rhn-display); font-size: 26px; font-weight: 400;
  letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2); text-align: left;
}
.anasayfa_urun_slider .owl-nav,
.anasayfa_urun_slider .owl-dots { display: none !important; }
.anasayfa_urun_slider .ProductList { margin: 0 -10px; }
.anasayfa_urun_slider .ItemOrj { padding: 0 10px; margin-bottom: 20px; }
.anasayfa_urun_slider .sliderBannerContainer { margin: 0 auto; }

/* -------------------- SEKME GECISLI VITRIN (3 urunblok + custom sekme) --------
   3 ayri urunblok (Cok Satanlar / Yeni Urunler / Indirimliler filtresiyle,
   Ticimax admin'den) art arda eklenip, aralarinda SADECE aktif olan
   gorunur - bkz. anasayfa-vitrin-sekmeler.html'deki JS. */
.rhn-vitrin-tabs-wrap { max-width: 1280px; margin: 44px auto 0; padding: 0 40px; box-sizing: border-box; }
.rhn-vitrin-tabgroup { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 6px; }
.rhn-vitrin-tabgroup h2 { font-family: var(--rhn-display); font-size: 26px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; margin: 0; color: var(--rhn-ink-2); }
.rhn-vitrin-tabs { display: flex; gap: 8px; }
.rhn-vitrin-tab {
  background: var(--rhn-card-img-bg); color: #54514a; border: 1px solid var(--rhn-line);
  border-radius: 999px; padding: 9px 18px; font-size: 13px; font-weight: 600;
  font-family: var(--rhn-font); cursor: pointer;
}
.rhn-vitrin-tab.active { background: var(--rhn-accent); color: #fff; border-color: var(--rhn-accent); }
.rhn-vitrin-panel { display: none; }
.rhn-vitrin-panel.active { display: block; }

/* -------------------- FIRSAT URUNLERI (urunblok + sayacli urun) --------------
   Ticimax'in gercek "Sayacli Urun" (Firsat Urunu) ozelligi .productTimer'i
   varsayilan olarak kartin ALTINDA tam genislik bar seklinde gosteriyor -
   mockup'taki gibi sag ustte kompakt saat rozeti yapmak icin yeniden konumluyoruz.
   (Urun detay sayfasindaki .TopDet .productTimer ve kategori yatay listedeki
   .PlSc_hrz .productTimer AYRI seciciler oldugu icin buradan etkilenmiyor -
   blok bazinda ayri bir CSS class'ina gerek kalmadan guvenle genel uygulanabilir.) */
body .productItem .productTimer {
  position: absolute !important; top: 12px; right: 12px; left: auto !important;
  width: auto !important; background: var(--rhn-ink-2) !important;
  border-radius: 8px; padding: 5px 9px !important; z-index: 3;
}
body .productItem .productTimer > span.productTimerContent {
  display: flex !important; align-items: center; gap: 4px;
}
body .productItem .productTimer > span.productTimerContent:before {
  content: '\23f1'; font-size: 10px; color: #fff;
}
body .productItem .productTimer > span.productTimerContent > span:first-child {
  font-family: var(--rhn-mono) !important; font-size: 10px !important; color: #fff !important;
  font-weight: 500 !important; line-height: 1 !important;
}
body .productItem .productTimer > span.productTimerContent > span:last-child { display: none !important; }
.rhn-firsat-head { max-width: 1280px; margin: 44px auto 0; padding: 0 40px; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: var(--rhn-font); }
.rhn-firsat-head .rhn-firsat-kicker { font-family: var(--rhn-mono); font-size: 12px; letter-spacing: .14em; color: var(--rhn-accent); margin-bottom: 8px; }
.rhn-firsat-head h2 { font-family: var(--rhn-display); font-size: 26px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; margin: 0; color: var(--rhn-ink-2); }
.rhn-firsat-head a { font-size: 14px; font-weight: 600; color: var(--rhn-accent); text-decoration: none; }

/* -------------------- ETIKETLER (urun detay, otomatik SEO etiket bulutu) --
   #divEtiketler temanin orijinalinde beyaz zemin veriyordu (satir ~1098) -
   krem sayfa ustunde buyuk beyaz bir kutu olarak duruyordu. */
#divEtiketler { background: var(--rhn-bg); max-width: 1200px; margin: 50px auto 0 !important; padding: 40px 40px 44px; box-sizing: border-box; }
#divEtiketler .productModuleTitle {
  font-family: var(--rhn-font); font-size: 22px; font-weight: 600; letter-spacing: -.01em;
  color: var(--rhn-ink-2) !important;
}
#divEtiketler a {
  background: var(--rhn-accent); border: none; border-radius: 999px;
  font-family: var(--rhn-font); font-weight: 500;
}
#divEtiketler a:hover { background: var(--rhn-accent-ink); border: none; color: #fff !important; }

/* -------------------- MARKA CAROUSEL (.markaSlider) --------------------------
   Gercek yapi (canlida dogrulandi): .ProductList.markaSlider > .jCarouselLite >
   ul.owl-carousel > li > a > img - Ticimax admin'de yuklenen gercek marka
   logolari. Mockup'ta duz metin kutusuydu ama gercek veri gorsel/logo oldugu
   icin kutulari logo barindiracak sekilde (beyaz kart + kenarlik) tasarladik. */
.markaSlider { max-width: 1280px; margin: 48px auto 8px; padding: 0 40px; box-sizing: border-box; font-family: var(--rhn-font); }
.markaSlider .JKatAdi .bold .satir1,
#spnMarkaSliderTitle {
  display: block; text-align: center; font-size: 24px; font-weight: 600;
  letter-spacing: -.01em; color: var(--rhn-ink-2); margin-bottom: 24px;
}
.markaSlider .jCarouselLite { padding: 0; border: none; }
.markaSlider ul li a {
  height: 84px; background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 16px;
  display: flex; align-items: center; justify-content: center; padding: 14px;
}
.markaSlider ul li a img { max-width: 100%; max-height: 100%; filter: grayscale(0); }
.markaSlider .owl-nav, .markaSlider .owl-dots { display: none !important; }

/* -------------------- GUVEN IKONLARI (custom HTML, anasayfa-guven-ikonlari.html) */
.rhn-trust { max-width: 1280px; margin: 80px auto 0; padding: 0 40px 0; box-sizing: border-box; font-family: var(--rhn-font); }
.rhn-trust ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; gap: 20px; }
.rhn-trust li { flex: 1; text-align: center; }
.rhn-trust-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; }
.rhn-trust-step1 { font-size: 16px; font-weight: 600; margin: 14px 0 6px; color: var(--rhn-ink-2); }
.rhn-trust-step2 { font-size: 13px; color: #777; line-height: 1.5; }
@media (max-width: 767px) {
  .rhn-trust ul { flex-wrap: wrap; }
  .rhn-trust li { flex: 0 0 calc(50% - 10px); }
}

/* ============================================================ */
/* ============ KATEGORI / URUN LISTELEME SAYFASI ============= */
/* Gercek yapi canlida dogrulandi (diamond1-kategori.html):       */
/* #divLeftBlock.leftBlock > .filterBlock > .category-vertical-  */
/* filters > .panel.vertical-filter-panel (Kategoriler/Tedarikci/ */
/* Fiyat) + .ProductListContent > .ProductList > .ItemOrj >       */
/* .productItem (zaten stilize) + .pageBorder (sayfalama).        */
/* ============================================================ */
.CategoryBody .ticiContainer { max-width: 1280px; }
.CategoryBody body, .CategoryBody { font-family: var(--rhn-font); }

/* ust alan: baslik + breadcrumb */
.CategoryBody .categoryTitleText { padding: 22px 0 0; margin: 0; text-align: left; background: none; }
.CategoryBody ul.breadcrumb { font-family: var(--rhn-mono); font-size: 12px; }
.CategoryBody ul.breadcrumb * { color: var(--rhn-muted) !important; font-size: 12px !important; }
/* COZULDU: rhnmuzik.com'un canli temasinda (Konsept-8-Turkuaz) kategori adi
   zaten gercek bir <h1 class="categoryName"> olarak JS ile ekleniyor
   (productsModel.pageName). cikti/script.js'teki KategoriIslemleri()
   fonksiyonunu diamond1'in varsayilan `<div class="KategoriAdi">`'sinden
   bu gercek h1'e cevirdik - SEO acisindan dogru, canli sitenizle tutarli. */
.categoryName {
  display: block; text-align: left; color: var(--rhn-ink-2);
  font-family: var(--rhn-display); font-size: 30px; font-weight: 400;
  letter-spacing: .01em; text-transform: uppercase; margin: 4px 0 0;
}

/* sol filtre paneli */
.leftBlock { width: 260px; padding-right: 0; }
.leftBlock + .centerCount { width: calc(100% - 260px - 32px); margin-left: 32px; }
.leftBlock .Block_Title span {
  font-family: var(--rhn-font); font-size: 16px; font-weight: 700; color: var(--rhn-ink-2);
  border: none; padding: 0; margin: 0;
}
.leftBlock .Block_Title span:after { display: none; }
.leftBlock .category-vertical-filters { margin: 16px 0 0; }
.leftBlock .category-vertical-filters .panel {
  background: var(--rhn-card-img-bg) !important; border: 1px solid var(--rhn-line) !important; border-radius: 16px;
  padding: 18px; margin: 0 0 16px;
}
.leftBlock .panel-heading a {
  font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2);
  border: none; padding: 0; margin: 0 0 14px;
}
.leftBlock .panel-heading a:after { display: none; }
.leftBlock .list-group { padding: 0; }
.leftBlock .list-group-item, .leftBlock .list-group li {
  border: none; padding: 0; margin: 0 0 11px; background: none;
}
.leftBlock .list-group-item a, .leftBlock .list-group li a {
  font-family: var(--rhn-font); font-size: 13px; color: #54514a; font-weight: 400;
}
.leftBlock .list-group-item:before {
  width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid #d4ccbb;
  background: #fff; margin-right: 10px; margin-top: 0; line-height: 15px;
}
.leftBlock .list-group-item.selected:before,
.leftBlock .list-group-item:hover:before {
  background: var(--rhn-accent); border-color: var(--rhn-accent); color: #fff;
}
.leftBlock .FiyatTextBox { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.leftBlock .FiyatTextBox input {
  flex: 1; background: var(--rhn-input-bg); border: none; border-radius: 12px;
  padding: 10px 12px; font-size: 13px; color: #8a8377; font-family: var(--rhn-font);
  height: auto; text-indent: 0;
}
.leftBlock .FiyatTextBox button {
  width: 100%; margin-top: 12px; background: var(--rhn-input-bg); color: var(--rhn-accent-ink);
  border: 1.5px solid var(--rhn-accent); border-radius: 12px; padding: 10px;
  font-size: 13px; font-weight: 600; font-family: var(--rhn-font);
}

/* ust siralama/gorunum bari */
.brandlistselection {
  display: flex !important; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; margin-bottom: 22px; background: none; border: none;
}
/* #divSayfalamaUst ID'li orijinal seciciler daha ozguldu, !important sart */
.brandlistselection .sortingContent {
  background: var(--rhn-card-img-bg) !important; border: 1px solid var(--rhn-line) !important; border-radius: 12px;
  display: flex; align-items: center; padding: 0 4px;
}
.brandlistselection .sortingContent select {
  background: transparent !important; border: none !important;
}
.brandlistselection .sortingContent li a {
  font-family: var(--rhn-font); font-size: 13px; font-weight: 500; color: var(--rhn-ink-2);
  padding: 9px 14px;
}
.blockSelect { display: flex !important; background: var(--rhn-card-img-bg) !important; border: 1px solid var(--rhn-line) !important; border-radius: 12px; overflow: hidden; }
.blockSelect a { padding: 9px 11px; background: transparent !important; border: none !important; }
.blockSelect a.Active i, .blockSelect a:hover i { color: var(--rhn-accent); }
/* mobilde (.Slct) bu select gorunmez katman olarak asil "Siralama" butonunun ustunde duruyor, seffaf kalmali */
@media (max-width: 1041px) {
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent,
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
    background: transparent !important; border: none !important;
  }
}

/* urun grid - sabit kolon sayisi (owl-slider davranisi yok, statik grid) */
.CategoryBody .ProductList { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.CategoryBody .ItemOrj { padding: 0 10px; margin-bottom: 20px; }

/* sayfalama */
.pageBorder, .pageNumberContent { display: flex; gap: 8px; justify-content: center; margin-top: 36px; }
.pageBorder a, .pageNumberContent a {
  min-width: 38px; height: 38px; border-radius: 12px; background: #fff;
  border: 1px solid var(--rhn-line); display: flex; align-items: center; justify-content: center;
  font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2);
  margin: 0;
}
.pageBorder a.SelectedSayfa, .pageNumberContent a.SelectedSayfa {
  background: var(--rhn-accent); border-color: var(--rhn-accent); color: #fff;
}

/* ============================================================ */
/* ======================= URUN DETAY ========================== */
/* Gercek yapi (diamond1-urundetay.html + rhnmuzik-canli-urundetay.html
   ile dogrulandi): .TopDet > .leftImage (.Images + #divThumbList) +
   .RightDetail (.ProductName, .PriceList, #divSatinAl, .ProductIcon,
   .ProductIcon2) ve altinda #divUrunOzellikAlani (.urunTab + panels) +
   #divBenzerUrun / #divIlgiliUrunler. Sekmeler/benzer urun/taksit
   aciklamasi, Ticimax admin > Urunler > Urun Detay Ayarlari'ndan
   acilinca bu stiller otomatik devreye girer - ekstra is yok. */
/* ============================================================ */

.ProductDetailMain { max-width: 1200px; margin: 0 auto; padding: 22px 40px 0; box-sizing: border-box; }

.TopDet { display: flex; align-items: flex-start; gap: 48px; }

/* galeri: dikey kucuk-foto rayi solda + ana gorsel */
.leftImage {
  width: auto; flex: 1; min-width: 0; float: none; padding: 0;
  display: flex; gap: 14px; align-items: flex-start;
}
.leftImage .Images {
  order: 2; float: none; width: 100%; flex: 1;
  border-radius: 20px; overflow: hidden; background: var(--rhn-card-img-bg);
  position: relative; padding-bottom: 100%; height: 0;
}
.leftImage .Images img {
  mix-blend-mode: multiply; /* urun kartlariyla ayni krem-dolgu tutarliligi - bkz. .productItem .productImage img */
  filter: brightness(1.15);
}
/* KRITIK DUZELTME: temanin orijinali ".Images img"e position:absolute;inset:0
   veriyor (satir ~716), bunun icin ".Images"in KENDISININ konumlanmis
   (position:relative) olmasi sart - hicbir zaman verilmemisti. Resim,
   sayfadaki EN YAKIN konumlanmis ust elemana gore (muhtemelen hicbiri,
   yani viewport'a gore) hesaplaniyor, gorunur kutunun tamamen disinda bir
   yere gidip "gorunmuyor" gibi duruyordu. Ayrica img mutlak konumlu
   oldugu icin kutuya kendiliginden yukseklik veremiyordu - kare oranli
   (padding-bottom:100%) sabit bir yukseklik de ekliyoruz. */
.leftImage .SmallImages {
  order: 1; float: none; display: flex !important; flex-direction: column;
  gap: 12px; width: 76px; flex: none; margin: 0;
}
.leftImage .SmallImages .AltImgCapSmallImg {
  float: none; width: 100%; margin: 0; position: relative; padding-bottom: 100%;
  border-radius: 12px; overflow: hidden; background: var(--rhn-card-img-bg);
  border: 1.5px solid var(--rhn-line); box-shadow: none;
}
.leftImage .SmallImages .AltImgCapSmallImg.active,
.leftImage .SmallImages .AltImgCapSmallImg:hover { border-color: var(--rhn-accent); box-shadow: none; }
.leftImage .SmallImages .AltImgCapSmallImg img {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover;
  mix-blend-mode: multiply;
  filter: brightness(1.15);
}
/* KRITIK DUZELTME: gercek sablonda (rhnmuzik-canli-urundetay.html) #divYeniUrun
   .SmallImages ile (kucuk foto rayi) AYNI SEVIYEDE, .leftImage'in dogrudan
   cocugu - .Images'in ICINDE degil. .leftImage'de position:relative hic
   yoktu, rozet muhtemelen sayfanin baska bir yerine gidiyordu; olsa bile
   "left:18px" .leftImage'in en soluna (kucuk foto rayinin uzerine) denk
   gelirdi, ana gorselin uzerine degil. .leftImage'i konumlandirip offset'i
   kucuk foto rayinin genisligi (76px) + bosluk (14px) kadar kaydiriyoruz. */
.leftImage { position: relative; }
.DetayYeniUrun { display: block !important; position: absolute; left: calc(76px + 14px + 18px); top: 18px; z-index: 2; }
@media (max-width: 480px) {
  /* bu genislikte .leftImage column-reverse oluyor, kucuk foto rayi ana
     gorselin ALTINA geciyor - offset'e artik gerek yok */
  .DetayYeniUrun { left: 18px; }
}
.DetayYeniUrun div {
  background: var(--rhn-accent); color: #fff; font-size: 12px; font-weight: 700;
  padding: 6px 13px; border-radius: 999px; font-family: var(--rhn-font);
}
/* KRITIK DUZELTME: ayni sorun "Firsat Urunu" geri sayim sayacinda da var -
   #productDetailTimer da .DetayYeniUrun'la ayni seviyede (.leftImage'in
   dogrudan cocugu). Temanin orijinali "width:100% !important" veriyor
   (satir ~834), bu da artik konumlanmis .leftImage'e gore TUM genisligi
   (kucuk foto rayi dahil) kapliyor demek - sayac bari ana gorselin
   disina, foto rayinin uzerine tasiyordu. Sadece ana gorsel genisligine
   sikistiriyoruz. */
body .TopDet .leftImage .productTimer {
  left: calc(76px + 14px) !important;
  width: calc(100% - 76px - 14px) !important;
}
@media (max-width: 480px) {
  body .TopDet .leftImage .productTimer { left: 0 !important; width: 100% !important; }
}

/* info / satin alma paneli - sticky */
.RightDetail { width: 440px; flex: none; float: none; padding: 0; position: sticky; top: 24px; }

.RightDetail .ProductName { margin: 0 0 14px; }
.RightDetail .ProductName h1 span { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: var(--rhn-ink-2); }
.RightDetail .ProductName .productcode {
  font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); font-weight: 400 !important;
  letter-spacing: 0; margin-left: 6px;
}

.PriceList { border: none; padding: 0; margin: 0 0 22px; }
.RightDetail .PriceList .lineTitle { display: none; }
.RightDetail .PriceList .puanVer { margin-bottom: 12px; }

/* marka - kicker gibi (h1'in hemen ardinda, mockup'taki gibi ustte degil ama ayni gorsel dil) */
.RightDetail #divMarka { margin-bottom: 4px; order: -1; }
.RightDetail #divMarka .Marka a span {
  font-family: var(--rhn-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--rhn-accent); font-weight: 500;
}

/* indirim orani - yesil daire rozet; eski kismi override'lar yuzunden metin ortalanmiyordu, flex ile bastan tanimlandi */
.RightDetail #divIndirimOrani {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 58px; height: 58px; border-radius: 50%; overflow: hidden;
  background: var(--rhn-accent); padding: 0; margin: 0 0 10px; float: none;
}
.RightDetail #divIndirimOrani .indirimliOrani {
  display: inline-flex !important; align-items: center; justify-content: center;
  vertical-align: middle; line-height: 1.15 !important;
  background: none; color: #fff; font-size: 12px; font-weight: 700;
  padding: 0 4px; text-align: center; font-family: var(--rhn-font);
}

/* fiyat satiri - eski fiyat ustu cizili + yeni fiyat buyuk */
#divIndirimliFiyat { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
#divIndirimliFiyat .PiyasafiyatiContent .right_line, #divIndirimliFiyat .PiyasafiyatiContent .spanFiyat {
  font-size: 16px; color: #aaa392; text-decoration: line-through; font-weight: 400;
}
#divIndirimliFiyat .IndirimliFiyatContent .right_line, #divIndirimliFiyat .IndirimliFiyatContent .spanFiyat {
  font-size: 40px; font-weight: 700; letter-spacing: -.02em; color: var(--rhn-ink-2); line-height: 1;
}
#divIndirimliFiyat .spanKdv { display: none; }
/* indirimsiz urun - tek fiyat, buyuk */
#divIndirimsizFiyat .right_line, #divKDVDahilFiyat .right_line, #divTurkLirasiFiyat .right_line {
  font-size: 40px; font-weight: 700; letter-spacing: -.02em; color: var(--rhn-ink-2); line-height: 1;
}

/* taksit aciklamasi - yesil mono satir */
.RightDetail #divTaksitAciklama {
  font-family: var(--rhn-mono); font-size: 12px; color: var(--rhn-accent);
  margin-bottom: 26px; padding: 0;
}
.RightDetail #divTaksitAciklama .left_line { float: none; }

.RightDetail #divOnyazi { font-size: 13px; color: var(--rhn-muted); line-height: 1.6; margin-bottom: 18px; }

/* satin alma kutusu - sirayi ters ceviriyoruz (DOM'da Hemen Al once
   gelir; column-reverse ile gorsel olarak Sepete Ekle satiri uste cikar,
   yapiyi bozmadan) */
.buybutton { display: flex; flex-direction: column-reverse; gap: 12px; margin-bottom: 22px; float: none; width: 100%; }

.BasketBtn { display: flex; gap: 12px; align-items: stretch; float: none; width: 100%; }
.Basketinp {
  display: flex; align-items: center; background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line);
  border-radius: 12px; overflow: hidden; flex: none; float: none;
}
.Basketinp .riSingle { display: flex; align-items: center; position: static; }
.Basketinp .riUp, .Basketinp .riDown {
  position: static !important; width: 46px !important; height: 54px; display: flex; align-items: center; justify-content: center;
  font-size: 0; color: var(--rhn-ink-2);
}
.Basketinp .riUp:after { content: '+'; font-size: 18px; }
.Basketinp .riDown:after { content: '-'; font-size: 18px; }
.Basketinp .txtSepetAdet { width: 40px; height: 54px; text-align: center; font-size: 16px; font-weight: 600; border: none; background: transparent; }
.basketBtn { flex: 1; float: none; margin: 0; }
.basketBtn input {
  /* KRITIK DUZELTME: width ve gercek padding hic verilmemisti, input
     tarayicinin dar varsayilan boyutuna kalip "Hemen Al"dan (width:100%)
     dar/sikisik gorunuyordu ("buton paddingleri tutarsiz" - canlida
     fark edildi). Ikisini esitliyoruz. */
  width: 100%; box-sizing: border-box;
  background: var(--rhn-accent); border-radius: 12px; padding: 0 20px; height: 54px;
  font-size: 15px; font-weight: 600; font-family: var(--rhn-font); text-transform: none;
  box-shadow: 0 8px 20px rgba(111,125,89,.3);
}
.basketBtn input:hover { background: var(--rhn-accent-ink); }

.buyfast { float: none; width: 100%; margin: 0; }
.buyfast .buyfastbutton {
  width: 100%; height: 54px; background: var(--rhn-ink-2); color: #fff; border: none; border-radius: 12px;
  font-size: 15px; font-weight: 600; font-family: var(--rhn-font); text-transform: none;
}
.buyfast .buyfastbutton:hover { background: #000; }

/* ProductIcon - mockup'ta yalnizca favori var; diger native ikonlari
   (telefonla siparis, karsilastir, istek listesi, fiyat haber ver,
   kargo bedava) tasarim kapsami disinda biraktik, islevleri sepet/
   uye sayfalarindan hala erisilebilir. */
.ProductIcon { display: flex; margin: 0 0 22px; }
.ProductIcon > div { display: none; float: none; margin: 0; }
/* > secici derinlige bagimli olabilir, class'larla dogrudan da gizliyoruz */
.ProductIcon .UTelefonlaSiparis,
.ProductIcon .UIstekListemeEkle,
.ProductIcon .UKarsilastirma,
.ProductIcon .FiyatHaberVer,
.ProductIcon #divKritikStok { display: none !important; }
.ProductIcon > .UFavorilerimeEkle { display: block; width: 100%; }
.ProductIcon .UFavorilerimeEkle a {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 46px;
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2);
}
.ProductIcon .UFavorilerimeEkle .box1 i { color: var(--rhn-accent); float: none; border: none; width: auto; height: auto; line-height: 1; }
.ProductIcon .UFavorilerimeEkle .box1 { float: none; display: flex; align-items: center; gap: 8px; line-height: 1; }

/* ProductIcon2 (tavsiye et / yorum yaz / sosyal paylasim) - mockup'ta yok */
.ProductIcon2 { display: none; }

/* KRITIK EKLEME: admin panelinden urune baglanan "kombin" (birlikte alinan
   urun seti) widget'i hic ele alinmamisti - temanin orijinali gorsellere
   sadece max-width:100% veriyordu, krem dolgu/oran/renk uyumu yoktu,
   diger urun kartlarindan kopuk duruyordu. Ayni kare-oranli krem kutu +
   mix-blend-mode desenini burada da uyguluyoruz. */
#kombinUrunler .kombinContent ul li.kombinItem .kombinImages {
  position: relative; width: 100%; padding-bottom: 100%;
  border-radius: 12px; overflow: hidden; background: var(--rhn-card-img-bg);
}
#kombinUrunler .kombinContent ul li.kombinItem .kombinImages img {
  max-width: 100%; width: 100%; height: 100%; object-fit: contain;
  position: absolute; inset: 0; mix-blend-mode: multiply;
  filter: brightness(1.15);
}

/* KRITIK DUZELTME: "Bu urunun yaninda bunlari da tavsiye ediyoruz" basligi
   AslINda #kombinUrunler'e degil, TAMAMEN AYRI bir widget'a ait -
   #productDetailRelated (.ilgiliUrunSecenek), kaynak-html'de dogrulandi
   (UrunDetay_UrunTavsiye ceviri anahtari). Bu yuzden yukaridaki
   #kombinUrunler krem-dolgu duzeltmesi bu widget'i HIC etkilemiyordu -
   selector hic eslesmiyordu, kural olu kod gibi duruyordu (kullanici fark
   etti: "arkaplana yapilan renk hesaplamasi burada neden yapilmiyor").
   Gercek yapi: #productDetailRelated > .JKatAdi (baslik) + dogrudan
   a.detailLink > img.resimOrginal (ul/li YOK, kombinUrunler'den farkli).
   Ayni kare krem kutu + multiply deseni DOGRU seciciyle uygulaniyor. */
#productDetailRelated { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 0; padding: 0; }
#productDetailRelated .JKatAdi { width: 100%; margin: 0 0 4px; padding: 0 !important; }
#productDetailRelated a.detailLink {
  position: relative; display: block; flex: 1 1 150px; max-width: 190px;
  aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden;
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line);
}
#productDetailRelated a.detailLink img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; padding: 14px; box-sizing: border-box;
  mix-blend-mode: multiply;
  filter: brightness(1.15);
}

/* meta satiri - stok kodu (mockup'taki "Stok Kodu:" satirinin karsiligi,
   admin > Urunler > Urun Detay Ayarlari'ndan "Stok Kodu Goster" acilinca
   gorunur) */
.RightDetail #divUrunKodu { display: block; margin-top: 2px; }

/* ------------------------- SEKMELER (urunTab) -------------------------
   Admin > Urunler > Urun Detay Ayarlari > Tab Yonetimi'nden Yorumlar /
   Odeme Secenekleri acilinca ekstra sekmeler otomatik belirir; stiller
   zaten hepsini kapsiyor. */
.urunOzellik { max-width: 900px; margin: 56px auto 0; float: none; }
.urunOzellik .urunTab { background: none; text-align: left; border-bottom: 1px solid var(--rhn-line); }
.urunOzellik .urunTab > ul > li {
  margin-right: 4px;
}
.urunOzellik .urunTab > ul > li > a {
  font-family: var(--rhn-font); font-size: 15px; font-weight: 600; color: var(--rhn-muted);
  line-height: 1; padding: 14px 20px; border-bottom: 2.5px solid transparent; margin-bottom: -1px;
}
.urunOzellik .urunTab > ul > li.active > a {
  color: var(--rhn-ink-2); border-bottom-color: var(--rhn-accent);
}
.urunOzellik .urunTab > ul > li.active > a:after { display: none; }
.urunDetayPanel { padding: 28px 4px; }

/* KRITIK DUZELTME: favori ikonundaki AYNI kok sebep burada da vardi -
   display:contents + grid auto-placement kombinasyonu guvenilmez cikti.
   Ekran goruntusunde etiket+deger ciftleri yan yana degil, ust uste
   yigilip sutunlara dagilmis halde gorunuyordu ("teknik detay kaymis/
   cok kotu" - kullanici dogruladi). display:contents'i TAMAMEN kaldirip
   her .teknikDetayItem'i KENDI ICINDE flex satiri yapiyoruz - distaki
   grid'e hic ihtiyac kalmiyor, browser'in flatten/auto-placement
   davranisina bagimli degiliz. */
.teknikDetay { background: none; padding: 0; margin: 8px 0 0; display: flex; flex-direction: column; }
.teknikDetay .teknikDetayItem {
  display: flex; align-items: flex-start; float: none; width: 100%; padding: 0; margin: 0;
}
.teknikDetay .teknikDetayItem:before { display: none; }
.teknikDetay div div.t1 {
  flex: 0 0 220px; width: 220px;
  padding: 13px 4px; border-bottom: 1px solid #ece6da; font-family: var(--rhn-mono);
  font-size: 13px; color: var(--rhn-muted); font-weight: 400;
}
.teknikDetay div div.t1:after { display: none; }
.teknikDetay .teknikDetayItem div.t2 {
  flex: 1; min-width: 0;
  padding: 13px 4px; border-bottom: 1px solid #ece6da; font-size: 14px; color: var(--rhn-ink-2); font-weight: 500;
}
@media (max-width: 480px) {
  .teknikDetay .teknikDetayItem { flex-direction: column; }
  .teknikDetay div div.t1 { flex: none; width: 100%; padding-bottom: 3px; border-bottom: none; }
}

/* odeme secenekleri tab'i */
.odemeSecenekItem {
  display: flex; justify-content: space-between; align-items: center; max-width: 520px;
  padding: 12px 16px; font-size: 13px; border-top: 1px solid #ece6da; float: none; width: 100%;
}
.odemeSecenekItem:first-child { border-top: none; background: var(--rhn-input-bg); font-weight: 600; border-radius: 16px 16px 0 0; }
/* KRITIK DUZELTME: #divTaksitContainer'a yanlislikla .odemeSecenekItem'la
   AYNI max-width:520px verilmisti (muhtemelen kopyala-yapistir karisikligi)
   - halbuki bu, banka bazli taksit tablolarini (Advantage, Axess, vb.)
   saran KAPSAYICI, tek bir ozet satiri degil. Dar kutu, JS'in kendi
   float/gutter duzenini (.taksitMain{margin:0 -5px}, yan yana dizilmeye
   hazir) tek sutuna sikistirip bankalari alt alta diziyordu. Genisletip
   flex-wrap ile yan yana dizilmelerine izin veriyoruz - banka kartinin
   gercek class ismini bilmedigimiz icin (JS ile uretiliyor) dogrudan
   cocuk seciciyle genel/guvenli sekilde hedefliyoruz. */
#divTaksitContainer { max-width: none; width: 100%; }
.taksitMain { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; }
.taksitMain > div { flex: 1 1 320px; max-width: 400px; margin: 0 !important; }

/* yorumlar tab'i */
.tabYorumlar { display: flex; flex-direction: column; gap: 16px; }

/* benzer urunler / ilgili urunler - gercek .productItem stilleri zaten
   var, sadece slider davranisini statik grid gibi gostermek icin */
.detaySliderContainer { margin: 32px 0 0; }
.detaySliderContainer .satir1 { font-family: var(--rhn-display); font-size: 21px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2); }
.detaySliderContainer .owl-nav, .detaySliderContainer .owl-dots { display: none; }

@media (max-width: 1024px) {
  .ProductDetailMain { padding: 18px 20px 0; }
  .TopDet { flex-direction: column; gap: 24px; }
  .RightDetail { width: 100%; position: static; top: auto; }
  #divIndirimliFiyat .IndirimliFiyatContent .right_line, #divIndirimliFiyat .IndirimliFiyatContent .spanFiyat,
  #divIndirimsizFiyat .right_line, #divKDVDahilFiyat .right_line, #divTurkLirasiFiyat .right_line { font-size: 32px; }
  .urunOzellik { margin-top: 36px; }
  .detaySliderContainer > .ProductList, #divBenzerUrun .ProductList, #divIlgiliUrunler .ProductList { overflow-x: auto; }
}
@media (max-width: 480px) {
  .leftImage { flex-direction: column-reverse; }
  .leftImage .SmallImages { flex-direction: row; width: 100%; overflow-x: auto; }
  .leftImage .SmallImages .AltImgCapSmallImg { width: 64px; flex: none; padding-bottom: 64px; }
}

/* ============================================================ */
/* ======================= UYE GIRISI =========================== */
/* NOT: bu sayfa .SepetTypeim/Sepetim'in aksine hala klasik tema alt-
   yapisinda (canlida dogrulandi) ama gercek stilleri kendi paylasimli
   platform paketinden geliyor (uyeGiris.min.css - tum temalarda ortak,
   tema dosyalarimizda yok). #divNewUyeGirisContent > .newUserDivRow >
   .newUserDivLeft (giris formu) + .newUserDivRight (hizli uyelik formu)
   varsayilan olarak ikisi de her zaman ayni anda gorunur/alt alta
   dizilir (sekme sadece gorsel dekor, gorunurlugu degistirmiyor) - biz
   masaustunde yan yana diziyoruz. .placeholderLabel.active animasyonu
   platformun kendi JS'i tarafindan yonetiliyor; biz sadece renk/font
   veriyoruz, davranisa dokunmuyoruz. */
/* ============================================================ */

#divNewUyeGirisContent.newUserContainer {
  max-width: 980px !important; margin: 30px auto 64px !important; padding: 0 40px; box-sizing: border-box; float: none;
}
.userDivTab { display: none; }

.newUserDivRow { display: flex; gap: 22px; align-items: stretch; float: none; }
.newUserDivLeft, .newUserDivRight { width: auto; flex: 1; float: none; }

.newUserLeftBox, .newUserRightBox {
  height: 100%; box-sizing: border-box; border-radius: 20px; padding: 34px;
}
.newUserLeftBox { background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); }
.newUserRightBox { background: var(--rhn-accent); color: #fff; display: flex; flex-direction: column; }

.newUserWrapper { margin: 0 0 14px; float: none; width: 100%; }
.newUserWrapper .textbox {
  width: 100% !important; float: none; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  padding: 14px; font-size: 14px; color: var(--rhn-ink-2); font-family: var(--rhn-font); box-sizing: border-box; height: auto;
}
.newUserWrapper .placeholderLabel { color: #8a8377; font-family: var(--rhn-font); font-weight: 500; left: 14px !important; top: 15px !important; }
.newUserWrapper .placeholderLabel.active { color: var(--rhn-accent) !important; }

/* sag kutu (hizli uyelik) - yesil zemin ustunde acik renk alanlar */
.newUserRightBox .newUserWrapper .textbox { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.32); color: #fff; }
.newUserRightBox .newUserWrapper .placeholderLabel { color: rgba(255,255,255,.75); }
.newUserRightBox .newUserWrapper .placeholderLabel.active { color: #fff !important; }
.newUserRightBox .tcxDateInputIcon svg path, .newUserRightBox .TcxPassEye svg { filter: invert(1); opacity: .8; }

.uyeGirisFormDetailButtonList, .uyeGirisFormDetailInputList { float: none; width: 100%; }

.newUserLoginBtn {
  width: 100%; float: none; margin: 4px 0 0; clear: none; border: none; border-radius: 12px;
  height: 54px; padding: 0 !important; font-size: 15px; font-weight: 600; font-family: var(--rhn-font);
  letter-spacing: 0; text-transform: none; display: flex; align-items: center; justify-content: center;
}
.newUserLeftBox .newUserLoginBtn { background: var(--rhn-accent); color: #fff; box-shadow: 0 8px 20px rgba(111,125,89,.3); }
.newUserLeftBox .newUserLoginBtn:hover { background: var(--rhn-accent-ink); }
.newUserRightBox .newUserLoginBtn { background: #fff; color: var(--rhn-accent-ink); margin-top: auto; }
.newUserRightBox .newUserLoginBtn:hover { background: var(--rhn-input-bg); }

.forgotpasswordDiv { float: none; width: 100%; text-align: left; margin-top: 10px; }
.forgotpasswordDiv .userPassBtn { font-family: var(--rhn-font); font-size: 12px; font-weight: 600; color: var(--rhn-accent); text-decoration: none; }
.userSignUp { display: none; }

.socialMediaLoginButtons { margin: 18px 0 0 !important; }
.socialBaglanButton a {
  border: 1.5px solid var(--rhn-line) !important; border-radius: 12px; height: 46px; font-family: var(--rhn-font) !important;
  font-weight: 600 !important; color: var(--rhn-ink-2) !important;
}
.newUserRightBox .socialBaglanButton a { border-color: rgba(255,255,255,.35) !important; color: #fff !important; }

.signSozlesmeDiv, .socialUserSozlesmeDiv { margin-top: 16px; }
.newSocialChkSozlesme { border-radius: 5px !important; border-color: var(--rhn-line) !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; }
.newSocialChkSozlesme:before { color: var(--rhn-accent) !important; font-size: 12px !important; }
.newSocialChkSozlesmeTranslate, .newSocialChkSozlesmeTranslate a { font-family: var(--rhn-font) !important; }
.newUserRightBox .newSocialChkSozlesmeTranslate, .newUserRightBox .newSocialChkSozlesmeTranslate a { color: rgba(255,255,255,.85) !important; }
.newUserRightBox .newSocialChkSozlesme { border-color: rgba(255,255,255,.4) !important; }

@media (max-width: 767px) {
  .newUserDivRow { flex-direction: column; }
  #divNewUyeGirisContent.newUserContainer { padding: 0 20px; }
}

/* ============================================================ */
/* ========================= UYE OL ============================= */
/* Ayri bir sayfa/bundle (uyeOl.css) - Uye Girisi'ndeki hizli uyelik
   kutusuyla ayni .newUserWrapper/.textbox/.placeholderLabel/.newSocialChkSozlesme
   bilesenlerini kullaniyor (yukaridaki stiller zaten kapsiyor), burada
   sadece bu sayfaya ozel kapsayici/select/satir duzenini ekliyoruz. */
/* ============================================================ */

.newUyeOlSection { float: none; width: 100%; margin: 30px 0 64px; }
.newUyeOlSection .newUyeOlContainer { max-width: 640px !important; margin: 0 auto !important; padding: 0 40px; box-sizing: border-box; }
.newUyeOlSection .newUyeOlContainer .FormTitle {
  font-family: var(--rhn-display); font-size: 26px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase;
  color: var(--rhn-ink-2); text-align: left; margin: 0 0 22px;
}
.newUyeOlCol {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 20px; padding: 34px !important;
  box-sizing: border-box; float: none; width: 100%;
}

/* select kutulari - .textbox class'i yok, ayri stilliyoruz */
.newUserWrapper select {
  width: 100%; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  padding: 14px; font-family: var(--rhn-font); color: var(--rhn-ink-2); box-sizing: border-box;
  height: auto; appearance: none; -webkit-appearance: none;
}
.newUserWrapper select.active { font-size: 14px !important; }

.dogumGunuRow { display: flex !important; gap: 10px; float: none; width: 100%; }
.dogumGunuRow .newUserWrapper { flex: 1; margin: 0; }

.uyeOlColItem.checkboxItem { display: flex; align-items: center; margin: 14px 0 0; float: none; width: 100%; }
.uyeOlColItem.checkboxItem .newSocialChkSozlesme { border-radius: 5px !important; border-color: var(--rhn-line) !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; }
.uyeOlColItem.checkboxItem .newSocialChkSozlesme:before { color: var(--rhn-accent) !important; font-size: 12px !important; }
.uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate { font-family: var(--rhn-font) !important; }

.newUyeOlContainer .newUserLoginBtn {
  background: var(--rhn-accent); color: #fff; border-radius: 12px; height: 54px; margin-top: 22px;
  font-family: var(--rhn-font); font-weight: 600; font-size: 15px; box-shadow: 0 8px 20px rgba(111,125,89,.3);
}
.newUyeOlContainer .newUserLoginBtn:hover { background: var(--rhn-accent-ink); }

@media (max-width: 767px) {
  .newUyeOlSection .newUyeOlContainer { padding: 0 20px; }
  .dogumGunuRow { flex-direction: column; }
}

/* ============================================================ */
/* ===================== SIFREMI UNUTTUM ========================= */
/* #divSifremiUnuttum icerigi JS ile runtime'da dolduruluyor (statik
   HTML'de bos), ayni mem/uyeGiris bilesen ailesi (.newUserWrapper/
   .textbox/.placeholderLabel/.newUserLoginBtn) kullandigi icin o
   stiller zaten yukarida kapsiyor - biz sadece kart/kapsayiciyi
   giydiriyoruz. */
/* ============================================================ */

.pageSifremiUnuttum { max-width: 520px; margin: 40px auto 64px !important; padding: 0 40px; box-sizing: border-box; float: none; }
.pageForgetPass {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 20px; padding: 34px;
  box-sizing: border-box; float: none;
}
.SifremiUnuttumContentDesc {
  font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); line-height: 1.6; margin: 0 0 20px;
}
#divSifremiUnuttum .newUserLoginBtn {
  background: var(--rhn-accent); color: #fff; border-radius: 12px; height: 54px;
  font-family: var(--rhn-font); font-weight: 600; font-size: 15px; box-shadow: 0 8px 20px rgba(111,125,89,.3);
}
#divSifremiUnuttum .newUserLoginBtn:hover { background: var(--rhn-accent-ink); }

/* ============================================================ */
/* ========================= ILETISIM ============================ */
/* Gercek yapi (diamond1 + rhnmuzik canli ile dogrulandi, ayni):
   .iletisimContent > .iletisimLeft (firma bilgileri, Left/Center/Right
   satirlari) + .iletisimRight#...divBanka (banka bilgileri) + #itetisimhtml
   (google maps iframe) + .iletisimForm (Ad Soyad/Telefon/E-posta/Mesaj/
   Guvenlik Kodu formu, ayni Left/Center/Right duzeni). */
/* ============================================================ */

.iletisimContent { max-width: 1280px; margin: 0 auto; padding: 22px 40px 56px; box-sizing: border-box; float: none; }
.iletisimContent .categoryTitle { margin-bottom: 16px; }
.iletisimContent .categoryTitleText {
  font-family: var(--rhn-display); font-size: 21px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2) !important;
}

.iletisimLeft, .iletisimRight {
  float: none; width: auto; background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 20px;
  padding: 26px; box-sizing: border-box;
}
.iletisimContent { display: flex; flex-wrap: wrap; gap: 20px; }
.iletisimContent .iletisimLeft, .iletisimContent .iletisimRight { flex: 1; min-width: 300px; }
.iletisimContent #itetisimhtml, .iletisimContent .iletisimForm { flex: 0 0 100%; }

.iletisimLeft .span, .iletisimRight .span { margin-bottom: 14px; }
.iletisimLeft .span:last-child { margin-bottom: 0; }
.iletisimLeft .Left, .iletisimRight .line1 .Left, .iletisimbanka span[style*="font-weight: bold"] {
  font-family: var(--rhn-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
  color: var(--rhn-muted); font-weight: 400 !important; display: block; margin-bottom: 3px; width: auto !important; float: none;
}
.iletisimLeft .Center { display: none; }
.iletisimLeft .Right { font-family: var(--rhn-font); font-size: 14px; color: var(--rhn-ink-2); width: auto; float: none; line-height: 1.6; }
.iletisimLeft .Right a { color: var(--rhn-accent); text-decoration: none; }

.iletisimbanka .span { display: flex; flex-direction: column; gap: 10px; }
.iletisimbanka .line1, .iletisimbanka .line2, .iletisimbanka .line3, .iletisimbanka .line4 {
  display: flex; flex-wrap: wrap; gap: 4px 10px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2);
}
.iletisimbanka .line1 > div, .iletisimbanka .line2 > div, .iletisimbanka .line3 > div, .iletisimbanka .line4 > div {
  display: flex; gap: 14px; width: 100% !important;
}
.iletisimbanka span[style*="width"] { width: auto !important; }

#itetisimhtml { border-radius: 20px; overflow: hidden; margin: 4px 0; }
#itetisimhtml iframe { display: block; filter: grayscale(.15); }

.iletisimForm {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 20px; padding: 26px; box-sizing: border-box;
  float: none; width: 100%;
}
.iletisimForm .categoryTitle { margin-bottom: 18px; }
.iletisimForm .rowLeft, .iletisimForm .rowRight { float: none; width: 100%; display: flex; flex-direction: column; gap: 14px; }
.iletisimForm .row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.iletisimForm .span { float: none; width: 100%; height: auto !important; }
.iletisimForm .Left, .iletisimForm .Center { display: none; }
.iletisimForm .Right { width: 100% !important; float: none; }
.iletisimForm .textbox, .iletisimForm .ticiTelInput, .iletisimForm .textarea {
  width: 100%; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  padding: 14px; font-size: 14px; color: var(--rhn-ink-2); font-family: var(--rhn-font); box-sizing: border-box;
  height: auto; float: none;
}
.iletisimForm .textarea { min-height: 140px; resize: vertical; }
.iletisimForm .iletisimCaptcha .Right { width: 100% !important; }
.iletisimForm .newUserWrapper { display: flex; align-items: center; gap: 10px; margin: 0; float: none; width: 100%; }
.iletisimForm .newUserWrapper .textbox { flex: 1; }
.iletisimBtn { position: static !important; margin: 4px 0 0 !important; float: none; }
.iletisimBtn .button {
  background: var(--rhn-accent); color: #fff; border: none; border-radius: 12px; height: 50px;
  padding: 0 28px; font-family: var(--rhn-font); font-weight: 600; font-size: 14px;
}
.iletisimBtn .button:hover { background: var(--rhn-accent-ink); }
.iletisimBtn .button[tici-lang-value]:empty:before { content: 'G\f6nder'; }

@media (max-width: 767px) {
  .iletisimContent { padding: 22px 20px 56px; }
  .iletisimContent .iletisimLeft, .iletisimContent .iletisimRight { min-width: 100%; }
  .iletisimForm .row { grid-template-columns: 1fr; }
}

/* ============================================================ */
/* ========================= MAGAZALAR ============================ */
/* NOT: magaza kartlarinin (.storeList ici) gercek HTML'i sayfa
   yuklendiginde AJAX ile geliyor (statik curl'de bos gorunuyor,
   canli/diamond1 ikisinde de), o yuzden kart-ici class isimlerini
   uydurmuyoruz - sadece gorunen/kesin olan filtre, arama, baslik ve
   harita alanlarini + .storeList'in genel grid davranisini stilliyoruz.
   Kartlarin kendi ic gorunumu Ticimax'in kendi varsayilaniyla gelecek. */
/* ============================================================ */

.Magazalar #divIcerik.ticiContainer { max-width: 1280px; margin: 0 auto; padding: 22px 40px 56px; box-sizing: border-box; }
.Magazalar .magazaSelect {
  background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px; color: var(--rhn-ink-2);
  font-family: var(--rhn-font); font-size: 13px; height: 46px; padding: 0 14px;
}
.Magazalar #searchStore input {
  background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px 0 0 11px; color: var(--rhn-ink-2);
  font-family: var(--rhn-font); font-size: 13px; height: 46px; padding: 0 14px;
}
.Magazalar #searchStore .buton {
  background: var(--rhn-accent); border-color: var(--rhn-accent); border-radius: 0 11px 11px 0; height: 46px;
  font-family: var(--rhn-font); font-weight: 600;
}
.Magazalar #searchStore .buton:hover { background: var(--rhn-accent-ink); color: #fff; }
.magazalarContent h2 {
  font-family: var(--rhn-display); font-size: 21px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2);
  margin: 0 0 18px;
}
.magazalarContent .storeList { display: flex; flex-wrap: wrap; gap: 16px; }
.mapsGoster { border-radius: 20px; overflow: hidden; margin-top: 32px; }

/* ============================================================ */
/* ========================= HESABIM ============================= */
/* Gercek yapi, canlida (rhnmuzik.com/Hesabim, giris yapilmis oturum
   uzerinden kullanici sagladi) dogrulandi: kabuk (.hesabimBolumuTutucu >
   .solAnaMenu + .sagIcerikTutucu) statik sayfada var; ic icerik
   (Uyelik Bilgilerim, Siparislerim, Adres Defterim vb.) AngularJS ile
   ayri template dosyalarindan (/Scripts/apps/template/hesabim/*.html)
   ng-view'a yukleniyor - bu sablonlari da tek tek cekip gercek
   class'larini dogruladik. Ortak form/tablo/buton class'lari
   (.hsbmTextbox, .satirBlok, .kirmiziButon/.yesilButon, .icerikTutucu,
   .anaBaslik, .kirmiziUyari, .hesabimTablo) neredeyse TUM alt
   sayfalarda tekrar ediyor, o yuzden burada stillenince Sifre Degistir,
   Adres Defterim, Favorilerim, Iade/Iptal Taleplerim gibi sayfalarin
   cogu otomatik tutarli gorunuyor. Favorilerim/Iade Taleplerim'in kendi
   urun karti/iade sihirbazi gibi cok ozel ic bilesenleri bu ortak
   kurallardan faydalaniyor ama tek tek ozel tasarlanmadi - kapsam disi
   birakildi, ileride ayrica ele alinabilir. */
/* ============================================================ */

.hesabimBolumuTutucor,
.hesabimBolumuTutucu { max-width: 1280px; margin: 22px auto 56px; padding: 0 40px; box-sizing: border-box; display: flex; gap: 28px; align-items: flex-start; font-family: var(--rhn-font); }

/* sol menu */
.solAnaMenu { width: 260px; flex: none; background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 10px; box-sizing: border-box; }
.solAnaMenu > ul { margin: 0; padding: 0; list-style: none; }
.solAnaMenu > ul > li { border-bottom: 1px solid var(--rhn-line); }
.solAnaMenu > ul > li:last-child { border-bottom: none; }
.solAnaMenu > ul > li > a {
  display: flex; align-items: center; gap: 10px; padding: 13px 10px;
  font-size: 13px; font-weight: 500; color: var(--rhn-ink-2); text-decoration: none;
}
.solAnaMenu > ul > li > a i { width: 16px; text-align: center; color: var(--rhn-muted); }
.solAnaMenu > ul > li > a.aktif,
.solAnaMenu > ul > li > a:hover { color: var(--rhn-accent-ink); }
.solAnaMenu > ul > li > a.aktif i,
.solAnaMenu > ul > li > a:hover i { color: var(--rhn-accent); }
.solAnaMenu .solAnaMenuAlt > ul { list-style: none; margin: 0 0 4px; padding: 0 0 6px 30px; display: flex; flex-direction: column; gap: 9px; }
.solAnaMenu .solAnaMenuAlt > ul a { font-size: 12px; color: var(--rhn-muted); text-decoration: none; }
.solAnaMenu .solAnaMenuAlt > ul a.aktif,
.solAnaMenu .solAnaMenuAlt > ul a:hover { color: var(--rhn-accent-ink); }
.solAnaMenu .menuUyeCikis > a { color: #b08a72; }
.solAnaMenu .menuUyeCikis > a i { color: #b08a72; }
.hesabimMenuDon { display: none; }
@media (max-width: 767px) {
  .hesabimBolumuTutucu { flex-direction: column; padding: 22px 20px 56px; }
  .solAnaMenu { width: 100%; }
}

/* sag icerik kabugu */
.sagIcerikTutucu { flex: 1; min-width: 0; }
.icerikTutucu { background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 20px; padding: 26px; box-sizing: border-box; }
.anaBaslik { font-family: var(--rhn-display); font-size: 21px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2); margin: 0 0 20px; }

/* ortak form kiti (uyelikBilgilerim, hesabimForm, siparislerim vb. hepsi kullaniyor) */
.satirBlokRow { display: flex; flex-wrap: wrap; gap: 16px; }
.icerikIkiliBlok { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; }
.satirBlok { display: flex; flex-direction: column; gap: 7px; flex: 1; min-width: 220px; }
.hsbmSpan { font-family: var(--rhn-font); font-size: 12px; font-weight: 500; color: var(--rhn-ink-2); }
.hsbmSpan span { color: var(--rhn-accent); }
.hsbmTextbox,
.hesabimForm .textbox,
.satirBlok .textbox,
.hsbmSelect,
.hsbmTextarea {
  width: 100%; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  padding: 13px 14px; font-size: 14px; color: var(--rhn-ink-2); font-family: var(--rhn-font);
  box-sizing: border-box; height: auto;
}
.hsbmTextarea { min-height: 110px; resize: vertical; }
.selectGrup { display: flex; gap: 10px; }
.selectRow, .ikiliSelect, .ucluSelect { display: flex; gap: 10px; flex: 1; }
.hsbmRadio, .hsbmCheckbox { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--rhn-ink-2); }
.kirmiziUyari { display: block; font-family: var(--rhn-mono); font-size: 11px; color: #b0413a; margin-top: 2px; }
.altButonTutucu, .ustButonTutucu { display: flex; gap: 12px; margin-top: 18px; flex-wrap: wrap; }

/* butonlar */
.yesilButon, .kirmiziButon, .griButon, .adresEkle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: none; border-radius: 12px; padding: 13px 24px; font-family: var(--rhn-font);
  font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; box-sizing: border-box;
}
.yesilButon, .adresEkle { background: var(--rhn-accent); color: #fff; box-shadow: 0 8px 20px rgba(111,125,89,.3); }
.yesilButon:hover, .adresEkle:hover { background: var(--rhn-accent-ink); }
.kirmiziButon { background: #fff; color: #b0413a; border: 1.5px solid #e7c9c4; }
.kirmiziButon:hover { background: #fbefed; }
.griButon { background: var(--rhn-input-bg); color: var(--rhn-ink-2); }
.griButon:hover { background: #e9e4d6; }

/* bos liste durumlari (favoriListeBos / siparisListeBos ortak) */
.favoriListeBos, .siparisListeBos {
  text-align: center; padding: 60px 20px; display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.favoriBosIkon, .siparisBosIkon {
  width: 64px; height: 64px; border-radius: 50%; background: var(--rhn-card-img-bg);
  display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--rhn-accent); margin-bottom: 10px;
}
.favoriBosP-1, .siparisBosP-1 { font-family: var(--rhn-font); font-size: 16px; font-weight: 600; color: var(--rhn-ink-2); }
.favoriBosP-2, .siparisBosP-2 { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); max-width: 360px; }
.favoriBosBtn, .siparisBosBtn { margin-top: 14px; }
.favoriBosBtn a, .siparisBosBtn a {
  display: inline-flex; background: var(--rhn-accent); color: #fff; border-radius: 12px;
  padding: 13px 24px; font-family: var(--rhn-font); font-size: 14px; font-weight: 600; text-decoration: none;
}
.favoriBosBtn a:hover, .siparisBosBtn a:hover { background: var(--rhn-accent-ink); }

/* -------------------- HESABIM ANASAYFA (dashboard) -------------------- */
.hesabimAnasayfaBaslik h2 { font-family: var(--rhn-display); font-size: 21px; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: var(--rhn-ink-2); margin: 0 0 6px; }
.hesabimAnasayfaBaslik h2 span { display: block; font-size: 13px; font-weight: 500; color: var(--rhn-muted); margin-top: 4px; }
.hesabimAnasayfaBaslik p { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); line-height: 1.6; max-width: 560px; margin: 0 0 22px; }
.hesabimCariKrediBilgisi { display: flex; gap: 14px; margin-bottom: 22px; flex-wrap: wrap; }
.hesabimCariKrediBilgisi .blok { background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px; padding: 14px 18px; flex: 1; min-width: 220px; }
.hesabimCariKrediBilgisi .blok span { display: flex; align-items: center; gap: 10px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); }
.hesabimCariKrediBilgisi .blok strong { color: var(--rhn-ink-2); }
.hesabimAnasayfaMenuler ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.hesabimAnasayfaMenuler li a {
  display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
  background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 20px 10px;
  font-family: var(--rhn-font); font-size: 12px; font-weight: 600; color: var(--rhn-ink-2); text-decoration: none;
}
.hesabimAnasayfaMenuler li a i { font-size: 20px; color: var(--rhn-accent); }
.hesabimAnasayfaMenuler li a:hover { background: var(--rhn-accent); color: #fff; }
.hesabimAnasayfaMenuler li a:hover i { color: #fff; }
@media (max-width: 767px) {
  .hesabimAnasayfaMenuler ul { grid-template-columns: repeat(2, 1fr); }
}

/* -------------------- ADRES DEFTERIM -------------------- */
.adreslerim { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; }
.adreslerim .col-sm-6 { flex: 1 1 calc(50% - 8px); min-width: 260px; box-sizing: border-box; }
.adress-item { background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 18px; height: 100%; box-sizing: border-box; }
.Address-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.Address-head .T { font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); }
.Address-head .Control { display: flex; gap: 12px; }
.Address-head .Control .item a { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-accent); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.Address-content p { margin: 0 0 4px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); line-height: 1.5; }
.Address-content p.address { color: var(--rhn-muted); }

/* -------------------- SIPARISLERIM -------------------- */
.siparislerim .tabLink { display: flex; gap: 8px; border-bottom: 1px solid var(--rhn-line); margin-bottom: 18px; flex-wrap: wrap; }
.siparislerim .tabLink a {
  padding: 12px 6px; font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-muted);
  text-decoration: none; border-bottom: 2.5px solid transparent; margin-bottom: -1px;
}
.siparislerim .tabLink a.aktif { color: var(--rhn-ink-2); border-color: var(--rhn-accent); }
.hesabimTablo.orders { display: flex; flex-direction: column; gap: 14px; }
.order-list { border: 1px solid var(--rhn-line); border-radius: 16px; overflow: hidden; }
.order-info { display: flex; align-items: center; gap: 16px; padding: 16px 18px; cursor: pointer; background: var(--rhn-card-img-bg); }
.orders-info-col1 { color: var(--rhn-muted); flex: none; }
.orders-info-col2 { flex: 1; min-width: 0; }
.order-no { margin: 0 0 3px; font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2); }
.order-date { margin: 0; font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.orders-info-col3 { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-accent-ink); display: flex; align-items: center; gap: 6px; flex: none; }
.orders-info-col4 { text-align: right; flex: none; }
.order-total { margin: 0 0 2px; font-family: var(--rhn-font); font-size: 15px; font-weight: 700; color: var(--rhn-ink-2); }
.order-type { margin: 0; font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.orders-info-col5 { color: var(--rhn-muted); flex: none; }
.tdTutucu.siparisListe { border-top: 1px solid var(--rhn-line); padding: 16px 18px; background: var(--rhn-input-bg); }
@media (max-width: 767px) {
  .order-info { flex-wrap: wrap; }
  .orders-info-col3, .orders-info-col4 { text-align: left; }
}

/* -------------------- FAVORILERIM -------------------- */
/* Gercek yapi /Scripts/apps/template/hesabim/Favorilerim.html'den dogrulandi. */
.hesabimTablo .tabloBasliklari { display: none; }
.hesabimTablo .ustListe { border: 1px solid var(--rhn-line); border-radius: 16px; margin-bottom: 14px; overflow: hidden; }
.tdTutucu.tdTutucuBeyaz.wishListe { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; background: var(--rhn-card-img-bg); flex-wrap: wrap; }
.wishListe > div:not(#divFavoriGrup) { display: flex; gap: 14px; align-items: center; }
#divFavoriGrup.trTutucu6 { font-family: var(--rhn-font); font-weight: 600; font-size: 14px; color: var(--rhn-ink-2); cursor: pointer; }
.trTutucu6.tiklanabilir a { display: inline-flex; align-items: center; gap: 6px; font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-accent); text-decoration: none; cursor: pointer; }
.tdTutucu.animate-show { background: var(--rhn-input-bg); border-top: 1px solid var(--rhn-line); padding: 18px; }
.hsbmFvrProductContent { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.hsbmFvrProductItem { background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 14px; height: 100%; box-sizing: border-box; }
.istekDetayIcerik { display: flex; gap: 14px; }
.istekUrunResmi { position: relative; width: 90px; height: 90px; flex: none; border-radius: 12px; overflow: hidden; background: var(--rhn-card-img-bg); }
.istekUrunResmi img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; filter: brightness(1.15); }
.istekUrunIndirim { position: absolute; left: 6px; top: 6px; background: var(--rhn-accent); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 7px; border-radius: 999px; }
.favoriUrunDetay { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.urunBaslik { font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); text-decoration: none; }
.favoriUrunP .hsbmSpan { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); font-weight: 400; }
.favoriUrunP .hsbmSpan span { color: var(--rhn-ink-2); }
.favoriUrunPrice { display: flex; align-items: baseline; gap: 8px; }
.favoriUrunPrice .OldPrice { font-size: 12px; color: #aaa392; text-decoration: line-through; }
.favoriUrunPrice .KdvDahil, .favoriUrunPrice .KdvsizFiyat { font-size: 16px; font-weight: 700; color: var(--rhn-ink-2); }
.favoriUrunDetaySag { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.favoriUrunDetaySag .divItem a,
.favoriUrunDetaySag .favoriUrunTukendi {
  display: inline-flex; align-items: center; gap: 4px; font-family: var(--rhn-mono); font-size: 11px;
  font-weight: 600; text-decoration: none; padding: 6px 10px; border-radius: 999px;
}
.favoriUrunDetaySag .iptalEt { color: #b0413a; background: #fbefed; }
.favoriUrunDetaySag .collectionAddBtn { color: var(--rhn-ink-2); background: var(--rhn-input-bg); }
.favoriUrunDetaySag .sepetIcon { color: #fff; background: var(--rhn-accent); }
.favoriUrunDetaySag .favoriUrunTukendi { color: var(--rhn-muted); background: var(--rhn-input-bg); }
.favoriUrunDetaySag .favGelinceHaberVer { color: var(--rhn-accent-ink); background: #eef1e7; }
.maviUyari { display: block; padding: 20px; text-align: center; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); }
@media (max-width: 767px) {
  .hsbmFvrProductContent { grid-template-columns: 1fr; }
}

/* -------------------- IADE TALEPLERIM / IPTAL TALEPLERIM -------------------- */
/* Gercek yapi /Scripts/apps/template/hesabim/IadeTaleplerim.html ve
   IptalTaleplerim.html'den dogrulandi - ikisi ayni class isimlerini
   paylasiyor, bu yuzden ayni kurallar ikisine de uygulaniyor. */
.iadeTaleplerimContentDesc { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); line-height: 1.6; margin-bottom: 18px; }
.iadeKampanyaUyari {
  font-family: var(--rhn-mono); font-size: 12px; color: #b0413a; background: #fbefed;
  border-radius: 12px; padding: 10px 14px; margin-top: 10px;
}
.tumsiparisIptalBtn { margin-top: 12px; }

.iadeUrunContainer { display: flex; flex-direction: column; gap: 12px; list-style: none; margin: 0; padding: 0; }
.iadeUrunContainer .siparisUrun,
.ProductList .siparisUrun {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 16px; box-sizing: border-box;
}
.iadeUrunContainer .siparisUrun.no-refund { opacity: .55; }
.checkbox_item { display: flex; }
.checkbox-label { display: flex; gap: 14px; cursor: pointer; width: 100%; }
.return-product { display: flex; gap: 14px; width: 100%; }
.return-product .Img { width: 72px; height: 72px; flex: none; border-radius: 12px; overflow: hidden; background: var(--rhn-card-img-bg); }
.return-product .Img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; filter: brightness(1.15); }
.return-product .Info { flex: 1; min-width: 0; font-family: var(--rhn-font); font-size: 12px; color: var(--rhn-muted); display: flex; flex-direction: column; gap: 3px; }
.return-product .pName { font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); }
.return-product .pPrice { font-size: 14px; font-weight: 700; color: var(--rhn-ink-2); margin-top: 2px; }
.return-product .pPrice .Old { font-size: 12px; font-weight: 400; color: #aaa392; text-decoration: line-through; margin-right: 6px; }
.return-product .pCampaign { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-accent); }

.form-wrapper { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rhn-line); display: flex; flex-direction: column; gap: 12px; }
.form-row { display: flex; flex-wrap: wrap; gap: 12px; }
.form-row .item { flex: 1; min-width: 200px; }
.FormElements label { display: block; font-family: var(--rhn-font); font-size: 12px; font-weight: 500; color: var(--rhn-ink-2); margin-bottom: 6px; }
.FormElements select, .FormElements textarea {
  width: 100%; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px;
  padding: 12px 13px; font-size: 13px; color: var(--rhn-ink-2); font-family: var(--rhn-font); box-sizing: border-box;
}
.FormElements textarea { min-height: 80px; resize: vertical; }

.iadeButton { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.butonIadeSelect { flex: 1; min-width: 200px; }
.btniadelbl { position: relative; }
.btniadelbl input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.btniadelbl label {
  display: block; border: 1.5px solid var(--rhn-line); border-radius: 12px; padding: 14px 16px;
  font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2); cursor: pointer; text-align: center;
}
.btniadelbl input[type="radio"]:checked + label { border-color: var(--rhn-accent); background: var(--rhn-input-bg); color: var(--rhn-accent-ink); }

.iadeKargoList { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.iadeKargoList li { display: flex; align-items: center; gap: 14px; border: 1.5px solid var(--rhn-line); border-radius: 12px; padding: 12px 16px; cursor: pointer; }
.iadeKargoList li.active { border-color: var(--rhn-accent); background: var(--rhn-input-bg); }
.iadeKargoList .spanLogo img { height: 28px; width: auto; }
.iadeKargoList .spanMesaj { font-family: var(--rhn-font); font-size: 12px; color: var(--rhn-muted); }
.mgzInfo { margin-top: 10px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); display: flex; flex-direction: column; gap: 3px; }

.iadeToplamTutarSatir { display: block; font-family: var(--rhn-mono); font-size: 12px; color: var(--rhn-muted); margin-bottom: 4px; }
.iadeToplamTutarSatir strong { color: var(--rhn-ink-2); }

/* gecmis iade/iptal talepleri listesi */
.hesabimTablo.orders .order-list.iadeList { border: 1px solid var(--rhn-line); border-radius: 16px; overflow: hidden; margin-bottom: 14px; }
.order-info.iadeListHead { display: flex; justify-content: space-between; gap: 16px; padding: 16px 18px; cursor: pointer; flex-wrap: wrap; }
.iadeListHead .Column.Left p { margin: 0 0 3px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); }
.iadeListHead .Column.Right { text-align: right; }
.iadeListHead .Price { font-family: var(--rhn-font); font-size: 15px; font-weight: 700; color: var(--rhn-ink-2); }
.iadeListHead .PaymentType { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.progress-item { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); margin-top: 6px; max-width: 320px; }
.progress-rClaims { display: flex; height: 6px; border-radius: 999px; overflow: hidden; background: #ece6da; margin-top: 6px; }
.progress-approvedQuantity { background: var(--rhn-accent); }
.progress-declinedQuantity { background: #b0413a; }
.progress-waitingQuantity { background: #d6a44a; }

.iadeListContent { border-top: 1px solid var(--rhn-line); padding: 18px; background: var(--rhn-input-bg); }
.info-head { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.badge-item { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-ink-2); background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 999px; padding: 6px 12px; }
.badge-item strong { color: var(--rhn-muted); font-weight: 500; margin-right: 4px; }
.ProductList { display: flex; flex-direction: column; gap: 10px; }
.ProductList .siparisUrun { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.ProductList .siparisUrun > .item:first-child { flex: 1; min-width: 220px; }
.itemBox { display: flex; flex-direction: column; gap: 4px; font-family: var(--rhn-font); font-size: 12px; color: var(--rhn-muted); text-align: right; }
.itemBox b { color: var(--rhn-ink-2); font-weight: 600; }
.iadeNot { margin-top: 12px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); }
.iadeNot strong { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--rhn-muted); margin-bottom: 3px; }
.siparisDetayBtn { margin-top: 12px; }
.kargoTakibiBtn { font-family: var(--rhn-mono); font-size: 11px; font-weight: 600; color: var(--rhn-accent); text-decoration: none; }

/* Hepsijet vb. teslim tarihi secim modali */
.deliveryDateModal { position: fixed; inset: 0; background: rgba(44,42,36,.5); display: none; align-items: center; justify-content: center; z-index: 999; }
.deliveryDateModal.modalShow { display: flex; }
.deliveryDateModalContent { background: #fff; border-radius: 16px; padding: 24px; width: 90%; max-width: 380px; box-sizing: border-box; }
.deliveryDateModalTop { font-family: var(--rhn-font); font-size: 15px; font-weight: 600; color: var(--rhn-ink-2); margin-bottom: 14px; }
@media (max-width: 767px) {
  .order-info.iadeListHead { flex-direction: column; }
  .iadeListHead .Column.Right { text-align: left; }
}

/* -------------------- HESABIM ORTAK: gercek <table> kullanan sayfalar -------------------- */
/* ParaPuanDetay, StokAlarmListem, DestekTaleplerim (gizli tablo), HavaleBildirim
   .hesabimTablo'yu div degil GERCEK <table> olarak kullaniyor - element tipiyle ayirdik. */
table.hesabimTablo { width: 100%; border-collapse: collapse; font-family: var(--rhn-font); }
table.hesabimTablo thead td {
  font-family: var(--rhn-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
  color: var(--rhn-muted); padding: 10px 12px; border-bottom: 1px solid var(--rhn-line); text-align: left;
}
table.hesabimTablo tbody td { padding: 12px; font-size: 13px; color: var(--rhn-ink-2); border-bottom: 1px solid var(--rhn-line); vertical-align: middle; }
table.hesabimTablo tbody tr:last-child td { border-bottom: none; }
table.hesabimTablo td img { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; display: block; mix-blend-mode: multiply; filter: brightness(1.15); }

/* -------------------- ILETISIM IZINLERIM -------------------- */
.iletisimIzinTitleDesc { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); margin-bottom: 16px; }
.iletisimIzinList > ul { list-style: none; margin: 0; padding: 0; }
.selectMethod { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--rhn-line); }
.iletisimIzinList li:last-child .selectMethod { border-bottom: none; }
.selectMethodInput { position: relative; flex: none; width: 44px; height: 26px; }
.selectMethodInput input[type="checkbox"] { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.selectMethodInput label {
  display: block; width: 44px; height: 26px; border-radius: 999px; background: #e2dccd; position: relative; cursor: pointer;
  font-size: 0; color: transparent; transition: background .2s ease;
}
.selectMethodInput label::before {
  content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s ease;
}
.selectMethodInput input[type="checkbox"]:checked + label { background: var(--rhn-accent); }
.selectMethodInput input[type="checkbox"]:checked + label::before { transform: translateX(18px); }
.selectMethodText { display: flex; flex-direction: column; gap: 3px; }
.selectMethodText span:first-child { font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); }
.downText { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.iletisimIzinDesc { font-family: var(--rhn-font); font-size: 12px; color: var(--rhn-muted); line-height: 1.6; margin: 16px 0; }
.iletisimIzinSave { margin-top: 10px; }
.iletisimIzinSave a {
  display: inline-flex; background: var(--rhn-accent); color: #fff; border-radius: 12px; padding: 13px 24px;
  font-family: var(--rhn-font); font-size: 14px; font-weight: 600; text-decoration: none;
}
.iletisimIzinSave.pasif a { opacity: .5; pointer-events: none; }
.iletisimIzinSave a:hover { background: var(--rhn-accent-ink); }

/* -------------------- YORUMLARIM -------------------- */
.commentList > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.commentDiv { display: flex; gap: 14px; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 16px; }
.commentProductImg { width: 72px; height: 72px; flex: none; border-radius: 12px; overflow: hidden; background: var(--rhn-card-img-bg); }
.commentProductImg img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; filter: brightness(1.15); }
.commentInfo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.commentProductName a { font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); text-decoration: none; }
.commentRating .ratingDiv { display: flex; gap: 2px; }
.commentRating i { color: #e2dccd; font-size: 13px; }
.commentText span { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); line-height: 1.5; }
.commentDate span { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.commentAproved .yescheck { color: var(--rhn-accent); }
.commentAproved .notcheck { color: #b0413a; }
.commentNone { text-align: center; padding: 60px 20px; }
.commentNoneIcon { width: 64px; height: 64px; border-radius: 50%; background: var(--rhn-card-img-bg); display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--rhn-accent); margin: 0 auto 14px; }
.commentNoneText1 { font-family: var(--rhn-font); font-size: 16px; font-weight: 600; color: var(--rhn-ink-2); margin-bottom: 14px; }
.commentNoneButton a { display: inline-flex; background: var(--rhn-accent); color: #fff; border-radius: 12px; padding: 13px 24px; font-family: var(--rhn-font); font-size: 14px; font-weight: 600; text-decoration: none; }
.commentNoneButton a:hover { background: var(--rhn-accent-ink); }

/* -------------------- ISTEK LISTELERIM -------------------- */
/* Favorilerim'deki .ustListe/.wishListe/.trTutucu6/.istekDetayIcerik/.urunBaslik/.maviUyari
   ile ortak - burada sadece bu sayfaya ozgu ek parcalar var. */
.hsbmLabel { display: inline-flex; align-items: center; gap: 8px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); cursor: pointer; margin-bottom: 8px; }
input.hsbmCheckbox { width: 17px; height: 17px; accent-color: var(--rhn-accent); }
.yesilYazi { color: var(--rhn-accent-ink); font-weight: 600; }
.trTutucu6 .epostaGonder, .trTutucu6 .duzenle {
  display: inline-flex; align-items: center; gap: 6px; font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-accent); text-decoration: none;
}
.tdTutucu.animate-show > .istekDetayIcerik { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--rhn-line); }
.tdTutucu.animate-show > .istekDetayIcerik:last-child { border-bottom: none; }
.istekUrunDetay { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.istekUrunDetay .urunBaslik { font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2); text-decoration: none; }
.istekUrunDetaySag { display: flex; align-items: center; gap: 12px; font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.istekUrunDurum { flex: 1; }
.istekUrunDetaySag .iptalEt { color: #b0413a; }

/* -------------------- FIYAT / STOK ALARM LISTEM -------------------- */
/* .istekDetayIcerik/.istekUrunResmi/.favoriUrunDetay/.favoriUrunP/.favoriUrunPrice/
   .favoriUrunDetaySag zaten Favorilerim'de stillendi - burada sadece 2 kolonlu izgara sarmalayici var. */
.tdTutucu .row { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; }
.tdTutucu .row .col-sm-6 { flex: 1 1 calc(50% - 8px); min-width: 260px; box-sizing: border-box; padding: 0; }
.tdTutucu .row .col-sm-6 > .istekDetayIcerik {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 16px; padding: 14px; height: 100%; box-sizing: border-box;
}
@media (max-width: 767px) {
  .tdTutucu .row .col-sm-6 { flex: 1 1 100%; }
}

/* -------------------- SOZLESMELERIM -------------------- */
.sozlesmeGosterimAdedi { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.SozlesmeGeriBtn, .SozlesmeIleriBtn {
  width: 34px; height: 34px; border-radius: 50%; background: var(--rhn-input-bg); display: flex; align-items: center; justify-content: center;
  color: var(--rhn-ink-2); cursor: pointer; flex: none;
}
.SozlesmeGeriBtn:hover, .SozlesmeIleriBtn:hover { background: var(--rhn-accent); color: #fff; }
.SozlesmeGeriBtn.hideBtn, .SozlesmeIleriBtn.hideBtn { visibility: hidden; }
.SozlesmeSelectGosterim {
  margin-left: auto; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px; padding: 9px 12px;
  font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2);
}
.accordionWrapper { display: flex; flex-direction: column; gap: 10px; }
.accordionItem { border: 1px solid var(--rhn-line); border-radius: 12px; overflow: hidden; }
.accordionItemHeading {
  margin: 0; padding: 14px 16px; font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2);
  cursor: pointer; background: var(--rhn-input-bg);
}
.accordionItem.close .accordionItemContent { display: none; }
.accordionItemContent { padding: 16px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-muted); line-height: 1.6; }

/* -------------------- PARA PUANLARIM / PARA PUAN DETAY -------------------- */
.puanlamaBolumu .blokRow2 { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.puanlamaBolumu .blok { flex: 1; min-width: 200px; }
.puanlamaBolumu .blok span, .puanlamaBolumu .blok a {
  display: flex; align-items: center; gap: 10px; background: var(--rhn-input-bg); border: 1px solid var(--rhn-line);
  border-radius: 12px; padding: 14px 16px; font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); text-decoration: none;
}
.puanlamaBolumu .blok strong { color: var(--rhn-ink-2); }
.puanlamaBolumu .blok .mavi i { color: #4a7ab0; }
.puanlamaBolumu .blok .yesil i { color: var(--rhn-accent); }
.puanlamaBolumu .blok .kirmizi i { color: #b0413a; }
.puanlamaBolumu .blok .sari i, .puanlamaBolumu .blok .gri i { color: #d6a44a; }
.kuponOlustur { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--rhn-line); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.kuponOlusturYazi { font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2); flex: 1; min-width: 220px; }
.kuponInput { background: var(--rhn-input-bg); border: 1px solid var(--rhn-line); border-radius: 12px; padding: 12px 14px; font-family: var(--rhn-font); font-size: 14px; width: 140px; box-sizing: border-box; }
.kuponOlusturButon { background: var(--rhn-accent); color: #fff; border: none; border-radius: 12px; padding: 13px 22px; font-family: var(--rhn-font); font-weight: 600; font-size: 14px; cursor: pointer; }
.kuponOlusturButon:hover { background: var(--rhn-accent-ink); }
.kuponOlusturButon.butonDisabled { opacity: .5; cursor: not-allowed; }

/* -------------------- HEDIYE CEKLERIM / DESTEK TALEPLERIM ortak akordiyon -------------------- */
.Content_accordion { border: 1px solid var(--rhn-line); border-radius: 16px; margin-bottom: 12px; overflow: hidden; }
.Content_accordion .Head { display: flex; justify-content: space-between; gap: 16px; padding: 16px 18px; cursor: pointer; background: var(--rhn-card-img-bg); flex-wrap: wrap; }
.Content_accordion .Content { border-top: 1px solid var(--rhn-line); padding: 18px; background: var(--rhn-input-bg); }

/* HEDIYE CEKLERIM'e ozgu */
.CouponCode { font-family: var(--rhn-font); font-size: 14px; font-weight: 600; color: var(--rhn-ink-2); }
.CouponCode i { margin-left: 8px; color: var(--rhn-muted); cursor: pointer; font-size: 12px; }
.CouponDate { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.Term { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-accent); margin-top: 4px; }
.CouponDay { font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-accent-ink); }
.CouponDayEnd { font-family: var(--rhn-font); font-size: 13px; font-weight: 600; }
.Coupon-info { display: flex; flex-wrap: wrap; gap: 20px; }
.Coupon-info .item { display: flex; flex-direction: column; gap: 4px; }
.Coupon-info .T { font-family: var(--rhn-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: var(--rhn-muted); }
.Coupon-info .Num { font-family: var(--rhn-font); font-size: 13px; font-weight: 600; color: var(--rhn-ink-2); }
.gift-voucher-direction-title { font-family: var(--rhn-mono); font-size: 10px; text-transform: uppercase; color: var(--rhn-muted); margin: 10px 0 4px; }
.gift-voucher-direction { cursor: pointer; padding: 4px 0; }
.gift-voucher-direction .Num { color: var(--rhn-accent); font-weight: 500; }

/* DESTEK TALEPLERIM'e ozgu */
.Content_accordion .Info { font-family: var(--rhn-font); font-size: 12px; color: var(--rhn-muted); margin-bottom: 4px; }
.Content_accordion .Info span { color: var(--rhn-ink-2); font-weight: 500; margin-right: 4px; }
.Return_Status { font-family: var(--rhn-mono); font-size: 11px; font-weight: 600; color: var(--rhn-accent-ink); display: flex; align-items: center; gap: 6px; }
.destekMusteriCevap, .destekAdminCevap {
  background: var(--rhn-card-img-bg); border: 1px solid var(--rhn-line); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px;
  font-family: var(--rhn-font); font-size: 13px; color: var(--rhn-ink-2);
}
.destekAdminCevap { background: var(--rhn-input-bg); }
.destekMusteriCevap .zaman, .destekAdminCevap .zaman { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
.destekMusteriCevap .isim, .destekAdminCevap .isim { font-weight: 600; }
.destekCevapForm { margin-top: 14px; }
.inputFiletype { display: flex; align-items: center; gap: 12px; }
.fakeBtnUpload { position: relative; }
.fakeBtnUpload input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.fakeBtnUploadBtn {
  display: inline-flex; background: var(--rhn-input-bg); color: var(--rhn-ink-2); border: 1.5px solid var(--rhn-line); border-radius: 12px;
  padding: 10px 18px; font-family: var(--rhn-font); font-size: 13px; font-weight: 600; cursor: pointer;
}
.fakeUploadNameResult { font-family: var(--rhn-mono); font-size: 11px; color: var(--rhn-muted); }
/* HavaleBildirim ekstra CSS gerektirmiyor - tamamen .hesabimForm/.satirBlok/.hsbmSelect/
   .hsbmTextarea/table.hesabimTablo/.maviUyari gibi zaten stillenmis ortak class'lari kullaniyor. */

/* -------------------- ANASAYFA UST BANNER (.anasayfa_tek_slider) --------------------
   Gercek yapi (kaynak-html/rhnmuzik-canli-anasayfa.html satir ~495-505):
   .owl-carousel.owl-theme.anasayfa_tek_slider > a.blokResimLink > img (12 slayt,
   autoplay 4sn, loop:true - bkz. data-ayar). Gorsellere hic sabit kutu/oran
   verilmemisti: her gorsel kendi dogal boyutunda render oluyordu. Slaytlar
   owl-lazy ile gec yuklendigi veya autoplay slayt degistirdigi an kutunun
   yuksekligi anlik degisiyor, ALTINDAKI TUM SAYFA icerigi yukari/asagi
   zipliyordu - kullanicinin fark ettigi "kaydirdikca iniyor" kaymasi buydu
   (urun kartlarinda cozdugumuz cifte-padding sorunuyla ayni kokten farkli
   bir gorunum: burada sorun sabit oranin HIC olmamasiydi). Tum slaytlari
   ayni sabit orana kilitleyip dolduruyoruz.
   KRITIK DUZELTME (sonradan bulundu): object-fit:cover kullanmistik -
   yuklenen banner gorselleri bizim sectigimiz %32 oraniyla TAM ortusmuyor,
   "cover" oran farkini KIRPARAK kapatiyordu (bazi bannerlarda sol taraftaki
   yazi kesiliyordu - canlida fark edildi). "contain" ile hicbir sey
   kirpilmiyor (gerekirse ustte/altta veya yanlarda bosluk kalir ama gorsel
   butun kalir) - ziplama onleme kazanimi aynen duruyor. */
.anasayfa_tek_slider .blokResimLink {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 27.78%; /* KRITIK DUZELTME: gercek banner gorsellerini (12 slaytin
    tumu) indirip olctuk - hepsi tam olarak 1440x400px (%27,78 oran). Tahmini
    %32 kullanmistik, bu fazlalik contain ile ustte/altta krem bosluk
    birakiyordu ("bannerin ustunde/altinda bi renk var" - canlida fark edildi).
    Gercek orana kilitleyince bosluk kalmiyor. */
  overflow: hidden;
  background: var(--rhn-card-img-bg);
  border-radius: 20px; /* hic yoktu, koseler tam kare duruyordu - site
    genelindeki buyuk panel oraniyla (20px) tutarli hale getirildi */
}
.anasayfa_tek_slider .blokResimLink img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* oran artik gercek gorsellerle tam ortustugu icin
    cover'a donebiliyoruz - kirpma riski yok, ama gelecekte orani tutmayan
    bir gorsel yuklenirse yine de kutuya sigdirir (kirpar), sayfa
    ziplamaz - guvenli varsayilan. */
}