@charset "UTF-8";
/* ==================== */
/* ------FE6--SC------- */
/* ==================== */
/***/
* {
    margin: 0;
    outline: 0;
    padding: 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*/
@media (min-width: 768px) {
    @keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-o-keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    body {
        -webkit-animation: fadein 500ms ease-in-out 0.5s both;
        animation: fadein 500ms ease-in-out 0.5s both;
    }
    .tooltip {
        -webkit-animation: fadein 0.5s;
        -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
        -o-animation: fadein 0.5s;
        animation: fadein 0.5s;
    }
    .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;
    }
    .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;
}

#yorumYaz .frmUrunDetayYorumYaz #selectCity {
    height: auto;
}

body {
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    background-color: #fafafa !important;
    background: #fafafa !important;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}

textarea {
    overflow: auto;
}

p {
    margin-top: 0;
}

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%;
}

ol, ul {
    list-style: none;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

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 0.1s ease-in-out;
}

a:active, a:hover {
    outline-width: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

select, input {
    font-family: "Poppins", sans-serif !important;
}

button {
    -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;
}

.sepetimBody .fa {
    font-family: FontAwesome;
}

/*reset Css*/
/*colgrid*/
.pull-center {
    display: inline-block;
    vertical-align: top;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

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

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/*colgrid*/
.fa-facebook-f:before {
    content: "\f39e" !important;
}

.hesabimBolumuTutucu i {
    vertical-align: middle;
}

.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div {
    margin: 0 !important;
}

#cb3DSecureOdeme {
    margin-right: 8px;
}

#txtbxCep {
    border: solid 1px #a9a9a9;
    height: 26px;
    color: #777777;
    background-color: transparent;
}

.clear {
    clear: both;
}

#ProductDetailMain .ins-preview-wrapper{
    pointer-events: none;
}

.textarea {
    font-family: "Poppins", 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: "Poppins", 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: "Poppins", sans-serif;
    cursor: pointer;
    color: #fff;
    padding: 4px 5px;
    transition: all 0.3s ease 0s;
    border: none;
    text-align: center;
}

.selectboxx {
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    background-color: transparent !important;
    width: 100%;
    margin-bottom: 4px;
}

.validate, .validateSol, .validateOrta {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; /* display: table; */
    background-color: #a94442;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
}

.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {
    background-color: #a94442;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 10px;
    display: block;
    border-radius: 0 0 5px 5px;
}

.cloudzoom-zoom {
    z-index: 999;
}

.clearfix {
    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;
}

.KasaOnuFirsatlarContent ul li a {
    margin-bottom: 10px !important;
    max-height: initial !important;
}

.KasaOnuFirsatlarContent ul li a img {
    max-height: initial !important;
}

.KasaOnuFirsatlarContent ul li span, .KasaOnuFirsatlarContent ul li p {
    line-height: 26px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.KasaOnuFirsatlarContent ul li span + span, .KasaOnuFirsatlarContent ul li p + span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip {
    position: absolute;
    z-index: -1;
    display: none;
    font-size: 10px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=90);
    z-index: 1030;
    display: block;
}

.tooltip.top {
    padding: 5px 0;
    margin-bottom: 7px;
    bottom: 100%;
    left: 50%;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 7px;
    left: 100%;
    top: 50%;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 7px;
    top: 100%;
    left: 50%;
}

.tooltip.left {
    padding: 0 5px;
    margin-right: 7px;
    right: 100%;
    top: 50%;
}

.tooltip-inner {
    min-width: auto;
    padding: 0 8px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    border-radius: 0;
    white-space: nowrap;
    font-weight: normal;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
}

/* ------------------------------------ ToolTip --------------------------------------------*/
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header {
    margin-bottom: 50px;
}

.Magazalar .magazaSelect {
    background: #fff;
    border: 1px solid #eeeff0;
    color: #222222;
    font-size: 13px;
    margin-right: 20px;
    width: calc(25% - 20px);
}

.Magazalar #searchStore {
    width: 25%;
    margin: 0;
}

.Magazalar #searchStore input {
    background: #fff;
    border: 1px solid #eeeff0;
    color: #222222;
    font-size: 13px;
    width: calc(100% - 115px);
}

.Magazalar #searchStore .buton {
    width: 105px;
    background: #222;
    border-color: #222;
}

.Magazalar #searchStore .buton:hover {
    color: #222;
}

.Magazalar .magazalarContent {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.Magazalar #nearStores {
    float: left;
    width: 100%;
}

.Magazalar #nearStores > h2 {
    font-weight: 600 !important;
    color: #222;
    font-size: 18px;
}

/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {
    float: left;
    width: 100%;
}

.iletisimContent .row {
    margin: 0;
}

.iletisimContent .AdBan {
    float: left;
    width: 50%;
}

.iletisimContent .iletisimLeft {
    float: left;
    padding: 0;
    margin: 0 0 40px;
    width: 100%;
    display: block;
}

.iletisimContent .categoryTitle {
    float: left;
    padding: 0;
    margin: 0 0 30px;
    width: 100%;
    text-align: left;
}

.iletisimContent .categoryTitle .categoryTitleText {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

.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-radius: 5px;
}

.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-radius: 5px;
}

.iletisimContent .iletisimForm .rowRight .span .Right textarea {
    border-color: #e3e3e3;
    background: transparent;
    padding: 10px;
    border-radius: 5px;
}

.iletisimContent .iletisimForm .rowRight .iletisimBtn {
    margin-top: 20px;
    top: 0!important;
}

.iletisimContent .iletisimForm .rowRight .iletisimBtn input {
    padding: 0 40px;
    display: block;
    height: 55px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    width: 100%;
    border-radius: 5px;

}

.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff0d0d;
    border-radius: 2px;
}

.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    display: block;
    border-radius: 2px;
}

/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle {
    display: block;
    margin: 20px 0;
    font-size: 26px;
    text-align: center;
}

.uyeOlContainer #FrmYeniUye > .uyeOlCol {
    margin: 30px 20px 0 0;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    width: calc(50% - 10px);
}

.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {
    margin-right: 0;
}

.uyeOlContainer .uyeOlRow {
    margin: 0;
}

.uyeOlContainer .uyeOlCol .uyeOlCol {
    width: auto;
    padding: 0;
}

.uyeOlContainer .uyeOlCol .uyeOlCol-3 {
    padding-left: 0;
}

.uyeOlContainer .uyeOlCol label {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.uyeOlContainer .uyeOlCol input.textbox {
    font-size: 14px;
    display: block;
    letter-spacing: 0.3px;
    background-color: #fff !important;
    height: auto !important;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    border: 1px solid #eee !important;
    font-weight: 400;
    color: #555 !important;
    width: 100%;
    text-indent: 15px;
    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;
}

/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum {
    width: 100%;
    margin: 30px 0;
    padding-left: 50px;
    float: left;
}

.SifremiUnuttum p {
    line-height: 25px;
}

.SifremiUnuttum #mainHolder_txtbxMail {
    width: 80%;
    height: 40px;
    float: left;
    line-height: 40px;
    padding: 0 20px;
}

.SifremiUnuttum .button {
    padding: 0 10px;
    float: right;
    width: 20%;
    height: 40px;
}

.SifremiUnuttumInput {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.SifremiUnuttumInput .validate {
    left: auto;
    right: 0;
    top: -38px;
}

.SifremiUnuttumInput .validateSol {
    left: 0;
    right: auto;
    top: -38px;
}

.SifremiUnuttumInput .validateSol .validateSolOk {
    border-radius: 0 0 15px;
    bottom: -5px;
    left: 10px;
}

.SifremiUnuttum .line {
    min-height: 32px;
    line-height: 32px;
    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;
}

/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik {
    display: inline-block;
    vertical-align: top;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title {
    color: #000;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before {
    content: "\f00c";
    font-family: "FontAwesome";
    display: block;
    font-size: 40px;
    color: #097d2d;
    font-weight: bold;
    margin-bottom: 10px;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 {
    font-size: 25px;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title span {
    font-size: 15px;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik a {
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

/*******************************************UYELIK********************************/
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.taksitMain {
    margin: 0 -5px;
}

.taksitBlok {
    width: 50%;
    height: auto;
    float: left;
    line-height: 20px;
    padding: 0 5px;
    margin-bottom: 10px;
}

.taksitBaslik {
    width: 100%;
    height: 20px;
    text-align: center;
}

.taksitBaslik img {
    vertical-align: top;
}

.taksitLine {
    width: 101%;
}

.taksitLine .tak {
    width: 39.1%;
    height: 20px;
    overflow: hidden;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
    font-size: 10px;
    float: left;
    color: #000;
    text-align: center;
}

.taksitLine .tak.Taksit {
    background-color: #ededed;
    width: 19%;
}

/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear {
    clear: none;
}

.ProductDetailMain {
    float: left;
    width: 100%;
}

.ProductDetailMainRow {
    float: left;
    width: 100%;
}

.TopDet {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
}

.leftImage {
    width: 585px;
    float: left;
    position: relative;
    padding: 0;
}

.RightDetail {
    width: calc(100% - 585px);
    float: left;
    position: relative;
    padding: 30px 0 30px 50px;
    background-color: white;
}

/*Urun Resim*/
.UrunDetayLeft {
    margin: 0 !important;
    overflow: hidden;
}

.Images {
    float: right;
    width: 460px;
    position: relative;
}

.Images img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#divVideoGoruntulemeAlan {
    float: right;
    width: 460px !important;
    padding-bottom: 118%;
    position: relative;
}

#vdUrunVideo {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.cloudzoom-blank > div:last-child {
    display: none !important;
}

.SmallImages {
    display: flex !important;
    width: 100%;
    margin: 30px 0 0px;
    gap: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding: 0 0 15px;
    float: left;
}

.SmallImages div {
    flex: 0 0 auto;
    width: 70px;
    border: 1px solid #c8c2c2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SmallImages div img {
    max-width: 100%;
    max-height: 100%;
}
.SmallImages::-webkit-scrollbar {
    height: 6px;   /* Scrollbar yüksekliği */
}

.SmallImages::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.SmallImages::-webkit-scrollbar-thumb {
    background: #c8c2c2;
    border-radius: 10px;
}

.SmallImages::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.leftImage .productTimer {
    display: none !important;
}

.DetayYeniUrun {
    display: block!important;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #000;
    color: #fff;
    padding: 7px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    z-index:9
}

.RightDetail .TopList {
    float: left;
    width: 100%;
    position: relative;
}

.RightDetail .MiddleList {
    float: left;
    width: 100%;
    position: relative;
}

.RightDetail .BottomList {
    float: left;
    width: 100%;
    position: relative;
    display: none;
}

.ProductName {
    float: left;
    position: relative;
    margin: 0;
}

.ProductName h1 {
    margin: 0;
    float: left;
    width: 100%;
}

.ProductName h1 span {
    float: left;
    width: 100%;
    display: inline-block;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
}

#divUrunKodu {
    float: right;
    clear: right;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 27px;
    padding: 0;
    margin: 0;
}

#divUrunKodu span {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    line-height: 27px;
    float: left;
    text-transform: uppercase;
}

#divUrunKodu span:after {
    content: ":";
    margin: 0 4px;
}

#divTaksitAciklama {
    display: block;
    float: right;
    clear: right;
    margin-top: 10px;
}

#divTaksitAciklama .taksitSatir {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    float: left;
}

.RightDetail .puanVer {
    float: left;
    clear: left;
    margin-top: 10px;
}

.RightDetail #PuanVer {
    float: left;
}

.RightDetail .PuanVerSag {
    float: left;
    font-size: 14px;
    color: #2a2929;
    margin-left: 5px;
    font-weight: 600;
    line-height: 17px;
    display: none;
}

.RightDetail ul.rating {
    float: left;
}

.RightDetail ul.rating li {
    margin-right: 5px !important;
    width: 14px !important;
    float: left;
    height: 14px;
}

.RightDetail ul.rating li i.starItem {
    font-size: 14px !important;
    line-height: 14px;
    height: 14px;
    font-weight: 300;
    font-family: FontAwesome;
}

.RightDetail ul.rating li i.starItem:before {
    content: "\f005" !important;
}

.RightDetail ul.rating li i.starItem:hover {
    font-size: 14px !important;
    font-weight: 600;
}

.RightDetail ul.rating li.filled i {
    font-weight: 600;
}

.RightDetail .rating-stars ul > li.star.hover > i.fa {
    font-weight: 600;
}

.RightDetail .rating-stars ul > li.star.selected > i.fa {
    font-weight: 600;
}

.markaresmi {
    float: left;
    position: relative;
    z-index: 1;
    display: none !important;
}

.markaresmi a {
    float: left;
}

.markaresmi img {
    max-width: 100%;
    float: left;
}

#divMagazaStok {
    float: left;
    clear: left;
    margin: 10px 0 0 !important;
}

#divMagazaStok a {
    display: inline-block;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

/*on yazi*/
#divOnyazi {
    float: left;
    width: 100%;
    margin-top: 10px;
}

#divOnyazi h2 {
    font-weight: normal;
    font-size: 100%;
}

#divOnyazi * {
    font-family: "Poppins", sans-serif !important;
}

#divOnyazi strong {
    font-weight: bold;
}

#divOnyazi strong * {
    font-weight: bold;
}

#divOnyazi i {
    font-family: "FontAwesome" !important;
    margin-right: 12px;
}

/*fiyatlar*/
.PriceList {
    float: left;
    position: relative;
    width: 100%;
}

#pnlFiyatlar {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-top: 4px;
}

#divIndirimliFiyat {
    display: block;
}

#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi {
    float: left;
    clear: left;
    margin-top: 10px;
    line-height: 14px;
}

#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line,
#divTahminiTeslimatSuresi .left_line {
    display: inline-block;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line,
#divTahminiTeslimatSuresi .center_line {
    display: inline-block;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

#divMarka .right_line, #divTedarikci .right_line {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

#divMarka .right_line *, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line,
#divTahminiTeslimatSuresi .right_line {
    display: inline-block;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

#divIndirimOrani {
    float: right;
    clear: right;
    width: 45px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    display: block;
}

#divIndirimOrani .left_line {
    display: none;
}

#divIndirimOrani .center_line {
    display: none;
}

#divIndirimOrani .indirimliOrani {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
}


#divIndirimOrani .indirimliOrani * {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
}

/*piyasa fiyati*/
.PiyasafiyatiContent {
    display: block;
    line-height: 0.8;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.PiyasafiyatiContent .left_line {
    display: none;
    color: #343434;
    font-size: 14px;
    font-weight: normal;
    line-height: 0.8;
}

.PiyasafiyatiContent .center_line {
    display: none;
    color: #4d555f;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
}

.PiyasafiyatiContent .right_line {
    display: inline-block;
    vertical-align: top;
}

.PiyasafiyatiContent .right_line * {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    text-decoration: line-through;
    line-height: 0.8;
}

.PiyasafiyatiContent .right_line .spanKdv {
    display: none !important;
    vertical-align: top;
}

/*indirimli fiyati*/
.IndirimliFiyatContent {
    display: block;
    line-height: 0.8;
    float: left;
}

.IndirimliFiyatContent .left_line {
    display: none;
    color: #343434;
    font-size: 14px;
    font-weight: normal;
    line-height: 0.8;
}

.IndirimliFiyatContent .center_line {
    display: none;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
}

.IndirimliFiyatContent .right_line {
    display: inline-block;
    vertical-align: top;
}

.IndirimliFiyatContent .right_line * {
    display: inline-block;
    vertical-align: top;
    line-height: 0.8;
}

.IndirimliFiyatContent .right_line .spanKdv {
    display: none !important;
    vertical-align: bottom;
    font-size: 12px;
    line-height: 1;
}

/*turk lirasi fiyati*/
#divTurkLirasiFiyat {
    display: block;
    line-height: 0.8;
}

#divTurkLirasiFiyat .left_line {
    display: none;
    width: 103px;
    color: #152e59;
    font-size: 12px;
    font-weight: normal;
}

#divTurkLirasiFiyat .center_line {
    display: none;
    color: #152e59;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
}

#divTurkLirasiFiyat .right_line {
    display: inline-block;
}

#divTurkLirasiFiyat .right_line * {
    display: inline-block !important;
    vertical-align: top;
    line-height: 0.8;
}

/*indirimsiz fiyati*/
#divIndirimsizFiyat {
    display: block;
    line-height: 0.8;
}

#divIndirimsizFiyat .left_line {
    display: none;
    vertical-align: top;
    font-size: 14px;
    font-weight: normal;
}

#divIndirimsizFiyat .center_line {
    display: none;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    margin-right: 0;
}

#divIndirimsizFiyat .right_line {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}

#divIndirimsizFiyat .right_line * {
    display: inline-block !important;
    vertical-align: top;
}

#divIndirimsizFiyat .right_line .spanKdv {
    display: none !important;
    vertical-align: top;
}

/*kdv dahil fiyati*/
#divKDVDahilFiyat {
    line-height: 0.8;
    float: left;
    margin-top: 8px;
    display: none;
}

#divKDVDahilFiyat .left_line {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

#divKDVDahilFiyat .center_line {
    display: none;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin-right: 0;
}

#divKDVDahilFiyat .right_line * {
    display: inline-block !important;
    vertical-align: top;
    line-height: 24px;
}

/*Stok yok*/
body #divStokYok {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    text-align: center;
    padding: 5% 0;
    background-color: #f2f5f6;
    border-radius: 0;
}

body #divStokYok:before {
    content: "\f057";
    font-family: "FontAwesome";
    font-weight: 300;
    width: 100%;
    float: left;
    font-size: 30px;
    margin-bottom: 20px;
}

/*kdvler*/
#pnlFiyatlar .spanKdv {
    margin-left: 5px;
    display: inline-block;
}

/*Urun ekstrabilgileri*/
#divEkstraBilgiler {
    float: left;
    clear: left;
}

#divEkstraBilgiler img {
    max-width: 100%;
    display: block;
}

.btnnostok i.fa {
    font-family: "FontAwesome";
}

/*varyasyonlar*/
#divUrunEkSecenek {
    float: left;
    width: 100%;
    position: relative;
    margin: 25px 0 0;
}

#divUrunEkSecenek .eksecenekLine {
    clear: none !important;
    margin: 0 0 15px;
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

#divUrunEkSecenek .eksecenekLine:last-child {
    margin-bottom: 0 !important;
    border: none;
    padding-bottom: 0;
}

#divUrunEkSecenek .eksecenekLine .left_line {
    float: left;
    width: 100%;
    line-height: 45px;
    color: #010101;
    font-size: 14px;
    font-weight: 600;
}

#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: #000000;
    font-weight: normal;
    margin-right: 10px;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box img {
    width: 100%;
    height: 100%;
    display: block;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
    width: 100%;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
    min-width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #d7d7d7;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding: 0 10px;
    background: #fff;
    border-radius: 0;
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
    width: 50px;
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #000;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
    min-width: 50px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 0;
    padding: 0 4px;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child {
    margin-right: 0;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
    position: relative;
    background: #f5f3f3 !important;
    color: #7a7979 !important;
    border-color: #e4dfdd;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after {
    content: "";
    height: 1px;
    max-width: 65px;
    margin: 0 auto;
    background: #cecece;
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    transform: rotate(140deg);
}

/*ilgili Urunler*/
#IlgiliUrunDiv {
    float: left;
    width: 100%;
    display: none;
}

.TopDet #IlgiliUrunDiv {
    display: block;
    float: left;
    width: 100%;
    margin: 25px 0 0;
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
}

.TopDet #IlgiliUrunDiv #divIlgiliUrunler {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}

.TopDet #IlgiliUrunDiv .JKatAdi {
    float: left;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold {
    padding: 0;
    margin: 0;
    text-align: left;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold:before {
    display: none;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold:after {
    display: none;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 {
    background: transparent;
    padding: 0 !important;
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    color: #010101;
}

.TopDet #IlgiliUrunDiv .clear {
    display: none;
}

.TopDet #IlgiliUrunDiv ul {
    float: left;
    width: 100%;
    padding: 0;
}

.TopDet #IlgiliUrunDiv ul li {
    float: left;
    width: 50px;
    margin-right: 10px;
    border-radius: 0;
    overflow: hidden;
}

.TopDet #IlgiliUrunDiv ul li:hover {
    box-shadow: 0 0 5px 0 #cecece;
}

.TopDet #IlgiliUrunDiv ul li .productItem {
    border: none;
    width: 100%;
    float: left;
    padding: 0;
    box-shadow: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productTimer {
    display: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage {
    padding: 0;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {
    display: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productIcon {
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet {
    display: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail {
    padding: 0;
    margin: 0;
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before {
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after {
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productName {
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco {
    display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent {
    display: none !important;
}

/*satinal*/
#divSatinAl {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    padding: 0;
}

.BasketBtn {
    float: left;
    position: relative;
    width: 100%;
}

/*Adet Select*/
#divAdetCombo {
    display: block !important;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

#divAdetCombo .center_line {
    display: none !important;
    float: left;
}

#divAdetCombo .right_line {
    float: left;
    width: 90px;
    max-width: 100% !important;
}

#divAdetCombo select {
    width: 100%;
    padding: 0 10px;
    text-align: left;
}

/*Adet input*/
.RightDetail .riSingle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
    width: 90px;
}

.RightDetail .riSingle a.riUp, .riSingle a.riDown {
    width: 30px !important;
    height: 40px !important;
    top: 0;
    line-height: 40px;
    font-weight: normal;
    position: absolute;
    margin: 0 !important;
    float: left;
    cursor: pointer;
    text-indent: 0;
    text-align: center;
}

.RightDetail .riSingle a.riUp i {
    line-height: 40px;
}

.RightDetail .riSingle a.riDown i {
    line-height: 40px;
}

.RightDetail .riSingle a.riUp {
    left: auto;
    right: 0;
}

.RightDetail .riSingle a.riDown {
    left: 0;
}

.Basketinp {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.Basketinp p, #divAdetCombo .left_line {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin-right: 20px;
    float: left;
    line-height: 40px;
}

#txtbxurunSiparisAdedi_wrapper {
    float: left;
    width: 100% !important;
    position: relative;
    padding: 0 !important;
}

#txtbxurunSiparisAdedi {
    width: 100% !important;
    text-align: center;
    display: inline-block;
    padding: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#txtbxurunSiparisAdedi, #divAdetCombo select {
    float: left;
    height: 40px !important;
    margin: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
}

/*sepete Ekle*/
.basketBtn {
    float: left;
    position: relative;
    width: 300px;
    margin: 0 20px 0 0;
}

.basketBtn input {
    height: 40px;
    line-height: 40px;
    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;
}

/*Hemen Al*/
.buyfast {
    float: left;
    width: 235px;
    margin: 0;
    display: none;
}

.buyfast input {
    background: #000;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    letter-spacing: 0;
    border: 1px solid #000;
    border-radius: 0;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/*kombin Al*/
#divKombinSatinAl {
    display: none;
}

/*Iconlar*/
.ProductIcon {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.ProductIcon .box1 {
    padding: 0;
    margin: 0;
    min-width: 0;
    background: transparent;
    color: #000000;
    font-size: 0;
    font-weight: normal;
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #000000;
    border-radius: 100%;
    text-align: center;
}

.ProductIcon .box1 i {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 33px;
}

.ProductIcon .UGelinceHaberVer .box1 i:before {
    content: "\f0a1";
}

.ProductIcon > div {
    float: left;
    margin-right: 10px;
    position: relative;
}

.ProductIcon > div > a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.ProductIcon2 {
    float: left;
    margin-top: 20px;
}

.ProductIcon2 .clear {
    clear: none;
}

.ProductIcon2 > div {
    float: left;
}

.ProductIcon2 > div > a {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 10px;
    padding: 0 18px;
    line-height: 31px;
}

.ProductIcon2 > div > a:before {
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 31px;
    margin-right: 7px;
    vertical-align: top;
    font-weight: 300;
}

.ProductIcon2 > div.YorumYazbtnContent > a:before {
    content: "\f303";
}

.ProductIcon2 > div.TavsiyeEtBtnContent > a:before {
    content: "\f164";
}

.TopDet .product_social_icon_wrapper {
    float: left;
    width: 100%;
    display: block !important;
    font-size: 0;
    margin-top: 20px;
}

.TopDet .product_social_icon_wrapper .PaylasTit {
    float: left;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin-right: 10px;
}

.TopDet .product_social_icon_wrapper ul {
    display: inline-block;
    vertical-align: top;
}

.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;
}

.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;
}

.UWhatsApp {
    vertical-align: top;
    float: left;
}

.UWhatsApp a {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.whatsApp i {
    font-family: "FontAwesomeBrands";
}

.UWhatsApp label {
    display: none;
}

.divYorumYaz, #yorumYaz {
    min-height: 220px;
}

.socialButons {
    float: right !important;
    width: 100%;
    position: relative;
    margin: 0 !important;
}

.socialButons iframe {
    float: left;
}

.product-social {
    float: left;
    margin-right: 10px;
}

.product-social span {
    float: left;
    line-height: 32px;
    display: inline-block;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    margin-right: 5px;
}

.product-social ul {
    float: left;
}

.product-social ul li {
    float: left;
    margin-right: 13px;
}

.product-social ul li a {
    display: block;
    color: #323232;
    font-size: 18px;
}

/*urun ozellik Bolumu*/
.urunOzellik {
    float: left;
    width: 100%;
    margin: 70px 0;
}

.urunTab {
    float: left;
    width: 100%;
}

.urunTab ul {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.urunTab > ul > li {
    float: left;
    margin-right: 40px;
}

.urunTab > ul > li:last-child {
    margin-right: 0;
}

.urunTab > ul > li > a {
    cursor: pointer;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    float: left;
}

.urunTab > ul > li > a span {
    font-weight: 500;
}

.urunDetayPanel {
    float: left;
    width: 100%;
    clear: none !important;
    border: none;
    padding: 30px 0;
}

.urunTabAlt {
    float: left;
    width: 100%;
}

.urunTabAlt strong {
    font-weight: bold;
}

.urunTabAlt .divYorumYaz, .urunTabAlt #yorumYaz {
    padding: 0 0 10px;
    width: 100%;
}

.urunTabAlt #txtOneriMail {
    width: 100%;
    margin: 0;
    height: 30px;
    padding: 0 10px;
    width: 100% !important;
}

.urunTabAlt #txtOneriNot {
    width: 100%;
    margin: 0;
    padding: 10px;
    width: 100% !important;
    background: #fff;
}

.yorumlarItem {
    background-color: #eeeeee;
    border-bottom: 3px solid #A09B98;
    padding: 16px;
    line-height: 26px;
    width: 100%;
    margin-top: 20px;
    text-align: left;
}

.yorumlarItemS1 {
    padding-bottom: 5px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px dashed #A09B98;
}

.urunDetayPanel .button {
    color: #fff;
}

.urunTabAlt {
    font-family: "Poppins", sans-serif !important;
    padding: 0;
}

.urunTabAlt * {
    font-family: "Poppins", sans-serif !important;
}

.urunTabAlt i {
    font-family: "FontAwesome" !important;
}

.urunTabAlt img {
    max-width: 100% !important;
}

.urunTabAlt iframe {
    max-width: 100% !important;
}

.urunTabAlt .ng-valid-email {
    text-align: left;
}

.urunTabAlt .button {
    padding: 10px 5px;
}

.orders .order-info i {
    margin-top: 0 !important;
}

#btnYorumKaydet {
    float: left;
    text-align: center;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.urunTabAlt ul li {
    margin-bottom: 10px;
    clear: both;
}

.oneriValidate .validate {
    top: 0;
    padding: 5px;
}

.urunTabAlt ul li input {
    float: left;
    margin-right: 5px;
    width: auto !important;
}

.urunTabAlt ul li label {
    float: left;
    width: auto !important;
    line-height: normal;
}

.urunTabAlt ul li input[type=checkbox] {
    margin-top: 0;
}

.urunTabAlt ul li .captchaImageBox {
    float: left;
}

.urunTabAlt ul li .captchaImageBox img {
    max-width: 100%;
    width: auto;
}

.urunTabAlt ul li .captchaInputBox {
    margin: 10px;
    float: left;
}

.urunTabAlt ul li.urundetyaGuvenlikodu span {
    float: left;
}

.urunTabAlt ul li .GuvnelikKodu {
    float: left;
    line-height: 50px;
    margin-right: 10px;
    display: block;
}

/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler {
    float: left;
    width: 100%;
    padding: 0 20px 20px;
    margin: 50px 0 0;
    background: #fff;
    text-align: center;
}

#divEtiketler .productModuleTitle {
    float: left;
    color: #202122;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    line-height: 30px;
    margin: 10px 0;
}

#divEtiketler a {
    color: #696d71;
    font-size: 13px;
}

#divEtiketler a:hover {
    text-decoration: underline;
}

/*******************************************URUN DETAY********************************/
/*******************************************KATEGORI**********************************/
.Block_Title {
    display: none;
}

.noProduct {
    background: url("/Uploads/Images/urunyok.png") center center no-repeat !important;
    width: 212px;
    height: 214px;
}

.noProduct * {
    display: none !important;
}

#divUstFiltreKategori {
    display: none;
}

#divUstFiltreMarka {
    display: none;
}

/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign {
    float: left;
    width: 100%;
}

.categorydesign .Blok {
    margin: 0;
}

.leftBlock .categorydesign {
    display: block;
}

.categorydesign p {
    margin-bottom: 0;
}

.categorydesign strong {
    font-weight: bold;
}

.categorydesign strong * {
    font-weight: bold;
}

.categorydesign img {
    display: inline-block;
    vertical-align: middle;
}

/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.breadcrumbContent {
    float: left;
}

body ul.breadcrumb {
    margin: 0 auto;
    display: block !important;
    padding: 0;
    border-radius: 0;
    float: none;
}

body ul.breadcrumb * {
    color: #000000;
    font-size: 12px !important;
    line-height: 30px !important;
    float: left;
    font-weight: normal;
}

body ul.breadcrumb li {
    font-size: 0 !important;
    float: none !important;
    vertical-align: middle;
}

body ul.breadcrumb li:after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
    float: left;
    font-weight: normal;
}

body ul.breadcrumb li:nth-child(1) a:before {
    content: "\f041";
    font-family: "FontAwesome";
    float: left;
    font-size: 14px;
    line-height: 30px;
    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: 30px;
    display: block;
    color: #000000;
    font-size: 12px !important;
    font-weight: normal;
}

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

.categoryTitleText {
    float: left;
    width: 100%;
    background-color: #f3f3f3;
    padding: 10px 0px;
}

body #divSayfalamaUst {
    float: right;
    margin: 0 0 30px;
    padding: 0 0 30px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
}

.urunListRel {
    width: 100%;
    float: left;
    position: relative;
}

.brandlistselection {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 0;
    width: 100%;
}

.brandlistselection .clear {
    clear: none;
    display: none;
}

body #divSayfalamaUst .blockSelect {
    float: right;
    margin: 10px 0 0 5px;
    display: block !important;
    padding: 0;
}

body #divSayfalamaUst .blockSelect a {
    float: left;
    width: auto;
    height: auto;
    margin: 0 0 0 15px;
    padding: 0;
    text-align: center;
    border: none;
    background: transparent;
}

body #divSayfalamaUst .blockSelect i {
    color: #cccccc;
    line-height: 20px;
    font-size: 10px;
    font-family: "FontAwesome";
    font-weight: 300;
}

body #divSayfalamaUst .blockSelect a:hover i {
    color: #000000;
    font-weight: 600;
}

body #divSayfalamaUst .blockSelect .sort_hrz {
    display: none;
}

body #divSayfalamaUst .blockSelect .sort_2 {
    display: none;
}

body #divSayfalamaUst .blockSelect .sort_5 {
    display: none;
}

body #divSayfalamaUst .blockSelect a.Active i {
    color: #000000;
    font-weight: 600;
}

body #divSayfalamaUst .blockSelect .sort_3 i:before {
    content: "\f111  \f111  \f111";
}

body #divSayfalamaUst .blockSelect .sort_4 i:before {
    content: "\f111  \f111  \f111  \f111";
}

body #divSayfalamaUst .blockSelect .sort_4 {
    border-left: 1px solid #e1e1e1;
    padding-left: 15px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
    float: left;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
    float: left;
    font-weight: normal;
    border-radius: 0;
    padding: 0;
    border: none;
    margin: 0 5px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):nth-child(1) {
    margin-left: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):last-child {
    margin-right: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
    position: relative;
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    border-radius: 0;
    padding: 0 8px;
    border: 1px solid #e1e1e1;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span {
    font-weight: 500;
    line-height: 45px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {
    color: #fff;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span {
    float: left;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 45px;
    padding: 0;
    margin: 0;
    display: none;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet {
    float: right;
    background-color: transparent;
    height: auto;
    padding: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
    float: right;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
    background: transparent;
    float: left;
    width: 100%;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
    float: left;
    height: 45px;
    color: #040404;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #e1e1e1;
    min-width: 160px;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    float: left;
    margin-right: 20px;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
    float: right;
}

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {
    margin: 0;
}

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
    color: #040404;
    font-size: 12px;
    line-height: 45px;
    font-weight: 500;
    float: left;
    margin: 0;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {
    padding: 0;
    background: transparent;
    color: #040404;
    font-size: 12px;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {
    line-height: 45px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    float: left;
    margin: 15px 10px 0 0;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before {
    background: #000;
    border-color: #000;
}

body #divSayfalamaUst .filterDeleteContent {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter {
    padding: 0;
    margin: 0 15px 0 0;
    height: auto;
    background: transparent;
    border: 1px solid #666;
    width: auto;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a {
    width: 25px;
    margin: 0;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
    font-family: "FontAwesome";
    line-height: 30px;
    color: #040404;
    font-size: 15px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before {
    content: "\f00d";
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
    color: #666;
    font-size: 12px;
    text-align: left;
    margin-top: 2px;
    font-weight: normal;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span {
    color: #666;
    margin-top: 3px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir {
    display: block;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a {
    width: 100%;
    background: transparent;
    line-height: 1;
    margin: 0;
    padding: 0 5px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span {
    line-height: 30px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    margin: 0;
    width: 100%;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a {
    width: 100%;
    background: 0 0;
    line-height: 1;
    margin: 0;
    padding: 0 5px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a .filter-content span {
    line-height: 30px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin: 0;
    width: 100%;
}

/*Filtre secili*/
@media screen and (min-width: 1042px) {
    .sortingContent {
        display: block !important;
    }
    .col-5li {
        width: 20%;
    }
    /*ust Filitre*/
    body #divSayfalamaUst .filterBlock {
        float: left;
        border: none;
        border-radius: 0;
        width: auto;
        margin-bottom: 10px;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters {
        padding: 0;
        margin: 0;
        background: transparent;
        position: static;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel {
        margin: 0 10px 0 0;
        padding: 0;
        width: auto;
        position: relative;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading {
        padding: 0;
        border: none;
        margin: 0;
        min-width: 160px;
        border-right: none;
        background-color: transparent !important;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a {
        line-height: 45px;
        text-align: left;
        color: #000000;
        font-size: 12px;
        padding: 0 10px;
        border: 1px solid #e1e1e1;
        font-weight: 500;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after {
        content: "\f107";
        line-height: 45px;
        vertical-align: top;
        margin-left: 5px;
        position: static;
        color: #000000;
        font-size: 18px;
        font-family: "FontAwesome";
        font-weight: 300;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after {
        content: "\f106";
        color: #000;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown {
        top: 100%;
        width: 320px;
        padding: 20px 20px 0;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li {
        float: left;
        text-align: left;
        margin: 0 0 20px;
        width: 50%;
        padding: 0;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul {
        display: block;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li {
        width: 100%;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a {
        float: left;
        line-height: 10px;
        font-size: 12px;
        color: #000000;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover {
        text-decoration: underline;
    }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before {
        margin-right: 10px;
        width: 12px;
        height: 12px;
        border: 1px solid #cccccc !important;
        border-radius: 0;
        background: #fff;
        display: inline-block !important;
        margin-top: 0;
        text-align: center;
        line-height: 10px;
    }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
        border-color: #cccccc !important;
        background: #fff;
        content: "\f00c";
        font-family: "FontAwesome";
        color: #ff6900;
        font-size: 8px;
        font-weight: normal;
    }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
        border-color: #cccccc !important;
        background: #fff;
        content: "\f00c";
        font-family: "FontAwesome";
        color: #ff6900;
        font-size: 8px;
        font-weight: normal;
    }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
        background: transparent !important;
    }
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a {
        color: #000;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li {
        width: 100%;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) {
        width: 100%;
        margin-bottom: 0;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) a {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) ul {
        float: left;
        width: 100%;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li:not(.list-group-item) li {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range {
        background: #dfdfdf;
        height: 2px;
        width: 100%;
        margin: 11px 0 0;
        border: none;
        float: left;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range {
        background: #262626;
        height: 2px;
        margin-top: 0;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle {
        background: #fff;
        border-radius: 100%;
        width: 18px;
        height: 18px;
        border: none;
        margin-top: 0;
        margin-right: -4px;
        top: -8px;
        box-shadow: 0 2px 1px 0 #b5b5b5;
    }
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount {
        color: #262626;
        font-size: 14px;
        font-weight: 600;
        left: 0;
        padding: 5px 0 0;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    /*ust Filitre*/
}
/*Sol Filtre*/
.leftBlock .category-vertical-filters {
    float: left;
    width: 100%;
    border: none;
    border-radius: 0;
    overflow: hidden;
    margin: 0 0 20px;
    text-align: center;
    padding: 0;
    background: transparent;
}

.leftBlock .panel-heading {
    position: relative;
    z-index: 1;
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
    border: none;
    margin: 0;
    background-color: transparent !important;
}

.leftBlock .panel-heading a {
    display: block;
    line-height: 50px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 0;
}

.leftBlock .panel-heading a:after {
    content: "\f068";
    font-family: "FontAwesome";
    float: right;
    font-weight: normal;
}

.leftBlock .panel-heading.active a:after {
    content: "\f067";
}

.leftBlock .category-vertical-filters > div {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    display: inline-block;
    border-bottom: 1px solid #d7d7d7;
}

.leftBlock .category-vertical-filters > div:last-child {
    margin-bottom: 0;
}

.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) {
    margin-bottom: 0;
    width: 100%;
}

.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) a {
    margin-bottom: 10px;
}

.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item) > a {
    font-size: 13px;
    margin-bottom: 15px;
}

.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:nth-child(1):not(.list-group-item) > a {
    font-weight: 600;
}

.leftBlock .category-vertical-filters .panel.div-kategori > ul > li:not(.list-group-item) {
    margin-bottom: 5px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search input {
    border: 1px solid #d7d7d7;
    height: 25px;
    padding: 0 5px;
    font-size: 12px;
    color: #000;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
    float: left;
    text-align: left;
    padding: 5px 0;
    margin: 0 0 20px;
    width: 100%;
    top: 100%;
    display: block;
    border: none;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    background-color: transparent;
    width: 100%;
    height: auto;
    border: none;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child {
    margin-bottom: 0;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {
    float: left;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    line-height: 12px;
    font-weight: normal;
    width: calc(100% - 22px);
    white-space: normal;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a {
    text-decoration: underline;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul {
    float: left;
    width: 100%;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child {
    margin-bottom: 0;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
    background-size: 12px 12px !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {
    padding-left: 24px;
    width: auto;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {
    display: none !important;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border: 1px solid #cccccc !important;
    border-radius: 0;
    background: #fff;
    display: inline-block !important;
    margin-top: 0;
    text-align: center;
    line-height: 10px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    border-color: #cccccc !important;
    background: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
    color: #ff6900;
    font-size: 8px;
    font-weight: 600;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
    border-color: #cccccc !important;
    background: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
    color: #ff6900;
    font-size: 8px;
    font-weight: 600;
}

body .leftBlock .slider-range {
    float: left;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 20px 0;
    height: 2px;
    background: #dddddd;
}

body .leftBlock .slider-range .ui-slider-range {
    height: 2px;
    background: #000;
    border-radius: 0;
    top: 0;
    margin: 0;
}

body .leftBlock .slider-range .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #000;
    border: none;
    margin: 0;
    top: -4px;
}

body .leftBlock .slider-range span:nth-child(2) {
    margin-left: 0;
}

body .leftBlock .slider-range span:nth-child(3) {
    margin-left: -10px;
}

body .leftBlock .amount {
    float: left;
    width: 100%;
    color: #000;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

body .leftBlock .FiyatTextBox {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

body .leftBlock .FiyatTextBox input {
    border: 1px solid #d7d7d7;
    height: 25px;
    padding: 0 5px;
    font-size: 12px;
    color: #000;
}

/*Sol Filtre*/
/*Fiyat Araligi*/
.brandlistselectionBottom {
    margin-bottom: 0;
    display: none;
}

#divSayfalamaAlt {
    width: 100%;
    margin: 0;
}

.pageNumber {
    float: right;
    text-align: right;
    margin: 0;
    display: none;
}

.pageNumberBottom {
    float: right;
    text-align: right;
    margin: 50px 0;
    padding: 0;
    width: 100%;
    display: block;
    vertical-align: middle;
}

.pageNumberContent, .pageBorder {
    display: inline-block;
    vertical-align: top;
}

.pageNumberContent a, .pageBorder a {
    border: 1px solid #e1e1e1;
    background: #fff;
    color: #000000;
    float: left;
    position: relative;
    display: block;
    min-width: 50px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border-radius: 0;
    font-weight: normal;
    margin: 0 5px;
}

.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {
    opacity: 1 !important;
}

.pageNumberContent a:hover, .pageBorder a:hover {
    color: #fff;
}

.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {
    color: #fff;
}

.KategoriFilitrelemeContent .Block_Title {
    display: none;
}

/*******************************************KATEGORi**********************************/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative;
}

.homeContainer .ProductListContent .ProductList {
    display: block;
    margin: 0 auto;
}

.homeContainer .ProductListContent .ItemOrj {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 25%;
    max-width: 25%;
}

.homeContainer .ProductListContent .productItem {
    margin-bottom: 0;
}

/* ------------------------------------Vitrin urunleri--------------------------------------------*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent {
    float: left;
    width: 100%;
}

.categoryContainer .ProductListContent {
    float: left;
    width: 100%;
}

.categoryContainer .ProductList {
    margin: 0 -15px;
}

.categoryContainer .ProductListContent .productItem {
    margin-bottom: 30px;
}

.ItemOrj {
    float: left;
    padding: 0 15px;
}

.categoryContainer .ProductList:not(.PlSc_hrz, .PlSc_2, .PlSc_3, .PlSc_4, .PlSc_5) .ItemOrj {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 100%;
}

.productItem {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    font-size: 0;
}

.productItem .productIcon {
    width: 100%;
    height: 100%;
}

.productItem .productImage {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.productItem .productImage a {
    display: block;
    position: relative;
    padding-bottom: 150%;
}

.productItem .productImage .Videolu {
    display: block;
    position: relative;
    padding-bottom: 150%;
}

.productItem .productImage a 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;
}

.productItem .productDetail {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    height: 90px;
    padding: 15px 0 0;
    transition: all 0.3s ease;
}

.productItem .productName {
    position: relative;
    margin: 0 0 15px;
    float: left;
    width: 100%;
}

.productItem{
  transition: all 0.25s ease;
}

.productItem:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-color: #eb6a2c; /* senin turuncu kurumsal renk */
}

.ozelAlan1 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 70px;
    display: block;
    z-index: 9;
}

div#divOzelAlan1 {
    position:absolute;
    bottom:10px;
    right:10px;
    max-width:100px;
    z-index: 9;
}

.ozelAlan2 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 70px;
    display: block;
    z-index: 9;
}

div#divOzelAlan2 {
    position:absolute;
    top:50px;
    right:10px;
    max-width:100px;
    z-index: 9;
}



.productItem .productName a {
    float: left;
    width: 100%;
    padding: 0;
    line-height: 20px;
    height: 40px;
    font-weight: bold;
    font-size: 15px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.productItem .productPrice {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    bottom: 0;
}

.productItem .discountPrice {
    display: block;
    float: right;
}

.productItem .discountPrice span {
    font-size: 17px;
    line-height: 0.8;
    font-weight: 600;
    color: #000000;
}

.productItem .discountKdv, .productItem .regularKdv {
    display: none;
}

.productItem .regularPrice {
    display: block !important;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.productItem .regularPrice span {
    font-size: 12px;
    color: #000000;
    line-height: 0.8;
    font-weight: normal;
    text-decoration: line-through;
}

.productItem .productMarka, .productItem .productOnYazi {
    display: none !important;
}

.productItem .productOnYazi, .productItem .productOnYazi * {
    background: none !important;
    font-family: "Poppins", sans-serif !important;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 25px;
}

/*Urun Iconlari*/
.newIcon, .discountIcon, .cargoIcon, .firsatIcon, .urunListStokUyari, .discountIcon div, .discountIcon .discountIcon_s2, .favori, .examineIcon, .mycartIcon {
    z-index: 3;
    display: none;
}

.discountIcon span, .mycartIcon a span {
    font-weight: normal;
}

.favori a, .examineIcon a, .mycartIcon a {
    display: block;
    font-size: 0;
}

.examineIcon a:before, .favori a:before, .mycartIcon a:before {
    font-family: "FontAwesome";
    display: inline-block;
    vertical-align: top;
}

.favori a:before {
    content: "\f004";
}

.TukendiIco {
    z-index: 5;
    border-radius: 0;
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: calc(100% - 90px);
    overflow: hidden;
}

.TukendiIco span {
    line-height: 40px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    bottom: 50%;
    right: 0;
    max-width: 200px;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0 auto;
}

.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon {
    display: none;
}

.StokYok .productFaMyEx, .StokYok .productYeInUcFi {
    display: none !important;
}

body .productItem .divVideoPlayButton {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: calc(100% - 90px);
    overflow: hidden;
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    margin-top: -20px;
    text-shadow: 0 0 4px #848484;
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before {
    content: "\f144";
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before {
    content: "\f28b";
}

.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco {
    display: none !important;
}

/****************************************urun LiSTELEME *********************************/
/****************************************SLiDER VE BLOK SLDieR*********************************/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin: 0 0 40px !important;
}

#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

#mainHolder_divDesign .JKatAdi.categoryTitle .bold:after, .JKatAdi .bold:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 0;
}

#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 {
    display: inline-block;
    vertical-align: top;
    padding: 0 5vw !important;
    line-height: 45px;
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 40%;
    left: 10px;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
    font-size: 0;
    position: absolute;
    border-radius: 0;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext {
    right: 0;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .ProductListprev {
    left: 0;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 50px;
    font-weight: normal;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before {
    content: "\f104";
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before {
    content: "\f105";
}

#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots {
    display: none;
}

.instashop-context {
    text-align: center;
}

.instashop-context .AllImages {
    display: inline-block;
    vertical-align: top;
    background: #000;
    color: #fff;
    padding: 10px;
    margin-top: 15px;
}

.sliderBannerContainer {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 40px;
}

.sliderBannerContainer .Block_Link {
    display: none;
}

.sliderBannerContainer .ProductList {
    display: block !important;
    margin: 0 auto;
}

.sliderBannerContainer .Jbutonlar {
    display: none;
}

.sliderBannerContainer .jCarouselLite {
    float: left;
    width: 100%;
}

.detaySliderContainer {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding-bottom: 40px;
    margin: 40px 0;
}

.detaySliderContainer .ProductList {
    display: block !important;
    margin: 0 auto;
}

.detaySliderContainer .Jbutonlar {
    display: none;
}

.detaySliderContainer .jCarouselLite {
    float: left;
    width: 100%;
}

/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#pnlSlider ul li {
    display: block;
}

#pnlSlider ul li a {
    display: block;
}

#pnlSlider ul li a img {
    width: 100%;
    display: block;
}

#pnlSlider .flex-control-nav {
    position: absolute;
    bottom: 28px;
    right: 0;
    left: 0;
}

#pnlSlider .flex-control-paging li {
    margin: 0 2px;
}

#pnlSlider .flex-control-paging li a {
    float: right;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: none;
    box-shadow: none;
    text-shadow: none;
}

#pnlSlider .flex-direction-nav {
    position: absolute;
    top: 45%;
    left: 20px;
    right: 20px;
}

#pnlSlider .flex-direction-nav li {
    display: inline-block;
    vertical-align: top;
}

#pnlSlider .flex-direction-nav .flex-nav-prev {
    float: left;
}

#pnlSlider .flex-direction-nav .flex-nav-next {
    float: right;
}

#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next {
    width: auto;
    height: auto;
    border-radius: 0;
    top: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    opacity: 1;
    font-size: 0;
    position: relative;
    text-shadow: none;
    text-align: center;
}

#pnlSlider .flex-direction-nav .flex-prev {
    left: 0;
}

#pnlSlider .flex-direction-nav .flex-next {
    right: 0;
}

#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {
    font-family: "FontAwesome";
    font-size: 45px;
    font-weight: 300;
    line-height: 45px;
}

#pnlSlider .flex-direction-nav .flex-prev:before {
    content: "\f053";
}

#pnlSlider .flex-direction-nav .flex-next:before {
    content: "\f054";
}

#pnlSlider .flex-direction-nav a:before {
    text-shadow: none;
}

#pnlSlider .flex-direction-nav a:after {
    text-shadow: none;
}

#pnlSlider .HPSItems .flex-control-thumbs {
    position: static;
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
}

#pnlSlider .HPSItems .flex-control-thumbs li {
    width: 110px;
    position: relative;
    height: 62px;
}

.HomePageSlideShowContainer {
    float: left;
    width: 100%;
    position: relative;
}

.HomePageSlideShowContainer .HomePageSlideShow {
    padding: 0;
    width: 100%;
}

.HomePageSlideShowContainer .HPSItems {
    clear: both;
    cursor: pointer;
    width: 100%;
}

.HomePageSlideShowContainer .HPSItems div {
    cursor: pointer;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
}

.HomePageSlideShowContainer .flex-control-nav img {
    border: none;
    margin: auto;
    padding: 0;
    max-width: 75px;
    width: auto;
    opacity: 0.4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.HomePageSlideShowContainer .flex-control-nav .flex-active {
    opacity: 1;
}

/* ------------------------------------Anasayfa Slider--------------------------------------------*/
/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider {
    float: left;
    width: 100%;
}

.markaSlider .jCarouselLite {
    display: block;
    margin: 0 auto;
}

.markaSlider .owl-carousel {
    float: left;
    width: 100%;
}

.markaSlider:before {
    content: "";
    display: table;
    clear: both;
}

.markaSlider ul li {
    float: left;
    width: 100%;
    display: inline-table;
}

.markaSlider ul li a {
    display: table-cell;
    overflow: hidden;
    max-width: 100%;
    vertical-align: middle;
    padding-bottom: 27%;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
}

.markaSlider ul li a img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.markaSlider ul li a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/*------------------------------------markalar slider--------------------------------------------*/
/****************************************SLiDER VE BLOK SLDiER*********************************/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*------------------------- Header content ------------------------*/
.hoverr:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.18);
    z-index: 10;
    clear: none;
    display: block !important;
}

#header:before {
    content: "";
    display: table;
}

#header:after {
    content: "";
    display: table;
}

#header {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1000;
}

.headerContent:before {
    content: "";
    display: block;
    clear: both;
}

.headerContent:after {
    content: "";
    display: block;
    clear: both;
}

/*------------------------- Header content ------------------------*/
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
#logo {
    display: inline-block;
    vertical-align: top;
    max-width: 120px;
}

#logo .logo {
    height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

#logo .logo img {
    display: block;
    max-width: 100%;
    max-height: 60px;
}

.mycart {
    float: right;
    z-index: 99;
    position: relative;
}

.mycart > a {
    display: block;
    color: #000000;
    font-size: 12px;
}

.mycart > a:before {
    content: "\f07a";
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
}

.mycart .sepetTecxt {
    display: none;
}

.mycart .sepetUrunSayisi {
    display: none;
}

.mycart .sepetUrun {
    display: none;
}

.sepetTopTutar {
    display: none !important;
}

.CartProduct {
    display: block !important;
    width: 362px;
    background: #fff;
    float: left;
    border: 1px solid #e5e5e5;
    padding: 5px;
    z-index: 99999;
    position: absolute;
    top: 120%;
    right: -1px;
    margin-left: -150px;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 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;
}

.CartProduct:before {
    position: absolute;
    width: 15%;
    right: 0;
    top: -18px;
    height: 20px;
    content: "";
}

.CartProduct:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    height: 0;
    width: 0;
    border-bottom: 10px solid #e5e5e5;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
}

.CartProduct .SPrice {
    float: left;
    height: 30px;
    background: transparent;
    width: 100%;
    text-align: right;
    margin: 15px 0 10px;
    display: none;
}

.CartProduct.more .SPrice {
    display: block;
}

.CartProduct .SPrice * {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}

.CartProduct .SPrice .sepetToplamTutar {
    color: #000;
    margin-left: 5px;
}

.CartProduct .SProduct {
    max-height: 300px;
    float: left;
    width: 100%;
    display: table;
    overflow: hidden;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    color: #000000;
    overflow-y: auto;
    padding: 0;
}

.CartProduct .SProduct li {
    display: block;
    padding: 0 0 15px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.CartProduct .SProduct li:after {
    clear: both;
    display: table;
    content: "";
}

.CartProduct .SProduct li a {
    float: left;
    display: table;
    width: 100%;
}

.CartProduct .SProduct li a .SepettopAd span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
}

.CartProduct .SProduct li a .SepettopAd span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.CartProduct .SProduct li a .sepetTopFiyat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 65px;
}

.CartProduct .SProduct li a:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

.CartProduct .SProduct li a * {
    display: table-cell !important;
    vertical-align: middle !important;
    color: #232120;
    font-size: 12px;
    line-height: 14.4px;
    padding: 0 2px;
    text-align: left;
}

.CartProduct .SProduct li a .sepetTopBirimFiyat {
    display: none !important;
}

.CartProduct .SProduct li a .fa-times {
    font-family: "FontAwesome";
}

.CartProduct .SProduct li a .fa-times:before {
    content: "\f056";
}

.CartProduct .SProduct li a .sepetTopFiyat {
    white-space: nowrap;
    color: #000;
    font-weight: 600;
    float: right;
    line-height: 70px;
}

.CartProduct .SProduct .SepetTopSil {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.CartProduct .button {
    margin: 5px 5px 0 !important;
    float: left;
    width: calc(50% - 10px);
    font-size: 13px !important;
    line-height: 22px;
    border-radius: 5px;
}

.CartProduct .headerCartBtn {
    line-height: 20px;
    border: 1px solid #ddd;
    background: transparent;
    color: #000;
}

.CartProduct .headerCartBtn:hover {
    color: #fff;
}

.more .headerCartBtn {
    display: block !important;
}

.more .headerOrderBtn {
    display: block !important;
}

.CartProduct .divustSepetteUrunYok {
    margin: 15px 0;
}

@media (min-width: 768px) {
    .mycart:hover .CartProduct {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.sepetimBody .AllCategory {
    display: none;
}

.sepetimBody .linkRebatedProducts {
    margin-left: 0;
}

.welcome {
    float: right;
    z-index: 99;
    position: relative;
}

.welcome > div {
    float: left;
}

.welcome > ul {
    float: left;
}

.uyeGirisWelcome, .uyeGirisUyeAdi {
    display: none;
}

.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {
    float: left;
    color: #000000;
    font-size: 0;
}

.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before {
    font-family: "FontAwesome";
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    float: left;
}

.headerUyeGiris a:before {
    content: "\f007";
}

.headerHesabim:before {
    content: "\f007";
}

.welcome li {
    display: inline-block;
    vertical-align: top;
}

.headerSocialConnect {
    display: none !important;
    float: right;
    margin-left: 25px;
}

.headerSocialConnect .baglanButton {
    background: transparent !important;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.headerSocialConnect .baglanButton a {
    line-height: 43px;
    color: #fff;
    text-indent: 0;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

.headerSocialConnect .baglanButton a:before {
    content: "\f39e";
    font-family: "FontAwesomeBrands";
    margin-right: 10px;
    font-size: 12px;
    line-height: 43px;
    vertical-align: top;
    font-weight: normal;
}

.usernav {
    display: none;
}

.searchContent {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ebebeb;
    padding: 13px 0 12px;
    z-index: -1;
    transition: top 0.2s ease-in-out;
}

.searchContent.active {
    top: 100%;
    display: none;
}

#divAramaKategori {
    display: none !important;
    position: absolute;
    left: 0;
    top: 5px;
}

#divAramaKategori select {
    cursor: pointer;
    background: #f5f5f5;
    display: block;
    height: 36px;
    border: none;
    border-right: 1px solid #dcdcdc;
    width: 135px;
    padding: 0 0 0 15px;
    border-radius: 0;
    text-transform: uppercase;
    color: #807e7e;
    font-size: 12px;
    font-weight: 300;
}

#divAramaKategori option {
    text-transform: capitalize;
}

.search {
    display: block;
    margin: 0 auto;
}

.ButtonMic {
    display: none !important;
    position: absolute;
    right: 75px;
    top: 1px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #795f52;
    font-size: 14px;
    width: 20px;
    height: 40px;
}

#txtbxArama {
    float: left;
    width: 100%;
    height: 35px;
    border-radius: 0;
    color: #000000;
    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: #000000;
}

#txtbxArama:-moz-placeholder {
    color: #000000;
}

#txtbxArama::-moz-placeholder {
    color: #000000;
}

#txtbxArama:-ms-input-placeholder {
    color: #000000;
}

#txtbxArama:focus {
    color: #000000;
}

#btnKelimeAra {
    width: 55px;
    line-height: 35px;
    font-size: 16px;
    color: #000000;
    background: transparent;
    font-weight: normal;
    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;
}

.searchContent ul {
    padding: 15px !important;
    text-align: left;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.searchContent ul li {
    float: left;
    width: 100%;
}

.searchContent ul li a {
    line-height: 30px;
    font-size: 13px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    float: left;
}

.navigation {
    float: left;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 20px -10px #cecece;
    background: #fff;
    margin-bottom: -33px;
}

.navigation > div {
    z-index: 1;
    text-align: center;
    padding: 0 !important;
}

.navigation .navUl {
    display: inline-block;
    font-size: 0;
    padding: 0;
}

.navigation .navUl > li {
    display: inline-block;
    vertical-align: middle;
}

.navigation .navUl > li > a {
    float: left;
    color: #000000;
    line-height: 65px;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    padding: 0 5px;
}

.navigation .navUl > li > a:after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    transition: all 0.2s ease-in-out;
    width: 0;
    margin: 0 auto;
}

.navigation .navUl > li:hover > a:after {
    width: 100%;
}

.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 .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;
    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;
}

/* ------------------------------------Resimli Yan Menu--------------------------------------------*/
#header .yanResimliMenu {
    display: none;
}

/*------------------------------------Resimli Yan Menu--------------------------------------------*/
#lang_flag_container {
    top: -40px !important;
    left: 0 !important;
    right: auto;
    bottom: auto;
    z-index: 9999 !important;
    position: absolute !important;
}

#lang_flag_container #lang-detail {
    left: 0 !important;
    top: 100% !important;
    border-top: none !important;
    box-shadow: 0 7px 10px -2px rgba(0, 0, 0, 0.3) !important;
}

#lang {
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 500;
}

#lang span {
    font-weight: 500;
}

#lang span:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    margin-left: 5px;
}

#lang_flag_container:hover #lang {
    color: #000000 !important;
    font-weight: 500;
}

#langHover {
    padding: 13px 0 !important;
}

#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;
}

/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
body .divSepetBlokContent.kasaOnuFirsat .ItemOrj {padding: 0 15px;}
body .divSepetProductItem.productItem .productIcon .mycartIcon a {border-radius: 10px!important;}


.hesabimAnasayfaMenuler ul li a:hover .fa {
    color: #fff;
}

.siparisTakipSayfasi {
    background: #fff;
}

.siparisTakipSayfasi .siparisTakipBaslik {
    text-align: center;
    padding: 20px 0 !important;
}

.sepetiTemizle {
    float: right;
    line-height: 43px;
    padding: 0 10px;
}

.popupSepet {
    width: 99%;
}

.popupSepet #hed div {
    width: 94%;
}

.sayfaIcerik * {
    font-family: "Poppins", sans-serif !important;
}

#mainHolder_UrunDetay_imgCookie {
    display: none !important;
}

.product_social_icon_wrapper {
    display: none;
}

.HesabimContainer .urunDetayPanel {
    max-height: 100%;
}

.orders {
    width: 100%;
}

.TumKategoriler {
    display: none;
}

.welcomeOpen {
    display: none;
}

.mycartClick {
    display: none;
}

.searchClick {
    display: none;
}

.userLoginBtn, .userSignBtn {
    border: none !important;
}

.magazaTeslimatBilgisiContent {
    display: none;
}

#store_region_container {
    display: none;
}

#ticimaxCopyright {
    float: left;
    width: 100%;
}

section {
    float: left;
    width: 100%;
}

/*Siteye ozel alan*/
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar, .navigation .navUl > li > ul > li > ul::-webkit-scrollbar, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar {
    width: 5px;
}

#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar-track, .navigation .navUl > li > ul > li > ul > li > ul::-webkit-scrollbar-track,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-track {
    background: #efefef;
}

#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb, .navigation .navUl > li > .Flexscroll > ul > li > ul::-webkit-scrollbar-thumb, .navigation .navUl > li > ul > li > ul > li > ul::-webkit-scrollbar-thumb,
.navigation .navUl > li .Flexscroll::-webkit-scrollbar-thumb {
    background: #ff6900;
}

/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
body {
    background: #fff;
}

/*sepetvebutonrenk*/
body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, #pnlSlider .flex-control-paging li a.flex-active, .mycart .sepetUrunSayisi, .favi span, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .discountIcon, #divIndirimOrani, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellik .mobilTab > ul > li.active > a, .favNum,
.tooltip-inner {
    background: #ff6900;
}

/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .pageBorder a:hover, .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected, .OdemeMenu ul li.activeMenu, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected, .urunTab > ul > li.active > a,
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after {
    border-color: #ff6900;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: #ff6900;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #ff6900;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #ff6900;
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ff6900;
}


.baglanButton {
    border-color: transparent;
}

.Basketstep ul li:before {
    border: 1px solid #ff6900;
}

/*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, #pnlSlider .flex-direction-nav .flex-next:hover:before, #pnlSlider .flex-direction-nav .flex-prev:hover:before, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, .newsbutton, body ul.breadcrumb li:nth-last-of-type(1) *, .UFavorilerimeEkle #aFavroriCikarBtn .box1, .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul > li.star.hover > i.fa, .RightDetail .rating-stars ul > li.star.selected > i.fa, .urunTab > ul > li.active > a, .favori a.listfavoriAktif, .GuvenList ul li .gimg, .navigation .navUl > li > ul > li > ul > li.active > a,
.navigation .navUl > li > ul > li > ul > li.active > .Mright {
    color: #ff6900;
}

/*HoverRenk*/
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .ProductIcon2 > div > a:hover, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover, .ProductIcon > div:hover .box1,
.navigation .navUl > li:hover > a:after {
    background: #ff6900;
}

/*color*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover, .socialStore .socialDiv ul li a:hover, .socialStore .store ul li a:hover, .mobilMenu .navUl > li > a:hover, .mobilMenu .navUl > li > ul li a:hover, .mobilMenu .navUl > li .ResimsizDown:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .menuUstBolum .CloseBtnMenu:hover, .menuUstBolum .mobilMenuBT:hover, .mobilMenuAcButton:hover, .favi:hover, .mycart:hover > a, .headerSocialConnect .baglanButton a:hover, .welcome a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover, .arabtn:hover, .CartProduct .SProduct li a:nth-child(2):hover *, .RightDetail .riSingle a.riUp:hover, .RightDetail .riSingle a.riDown:hover, .welcomeOpen:hover, .mycartClick:hover, .favori a:hover, .HeadSoc ul li a:hover, .navigation .navUl > li:hover > a, .navigation .navUl > li .Flexscroll > ul > li:hover > a,
.navigation .navUl > li ul li a:hover {
    color: #ff6900;
}

/*bordercolor*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover > a, .CartProduct .headerCartBtn:hover, #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
.ProductIcon > div:hover .box1 {
    border-color: #ff6900;
}

/*color*/
.siparisOzetTakip {
    color: #fff;
}

.BasketDetail table tbody tr td a {
    display: inherit;
}

.BasketDetail table tbody tr td:last-child a {
    display: block;
}

.sepetimBody #header:after {
    display: none;
}

body .alisverisedevamet {
    background: #fff;
}

/*Adresalan*/
body .adresGir .kirmiziButon {
    background: #ca2128 !important;
    border-color: #ca2128 !important;
}

body .adresGir .yesilButon {
    background: #59962d !important;
    border-color: #59962d !important;
}

/*sepetvebutonrenk*/
/*Genel*/
/*urunsliderbuton*/
.owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext {
    background: #fff;
}

.owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before {
    color: #000000;
}

.owl-carousel .owl-nav .ProductListprev:hover {
    background: #000;
}

.owl-carousel .owl-nav .ProductListnext:hover {
    background: #000;
}

.owl-carousel .owl-nav .ProductListprev:hover:before {
    color: #fff;
}

.owl-carousel .owl-nav .ProductListnext:hover:before {
    color: #fff;
}

/*anaslider*/
#pnlSlider .flex-control-paging li a {
    background: #fff;
}

#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next {
    color: #fff;
    border: none;
    background: transparent;
}

/*ebulten*/
.newsbutton.button {
    background: transparent;
}

/**Kategori**/
/*urunfiyat*/
.productItem .regularPrice span {
    color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000;
}

/**Urun Detay**/
/*urundetayfiyatrenk*/
.PiyasafiyatiContent .right_line * {
    color: #000000;
    font-size: 14px;
}

#divIndirimsizFiyat .left_line {
    line-height: 20px;
}

.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line {
    color: #000;
}

.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line * {
    font-size: 20px;
    font-weight: 400;
}

/*varaysyonsecili*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
    border: 1px solid #d7d7d7;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
    color: #fff;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
    color: #fff;
}

/*detayadet*/
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown {
    font-size: 10px;
    color: #000000;
    background: transparent;
}

#txtbxurunSiparisAdedi, #divAdetCombo select {
    background: #fff;
    color: #000000;
    border: 1px solid #d7d7d7;
}

/*detaysepetekle*/
.basketBtn input:hover {
    background: #000;
}

.buyfast input {
    background: #000;
}

.buyfast input:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}

/*tavsiyeyazdiryorumbtn*/
.ProductIcon2 > div > a {
    background: #ebebeb;
    color: #000000;
}

.ProductIcon2 > div > a:hover {
    color: #fff;
}

.ProductIcon > div:hover .box1 {
    color: #fff;
}

/*bordercolor*/
.KasaOnuFirsatlarContent ul li a.button:hover {
    border: none !important;
}

.BasketPage a.YeniAdresEkle:hover {
    color: #fff !important;
}

.baglanButton:hover {
    background: transparent;
}

body .adresGir .kirmiziButon:hover {
    background: #9e1a20 !important;
    color: #fff !important;
}

body .adresGir .yesilButon:hover {
    background: #406d20 !important;
    color: #fff !important;
}

/*------------------------------------Sabit Renkler--------------------------------------------*/
/*siteicerik*/
#header {
    background: #fff;
    transition: left 0.3s ease-in-out;
}

#logo .htop {
    display: none;
}

#instaStories {
    float: right;
    width: auto;
    margin-right: 20px;
    margin-top: 15px;
    position: absolute;
    right: 55px;
    top: 0;
}

#instaStories.stories.carousel .story {
    display: inline-block;
    width: 46px;
    max-width: 90px;
    margin: 0;
    vertical-align: top;
}

#instaStories.stories.carousel .story > .item-link > .item-preview {
    border-radius: 100%;
    font-size: 0;
    max-height: 90px;
    height: 45px;
    overflow: hidden;
    transition: transform 0.2s;
    display: block;
    padding: 2px;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

#instaStories.stories.carousel .story > .item-link > .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 100%;
}

#instaStories.stories.carousel .story > .item-link > .info {
    display: none;
}

@media (max-width: 767px) {
    body #header .stories.carousel {
        margin: 0;
        position: absolute;
        right: 87px;
        top: 13px;
    }
    body #header .stories.carousel .story {
        width: 30px;
        max-width: 30px;
    }
    body #header .stories.carousel .story > .item-link > .item-preview {
        max-height: 30px;
        height: 30px;
    }
}
.mycart .sepetUrunSayisi {
    display: block;
    position: absolute;
    right: -10px;
    top: -3px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
}

.arabtn {
    float: right;
    color: #000;
    font-size: 22px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    margin-right: 140px;
}

.arabtn i {
    float: left;
    line-height: 30px;
}

.mobilMenuAcButton {
    float: left;
    color: #000;
    font-size: 24px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25px;
}

.mobilMenuAcButton i {
    float: left;
    line-height: 30px;
}

.mobilMenuAcButton span {
    float: right;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px;
}

/*urundetay*/
.UFavorilerimeEkle {
    float: left;
}

.UFavorilerimeEkle .box1 {
    float: left;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 35px;
    text-align: center;
    color: #010101;
    background: transparent;
}

.UFavorilerimeEkle .box1 i {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 24px;
    font-weight: 300;
    font-family: "FontAwesome";
    margin: 0;
}

.UFavorilerimeEkle #aFavroriCikarBtn .box1 i {
    font-weight: 600;
}

/*siteozel*/
.htop {
    float: left;
    width: 100%;
    background: #ebebeb;
    text-align: center;
}

.htop * {
    line-height: 40px;
}

#header:not(.homeHeader) {
    margin-bottom: 0px;
}

.MoreMenu #header {
    margin-bottom: 0;
}

.homeHeader .navigation {
    box-shadow: 0 -10px 20px -10px #cecece;
}

#mainHolder_divDesign .anasayfa_tek_slider .owl-nav {
    display: none;
}

#mainHolder_divDesign .anasayfa_tek_slider .owl-dots {
    display: block;
    bottom: 40px;
}

#mainHolder_divDesign .anasayfa_tek_slider .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    border-color: #fff;
    border-width: 1px;
}

#mainHolder_divDesign .anasayfa_tek_slider .owl-dots .owl-dot.active span {
    background: #fff;
}

.HeadSoc {
    float: left;
}

.HeadSoc ul li {
    float: left;
    margin-right: 15px;
}

.HeadSoc ul li:last-child {
    margin-right: 0;
}

.HeadSoc ul li a {
    color: #8a8a8a;
    font-size: 13px;
    float: left;
}

.HeadSoc ul li a i {
    display: inline-block;
}

.welcome {
    position: absolute;
    right: 0;
    top: -40px;
}

.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {
    line-height: 40px;
    color: #000000;
    font-size: 12px;
}

.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before {
    line-height: 40px;
    margin-right: 10px;
    color: #000;
}

.headerUyeGiris a:after {
    content: "/";
    margin: 0 4px 0 2px;
    display: inline-block;
    vertical-align: top;
    color: #000;
}

.headerHesabim:after {
    content: "/";
    margin: 0 4px 0 2px;
    display: inline-block;
    vertical-align: top;
    color: #000;
}

.searchContent {
    top: 100%;
    display: none;
}

#txtbxArama {
    font-size: 14px;
}

.arabtn {
    margin: 25px 0 0 20px;
    position: absolute;
    right: 110px;
    top: 0;
}

.mycart {
    margin-top: 25px;
    position: absolute;
    right: 50px;
    top: 0;
}

.searchContent.active {
    top: 100%;
    display: block;
}

.MoreMenu .headerContent {
    background: #fff;
}

.MoreMenu .searchContent {
    top: 0;
}

.MoreMenu .searchContent.active {
    top: 100%;
}

.GuvenList {
    float: left;
    width: 100%;
    box-shadow: 0 5px 20px -10px #cecece;
    padding: 35px 70px;
    margin: 20px 0;
}

.GuvenList ul {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

.GuvenList ul li {
    display: inline-block;
    vertical-align: top;
    float: left;
    text-align: center;
}

.GuvenList ul li .gimg {
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
}

.GuvenList ul li .gimg i {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
}

.GuvenList ul li .gtex {
    display: block;
    font-size: 12px;
    color: #000;
}

.GuvenList ul li .gtex p {
    font-weight: 500;
    font-size: 16px;
}

.newIcon {
    display: block;
    position: absolute;
    left: 10px;
    top: 20px;
    background: #ff6900;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    width: 80px;
    line-height: 25px;
    height: 30px;
    overflow: hidden;
}

.discountIcon {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    width: 45px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}

.discountIcon span {
    font-weight: 500;
}

.cargoIcon {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 200px;
    margin: 0 auto;
}

.favori {
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.favori a {
    color: #000;
}

.favori a:before {
    font-size: 18px;
}

.favori a:hover:before {
    font-weight: 600;
}

.favori a.listfavoriAktif:before {
    font-weight: 600;
}

/*SliderYanblok*/
#divSliderYani {
    display: none;
}

/*Footer*/
#footer {
    float: left;
    width: 100%;
    position: relative;
}

.FooterSC {
    float: left;
    width: 100%;
    position: relative;
    background: #000;
}

.FooterTop {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    text-align: center;
}

.FooterMiddle {
    float: left;
    width: 100%;
    position: relative;
}

.FooterBottom {
    float: left;
    width: 100%;
    position: relative;
}

.footerLogo {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 40px;
}

.footerLogo:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #d7d7d7;
    z-index: 0;
}

.footerLogo a {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 0 5vw;
    position: relative;
    z-index: 1;
}

.footerLogo a img {
    display: inline-block;
    vertical-align: top;
}

.socialStore {

    float: left;
    width: 100%;
    margin: 40px 0;
}

.socialStore .socialDiv, .socialStore .store {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: 50px;
}

.socialStore .store {
    margin-right: 0;
}

.socialStore .socialDiv span, .socialStore .store span {
    display: inline-block;
    vertical-align: top;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    margin-right: 20px;
}

.socialStore .socialDiv ul, .socialStore .store ul {
    display: inline-block;
    vertical-align: top;
}

.socialStore .socialDiv ul li, .socialStore .store ul li {
    float: left;
    margin-right: 20px;
}

.socialStore .socialDiv ul li a, .socialStore .store ul li a {
    float: left;
    color: #000;
    font-size: 20px;
}

.socialStore .socialDiv ul li a i, .socialStore .store ul li a i {
    float: left;
    line-height: 35px;
}

.ebultenDiv {
    float: left;
    position: relative;
    width: 300px;
    margin-bottom: 50px;
}

.ebultenDiv span {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.ebultenGelecek {
    display: block;
    width: 100%;
    float: left;
    margin-top: 20px;
}

#divNewsLetter {
    float: left;
    width: 100%;
    position: relative;
}

#divNewsLetter label {
    display: none;
    margin-bottom: 25px;
    text-align: center;
    color: #000000;
    line-height: 1.2;
    font-size: 12px;
}

#UpdatePanel1 {
    position: relative;
    float: right;
    width: 100%;
}

#txtbxNewsletterMail {
    color: #000000;
    height: 40px;
    font-size: 12px;
    padding: 0 40px 0 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-weight: normal;
    opacity: 1;
}

#txtbxNewsletterMail::-webkit-input-placeholder {
    color: #000000;
}

#txtbxNewsletterMail:-moz-placeholder {
    color: #000000;
}

#txtbxNewsletterMail::-moz-placeholder {
    color: #000000;
}

#txtbxNewsletterMail:-ms-input-placeholder {
    color: #000000;
}

#txtbxNewsletterMail:focus {
    color: #000000;
}

.newsbutton {
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 !important;
    text-decoration: none;
}

.ebultenGelecek #divNewsLetter {
    display: block;
    padding: 0;
}

#footer .linkler {
    float: left;
    width: 100%;
    position: relative;
    padding: 55px 0;
}

#footer .linkler .blink {
    float: left;
    width: 100%;
    margin: 0;
}

#footer .linkler .blink > ul {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

#footer .linkler .blink > ul > li {
    float: left;
}

#footer .linkler .blink > ul > li:last-child {
    margin-bottom: 0;
}

#footer .linkler .blink > ul li {
    display: block;
}

#footer .linkler .blink > ul > li > span {
    display: table;
    clear: left;
    font-size: 14px;
    color: #fff;
    position: relative;
    font-weight: normal;
    margin-bottom: 10px;
}

#footer .linkler .blink > ul > li > ul {
    display: inline-block;
    vertical-align: top;
}

#footer .linkler .blink > ul > li > ul > li > a {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}

#footer .linkler .blink > ul > li > ul > li:last-child > a {
    margin-bottom: 0;
}

#footer .linkler .blink > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

.copy {
    color: #fff;
    font-size: 12px;
    text-align: right;
}

.creditCard {
    float: left;
    width: 100%;
    padding: 34px 0;
    border-top: 1px solid #2b2b2b;
}

.bankimg {
    float: left;
}

.kartimg {
    float: right;
}

/*Footer*/
#back-to-top {
    float: right;
    position: fixed;
    right: 1%;
    bottom: 5%;
    z-index: 9999;
}

#back-to-top a {
    float: left;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
}

#back-to-top a:after {
    content: "\f077";
    font-family: "FontAwesome";
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
}

/*Siteye ozel alan*/
@media screen and (min-width: 768px) {
    #header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        z-index: 1000;
        width: 100%;
        border: none;
    }
    body.margin {
        padding-top: 150px;
    }
    body.MoreMenu.margin {
        padding-top: 120px;
    }
    #header.fixed .htop {
        display: none;
    }
    body.transform #header.fixed {
        left: 360px;
    }
    .menuUstBolum {
        background: transparent;
    }
}
/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik {
    text-align: center;
}

section.ResimGaleri .Main {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.AddGalleryModal .Btn {
    width: 100%;
    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ç";
    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 Modülü*/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
/*******************************************MOBiL MENU****************************************/
body #formGlobal {
    left: 0;
    position: relative;
    transition: left 0.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: 40px;
}

.menuUstBolum .CloseBtnMenu {
    float: right;
    line-height: 80px;
    color: #656565;
    font-size: 50px;
    width: 80px;
    text-align: center;
    margin: 0;
    cursor: pointer;
}

.menuUstBolum .CloseBtnMenu i {
    font-weight: 300;
}

.menuUstBolum .mobilMenuBT {
    float: left;
    color: #000000;
    font-size: 13px;
    padding-left: 35px;
    cursor: pointer;
}

.menuUstBolum .mobilMenuBT i {
    float: left;
    font-size: 24px;
    line-height: 80px;
    margin-right: 10px;
}

.menuUstBolum .mobilMenuBT span {
    float: left;
    font-weight: 500;
    line-height: 80px;
}

.mobilaf {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    display: none;
}

.mobilaf.acik {
    display: block;
}

.mobilMenu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 360px;
    z-index: 99999;
    background: #fff;
    left: -360px;
    transition: left 0.3s ease-in-out;
}

.mobilMenu.acik {
    left: 0;
}

.mobilMenu .menuIcerikAlan {
    float: left;
    width: 100%;
    height: calc(100% - 121px);
    position: absolute;
    top: 121px;
    right: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.mobilMenu .navUl {
    float: left;
    width: 100%;
    height: 100%;
}

.mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    padding: 0 0 0 20px;
}

.mobilMenu .navUl > li > a, .mobilMenu .navUl > li > ul li a {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    z-index: 2;
    position: relative;
}

.mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2 {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1;
    padding-right: 20px;
    cursor: pointer;
}

.mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i {
    line-height: 40px;
    font-size: 20px;
    float: right;
}

/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul {
    position: fixed;
    left: -100%;
    top: 121px;
    bottom: 0;
    width: 360px;
    background: #fff;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
}

.mobilMenu .navUl > li ul.over {
    overflow-y: hidden;
}

.mobilMenu .navUl > li > ul.active, .mobilMenu .navUl > li > ul li ul.active {
    left: 0;
}

.mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span {
    position: relative;
    float: left;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    padding-left: 70px;
    border-bottom: 1px solid #e5e5e5;
}

.mobilMenu .navUl > li > ul > span span, .mobilMenu .navUl > li > ul li ul > span span {
    z-index: 0;
    position: relative;
}

.mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 55px;
    text-align: left;
    z-index: 1;
    padding-left: 35px;
    font-size: 20px;
    cursor: pointer;
}

.mobilMenu .navUl > li > ul > span .NoiBack i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i {
    font-weight: normal;
}

/* ------------------------------------Container--------------------------------------------*/
.search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: block;
}

.sliderBannerContainer .ProductList {
    max-width: 1230px;
}

.detaySliderContainer .ProductList {
    max-width: 1230px;
}

.homeContainer .ProductListContent .ProductList {
    max-width: 1230px;
}

.markaSlider .jCarouselLite {
    max-width: 1230px;
}

#divIcerik.homepage {
    margin: 0 45px;
}

.sepetimBody .headerContent {
    box-shadow: none;
}

.sepetimBody .footerSslLogo {
    display: none !important;
}

ul.breadcrumb {
    clear: none;
}

.leftBlock {
    float: left;
    padding: 0;
}

.rightBlock {
    float: right;
    padding: 0;
}

.centerCount {
    float: left;
    padding: 0;
}

.centerCount.Middle {
    width: 100%;
    padding: 0;
}

.centerCount.userLoginContent {
    width: 100%;
    padding: 0;
}

.centerCount.iletisimContent {
    width: 100%;
    padding: 0;
    max-width: 1230px;
    float: none;
    margin: 0 auto;
}

.centerCount.UyeolContent {
    width: 100%;
    padding: 0;
}

.centerCount.HesabimTakip {
    width: 100%;
    padding: 0;
}

.leftBlock {
    float: left;
    width: 25%;
    padding-right: 70px;
}

.rightBlock {
    float: right;
    width: 25%;
    padding-left: 70px;
}

.centerCount {
    float: left;
    width: 100%;
    padding: 0;
}

/*SolveOrta*/
.leftBlock.LeftMiddle {
    width: 250px;
    margin-bottom: 30px;
}

.centerCount.LeftMiddle {
    width: calc(100% - 250px);
}

.rightBlock.MiddleRight {
    width: 250px;
}

.centerCount.MiddleRight {
    width: calc(100% - 250px);
}

/*SolveOrta*/
/*SolOrtaSag*/
/*SolOrtaSag*/
/*OrtaSag*/
/*OrtaSag*/
.ticiContainer:before, .ticiContainer:after {
    content: "";
    display: table;
}

.ticiContainer:after {
    clear: both;
}

.ticiContainer {
    clear: both;
    zoom: 1;
}

.headerContent:after, .headerContent:before, .headerContent:after, .headerContent:before {
    content: "";
    display: table;
    clear: both;
}

.header-login-menu {
    margin-top: 25px;
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 35px;
}

.header-login-menu button {
    padding: 0;
    border: none;
    background-color: transparent;
}

.header-login-menu button i {
    font-size: 22px;
    color: #000;
    line-height: 30px;
}

.header-login-menu ul {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.1019607843);
    cursor: auto;
    position: absolute;
    transition: all 0.3s;
    width: max-content;
    right: -10px;
    display: none;
    top: 35px;
}

.header-login-menu ul li {
    border-bottom: 1px solid #e7e7e7;
}

.header-login-menu ul li:last-child {
    border-bottom: none;
}

.header-login-menu ul li a {
    box-sizing: border-box;
    color: #898989;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0.83333vw 1.30208vw;
}

.header-login-menu ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.header-login-menu.in ul {
    display: block;
}

.mobilMenuAcButton {
    display: none !important;
}

.navigation {
    display: flex !important;
}

.navigation {
    position: absolute;
    top: 8px;
    left: 150px;
    box-shadow: none !important;
    width: max-content;
    background-color: transparent;
}

.navigation .navUl > li {
    margin: 0 16px;
}

.navigation .navUl > li.ulVar ul {
    background-color: #f7f7f7;
    box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.0588235294);
    max-height: 0;
    left: 0;
    position: absolute;
    right: unset;
    top: 72px;
    transition: max-height 0.2s ease-in-out;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100vw;
    justify-content: center;
    overflow: hidden;
}

.navigation .navUl > li.ulVar ul li {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation .navUl > li.ulVar ul li a {
    align-items: center;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 34px 0;
    opacity: 0;
    width: 200px;
    color: #000;
    font-size: 16px;
    transition: all 0.33s ease-in-out;
}

.navigation .navUl > li.ulVar ul li a .header-menu-item-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin-bottom: 20px;
}

.navigation .navUl > li.ulVar ul li a .header-menu-item-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 60px;
    width: 95%;
    aspect-ratio: 3/1;
    object-fit: contain;
}

.navigation .navUl > li.ulVar ul li a span {
    color: #000;
    font-size: 18px;
}

.navigation .navUl > li.ulVar ul li a span.d-none {
    display: none;
}

.navigation .navUl > li:hover.ulVar ul {
    max-height: 525px;
    overflow: initial;
}

.navigation .navUl > li:hover.ulVar ul li a {
    opacity: 1;
}

.navigation .navUl > li:hover.ulVar ul li a:hover * {
    color: #ff6900;
}

.navigation .navUl > li > a {
    font-size: 15px;
    height: 100%;
}

.navigation .navUl > li > a:after {
    height: 3px;
}

.menu-bg-shadow {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #000;
    opacity: 0;
    transition: 0.33s ease-in-out;
    pointer-events: none;
}

.menu-bg-shadow.active {
    opacity: 0.7;
    z-index: 999;
}

#mainHolder_divDesign .evofone-home-banner.evofone-banner-center-top .hazirBlokContent .txrow .txcol-sm {
    padding: 40px 10px !important;
}

/* ------------------------------------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%;
    }
    /*SolOrtaSag*/
    /*OrtaSag*/
    .rightBlock.MiddleRight {
        width: 25%;
    }
    .centerCount.MiddleRight {
        width: 75%;
    }
    /*OrtaSag*/
    .homeContainer .col-5li {
        width: 25%;
    }
}
@media screen and (min-width: 1341px) and (max-width: 1367px) {
    #divIcerik.homepage {
        margin: 0 57px;
    }
}
/*Tablet Laptop Arasi*/
@media screen and (min-width: 1240px) and (max-width: 1340px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
        max-width: 1180px;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList {
        max-width: 1180px;
    }
    .detaySliderContainer .ProductList {
        max-width: 1180px;
    }
    .homeContainer .ProductListContent .ProductList {
        max-width: 1180px;
    }
    .markaSlider .jCarouselLite {
        max-width: 1180px;
    }
    #divIcerik.homepage {
        margin: 0 auto;
    }
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
        max-width: 1100px;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList {
        max-width: 1100px;
    }
    .detaySliderContainer .ProductList {
        max-width: 1100px;
    }
    .homeContainer .ProductListContent .ProductList {
        max-width: 1100px;
    }
    .markaSlider .jCarouselLite {
        max-width: 1100px;
    }
    #divIcerik.homepage {
        margin: 0 auto;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
        max-width: 960px;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList {
        max-width: 960px;
    }
    .detaySliderContainer .ProductList {
        max-width: 960px;
    }
    .homeContainer .ProductListContent .ProductList {
        max-width: 960px;
    }
    .markaSlider .jCarouselLite {
        max-width: 960px;
    }
    #divIcerik.homepage {
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .search, .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer {
        max-width: 100%;
        margin: 0;
        padding: 0 1vw;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .detaySliderContainer .ProductList {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .markaSlider .jCarouselLite {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    #header.fixed .htop .ticiContainer {
        max-width: 100%;
        margin: 0;
        padding: 0 1vw;
    }
    .categoryContainer .ProductList {
        margin: 0 -1vw;
    }
    .ItemOrj {
        padding: 0 1vw;
    }
    body.transform #formGlobal {
        left: 0;
    }
    body.transform #header.homeHeader {
        left: 0;
    }
    #divIcerik.homepage {
        margin: 0 auto;
    }
    .welcome {
        right: 10px;
    }
    .mycart {
        right: 63px;
    }
    .arabtn {
        right: 110px;
    }
    .header-login-menu {
        right: 15px;
    }
    #lang_flag_container {
        left: 10px !important;
    }
    .mobilMenuAcButton {
        left: 10px;
    }
    .navigation .navUl > li {
        margin: 0;
    }
    .navigation .navUl > li > a {
        padding: 0 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ebultenDiv {
        width: 225px;
        margin-bottom: 25px;
    }
    #footer .linkler .blink > ul > li > ul > li > a {
        font-size: 10px;
    }
    .ebultenDiv span {
        font-size: 10px;
    }
    #footer .linkler .blink > ul > li > span {
        font-size: 12px;
    }
    .copy {
        font-size: 10px;
    }
    #footer .linkler {
        padding: 30px 0;
    }
    .creditCard {
        padding: 20px 0;
    }
    .kartimg img, .bankimg img {
        height: 20px;
    }
    .leftImage {
        width: 50%;
    }
    .RightDetail {
        width: 50%;
        padding-left: 20px;
    }
    .Images {
        width: 100%;
    }
    .SmallImages {
        width: 100%;
        max-height: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    .SmallImages div {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .SmallImages::-webkit-scrollbar {
        height: 5px;
    }
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol {
        width: 100%;
    }
}
@media screen and (max-width: 1041px) {
    /******************************************************/
    body .dropdown-toggle:after {
        display: none;
    }
    body #divSayfalamaUst {
        padding: 0;
        margin: 10px 0;
        width: 100%;
        border: 1px solid #e3e3e3;
    }
    .urunListRel {
        width: 100%;
    }
    body .mobilFilterOpenBtn .button {
        padding: 0;
        margin: 0;
        color: #262324;
        width: 50%;
        float: left;
        line-height: 40px;
        background: #fff;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
    }
    body .mobilFilterOpenBtn .button.mobilSiralamBtn {
        border-right: 1px solid #e3e3e3;
        float: left;
    }
    body .mobilFilterOpenBtn .button.mobilFilterBtn {
        float: right;
    }
    body .mobilFilterOpenBtn {
        margin: 0;
        padding: 0;
    }
    .categorydesign .uNo {
        float: right;
        color: #999a9d;
        font-size: 12px;
    }
    body #divSayfalamaUst .filterDeleteContent {
        display: none;
    }
    body #divSayfalamaUst.Slct .brandlistselection {
        position: absolute;
        top: 0;
        z-index: 99;
        width: 50%;
        background: #fff;
        border: none;
        border-right: 1px solid #e3e3e3;
        left: 0;
        padding: 0;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
        width: 100%;
        display: block !important;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
        width: 100%;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
        width: 100%;
        height: 40px;
        font-size: 14px;
        text-indent: 15px;
        border: none;
        color: #262324;
        text-align-last: center;
        font-weight: 500;
        min-width: auto;
        border-radius: none;
        background: transparent;
        text-indent: 0;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) {
        display: none;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
        display: none;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection {
        padding: 0;
        text-align: center;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 25;
        border-bottom: none;
        background: #fff;
        border: 1px solid #e5e5e5;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
        display: none;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
        margin: 0;
        width: 100%;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a {
        border: none;
        text-align: center;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span {
        line-height: 35px;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
        display: none;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a:before {
        display: none;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
        border-bottom: 1px solid #e5e5e5;
    }
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a {
        border-bottom: none;
    }
    body .category-vertical-filters.top-filters {
        display: block !important;
        width: 360px;
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        z-index: 9999;
        background: #f3f5f8;
        margin: 0;
        padding: 0;
        border: none;
        transition: all 0.3s ease;
        overflow-y: auto;
        overflow-x: hidden;
    }
    body .filterBlock.active .category-vertical-filters.top-filters {
        right: 0;
    }
    body .category-vertical-filters.top-filters .FiltreUst {
        float: left;
        width: 100%;
        line-height: 50px;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
        padding: 0 10px;
        position: relative;
        text-align: center;
    }
    body .category-vertical-filters.top-filters .FiltreUst span {
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
        float: left;
        font-size: 25px;
        position: relative;
        z-index: 1;
    }
    body .category-vertical-filters.top-filters .FiltreUst a {
        float: right;
        font-size: 13px;
        position: relative;
        z-index: 1;
        color: #fff;
        display: none;
    }
    body .category-vertical-filters.top-filters .FiltreUst a.active {
        display: block;
    }
    body .category-vertical-filters.top-filters .FiltreUst a i {
        color: #fff;
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        line-height: 50px;
        margin-left: 5px;
    }
    body .category-vertical-filters.top-filters .tukgo {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        padding: 0 10px;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
        float: left;
        width: 100%;
        line-height: 50px;
        font-size: 14px;
        color: #262324;
        text-align: left;
        padding: 0 0 0 15px;
        background: #fff;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before {
        content: "";
        float: right;
        width: 24px;
        max-height: 24px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 32px;
        border-radius: 100%;
        background: #c5c7c9;
        margin: auto 0;
        background: #fff;
        box-shadow: 0 0 2px 0 #999;
        z-index: 1;
        transition: all 0.3s ease;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after {
        content: "";
        float: right;
        width: 40px;
        max-height: 16px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        border-radius: 20px;
        background: #c5c7c9;
        margin: auto 15px auto 0;
        transition: all 0.3s ease;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before {
        right: 15px;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after {
        background: #39d662;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading {
        padding: 0;
        margin: 0;
        border: none;
        background: #fff;
        float: left;
        width: 100%;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading a {
        float: left;
        width: 100%;
        text-align: left;
        color: #262324;
        font-weight: 500;
        font-size: 15px;
        line-height: 50px;
        padding: 0 10px;
        text-transform: uppercase;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading a:after {
        top: 0;
        color: #000;
        font-weight: 300;
        font-family: "FontAwesome";
        right: 10px;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading .moreNum {
        position: absolute;
        right: 40px;
        top: 0;
        bottom: 0;
        line-height: 50px;
        font-size: 15px;
        color: #000;
    }
    body .category-vertical-filters.top-filters .panel {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown {
        border: none;
        position: static;
        box-shadow: none;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown ul {
        margin-top: 10px;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown li {
        width: 100%;
        margin-right: 0;
        text-align: left;
        margin-bottom: 10px;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown li a {
        color: #000;
        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: 3px;
        display: inline-block !important;
        width: 16px;
        height: 16px;
    }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
        border-color: #000;
        background: #000;
    }
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
        background: transparent !important;
        height: auto;
    }
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
        width: 100%;
        margin: 20px 0;
    }
    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent {
        display: none !important;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before {
        display: none;
    }
    body .slider-range {
        margin: 0 0 15px 10px !important;
        width: calc(100% - 20px);
    }
    body .amount {
        padding: 0;
    }
    .centerCount {
        width: 100% !important;
    }
    .leftBlock {
        display: none !important;
    }
    .rightBlock {
        display: none !important;
    }
    .UyeolContent .grid {
        margin: 30px 18px;
    }
    .owl-carousel .owl-item img {
        max-width: 100%;
    }
    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
    }
}
/* Mobil Ekran */
@media screen and (max-width: 767px) {
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum {
        padding: 0 10px;
        width: 100%;
    }
    #divIcerik.homepage {
        margin: 0 auto;
    }
    body {
        padding-top: 60px;
    }
    body.homeBody {
        padding-top: 115px;
    }
    body.sepetimBody {
        padding-top: 0;
    }
    #lang_flag_container {
        display: none;
    }
    /*mobilmenu*/
    .mobilMenu {
        width: 85%;
        bottom: 50px;
        left: -100%;
    }
    .menuUstBolum {
        margin-top: 0;
    }
    .menuUstBolum .mobilMenuBT {
        padding-left: 15px;
        font-size: 12px;
        color: #fff;
    }
    .menuUstBolum .mobilMenuBT i {
        font-size: 22px;
    }
    .menuUstBolum .mobilMenuBT i, .menuUstBolum .mobilMenuBT span, .menuUstBolum .CloseBtnMenu, .menuUstBolum .CloseBtnMenu i {
        line-height: 50px;
        display: inline-block;
        vertical-align: top;
    }
    .menuUstBolum .CloseBtnMenu {
        font-size: 35px;
        text-align: right;
        padding-right: 15px;
        color: #fff;
    }
    .mobilMenu .menuIcerikAlan {
        top: 51px;
        height: calc(100% - 51px);
    }
    .mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul {
        width: 85%;
        top: 51px;
        bottom: 50px;
    }
    .mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 {
        padding-left: 15px;
    }
    .mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span {
        padding-left: 40px;
    }
    .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2 {
        padding-right: 15px;
    }
    .mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li {
        padding-left: 0;
    }
    .mobilMenuAcButton:hover, .arabtn:hover, .mycartClick:hover, .mobilMenu .navUl > li > ul > span:hover, .mobilMenu .navUl > li > ul li ul > span:hover, .mobilMenu .navUl > li > ul li .ResimsizDown2:hover, .mobilMenu .navUl > li > .ResimsizDown:hover,
    .mobilMenu .navUl > li > ul li a:hover {
        color: #000;
    }
    .menuUstBolum .mobilMenuBT:hover, .menuUstBolum .CloseBtnMenu:hover {
        color: #fff;
    }
    /*sepetalan*/
    .SepetUst {
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        line-height: 50px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .SepetUst span {
        display: inline-block;
        vertical-align: top;
    }
    .SepetUst .seClose {
        float: left;
        width: 40px;
        font-size: 22px;
    }
    .SepetUst .seClose i {
        display: inline-block;
        vertical-align: top;
        line-height: 50px;
    }
    .CartProduct {
        background: #fafafa;
        background-size: 100%;
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: calc(100% - 50px);
        padding: 0 0 5px;
        display: block !important;
        border: none;
        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);
        transform: translateY(0px);
        box-shadow: none;
    }
    .CartProduct .SPrice {
        text-align: center;
    }
    .CartProduct:before {
        display: none;
    }
    .CartProduct:after {
        display: none;
    }
    .CartProduct.animated {
        right: 0;
    }
    .CartProduct .SProduct {
        float: left;
        width: 100%;
        max-height: calc(100% - 155px);
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 0;
        text-align: left;
        padding: 0 5px;
    }
    .CartProduct .SProduct li a * {
        display: inline-block !important;
        padding: 0;
        line-height: 1;
    }
    .CartProduct .SProduct li {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }
    .CartProduct .SProduct li a {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        color: #000;
        text-align: right;
        width: 100%;
    }
    .CartProduct .SProduct li a img {
        margin-right: 10px;
        float: left;
    }
    .CartProduct .SProduct li a .SepettopAd {
        display: inline-block;
        vertical-align: top;
        max-width: 38%;
        margin: 0;
        margin-top: 10px;
        float: left;
    }
    .CartProduct .SProduct li a .SepettopAd span {
        float: left;
        clear: left;
        max-width: 100% !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .CartProduct .SProduct li a .SepettopAd span:nth-child(2) {
        margin-left: 2px;
    }
    .CartProduct .SProduct li a .SepetTopAdet {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        margin-top: 28px;
    }
    .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat {
        display: inline-block !important;
        vertical-align: top;
        margin: 0 5px;
        margin-top: 20px;
    }
    .CartProduct .SProduct li a:nth-child(2) {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0;
        width: auto;
    }
    .CartProduct .button {
        padding: 0;
        line-height: 30px;
        font-size: 12px !important;
    }
    .divustSepetteUrunYok span {
        width: 100%;
        float: left;
        text-align: center;
        color: #000;
        font-weight: 500;
        line-height: 30px;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .sepetTopTutar {
        font-size: 0;
        padding: 0;
        border: none;
    }
    /*Sabit sayfalar icerik*/
    .spanTittle {
        font-size: 18px !important;
    }
    .iletisimContent .iletisimForm {
        width: 100%;
        padding: 0;
    }
    .iletisimContent .AdBan {
        width: 100%;
    }
    .iletisimContent .categoryTitle {
        margin: 0;
    }
    .iletisimContent .categoryTitle .categoryTitleText {
        line-height: 65px;
    }
    .iletisimContent .categoryTitle:before {
        display: none;
    }
    .iletisimContent .iletisimRight .categoryTitle {
        margin-bottom: 10px;
    }
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText {
        line-height: 65px;
        font-size: 19px;
    }
    .iletisimContent .iletisimForm .categoryTitle {
        margin-bottom: 10px;
    }
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText {
        line-height: 65px;
        font-size: 19px;
    }
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
        float: none;
        display: block;
        margin: 10px 0 0;
    }
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
        font-size: 17px;
    }
    .iletisimContent .iletisimRight .iletisimbanka .span > div span {
        font-size: 12px;
    }
    .iletisimContent .iletisimLeft .Right {
        font-size: 12px;
    }
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
        font-size: 20px;
    }
    .UyeolContent .grid {
        width: 100%;
        margin: 0;
        padding: 10px;
        border: none;
        margin-bottom: 10px;
    }
    .SifremiUnuttum {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .SifremiUnuttum .line {
        width: 100%;
    }
    .SifremiUnuttum #mainHolder_txtbxMail {
        width: 70%;
    }
    .SifremiUnuttum .button {
        width: 30%;
    }
    /*bottomlink*/
    .bottomHead {
        float: left;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1002;
        background: #fff;
        border-top: 1px solid #cecece;
    }
    .bottomHead ul {
        margin: 0;
    }
    .bottomHead ul li {
        float: left;
        width: 25%;
    }
    .bottomHead ul li a {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
        color: #000;
        position: relative;
    }
    .bottomHead ul li a i {
        display: block;
        margin: 0 auto 3px;
        font-size: 18px;
    }
    .favNum {
        position: absolute;
        right: 20px;
        top: 4px;
        width: 15px;
        line-height: 15px;
        color: #fff;
        text-align: center;
        border-radius: 100%;
        font-size: 10px;
    }
    .sepetimBody .bottomHead {
        display: none;
    }
    /*Footer*/
    .FooterTop, .FooterMiddle, .FooterBottom {
        background: #000;
    }
    #footer .linkler {
        padding: 0;
    }
    #footer .linkler .blink > ul {
        display: block;
    }
    #footer .linkler .blink > ul > li {
        float: left;
        width: 100%;
    }
    #footer .linkler .blink > ul > li > ul {
        display: none;
        float: left;
        width: 100%;
        border-bottom: 1px solid #252525;
    }
    #footer .linkler .blink > ul > li > span {
        float: left;
        width: 100%;
        margin: 0;
        line-height: 60px;
        border-bottom: 1px solid #252525;
    }
    #footer .linkler .blink > ul > li > span .ackapabtn {
        float: right;
        font-size: 15px;
    }
    #footer .linkler .blink > ul li {
        float: left;
        width: 100%;
    }
    #footer .linkler .blink > ul > li > ul > li > a {
        margin-bottom: 0;
        line-height: 40px;
    }
    .ebultenDiv {
        width: 100%;
        display: none;
        border-bottom: 1px solid #252525;
        padding: 10px 0;
        margin-bottom: 0;
    }
    .ebultenGelecek {
        margin-top: 10px;
    }
    .copy {
        float: left;
        width: 100%;
        text-align: center;
        margin: 25px 0 15px;
    }
    .creditCard {
        border: none;
        padding: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    .bankimg {
        display: none;
    }
    .kartimg {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #divTicimaxCopyrightContent {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
    #divTicimaxCopyrightContent img {
        display: inline-block;
        vertical-align: top;
    }
    #ticimaxCopyright {
        margin-top: 5px !important;
        font-size: 11px;
    }
    .footerLogo {
        display: none;
    }
    .socialStore {
        margin: 0;
    }
    .socialStore .socialDiv span, .socialStore .store span {
        display: none;
    }
    .socialStore .socialDiv, .socialStore .store {
        margin: 0;
        display: block;
        text-align: center;
    }
    .socialStore .store {
        padding: 20px 0;
        border-bottom: 1px solid #252525;
    }
    .socialStore .socialDiv ul li {
        margin-right: 10px;
    }
    .socialStore .store ul li {
        margin-right: 30px;
    }
    .socialStore .store ul li:last-child {
        margin-right: 0;
    }
    .socialStore .store ul li a i.fa-apple {
        font-size: 24px;
    }
    .socialStore .socialDiv {
        padding: 20px 0;
        border-bottom: 1px solid #252525;
    }
    .socialStore .socialDiv ul li a, .socialStore .store ul li a {
        color: #fff;
    }
    .socialStore .socialDiv ul li a {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        text-align: center;
        background: #fff;
        color: #000;
        font-size: 20px;
    }
    .socialStore .socialDiv ul li a i {
        line-height: 40px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #back-to-top {
        bottom: 11%;
        right: 2%;
    }
    #back-to-top a {
        width: 30px;
        height: 30px;
    }
    #back-to-top a:after {
        line-height: 30px;
    }
    /*Header*/
    #header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }
    .headerContent {
        box-shadow: 0 0 5px 0 #cecece;
    }
    #logo .logo {
        height: 60px;
    }
    #logo .logo img {
        max-height: 40px;
    }
    .welcome {
        display: none;
    }
    .favi {
        display: none;
    }
    .mycart {
        right: 88px;
        top: -9px;
    }
    .header-login-menu {
        right: 48px;
        top: -9px;
        padding-bottom: 14px;
    }
    .arabtn {
        right: 127px;
        margin: 15px 0 0 0;
    }
    .navigation {
        display: none !important;
    }
    .mycartClick {
        right: 10px;
        top: 0;
    }
    .mobilMenuAcButton {
        right: 10px;
        top: 13px;
        display: flex !important;
        flex-direction: column;
        left: initial;
    }
    .mobilMenuAcButton span {
        display: block;
        margin-left: 0;
        line-height: 1;
        font-size: 8px;
    }
    .mobilMenuAcButton i {
        float: none;
        display: block;
        line-height: 1;
    }
    .searchContent.active {
        display: block;
        box-shadow: none;
    }
    #txtbxArama {
        height: 45px;
        font-size: 12px;
        background: #f5f5f5;
        padding-left: 10px;
        padding-right: 60px;
    }
    #btnKelimeAra {
        height: 45px;
        line-height: 45px;
        border-left: none;
        color: #000000;
        font-size: 15px;
    }
    #header.touched .searchContent {
        display: none;
    }
    #header.touched .searchContent.active {
        display: block;
        top: 0;
    }
    #header.touched .arabtn {
        display: block;
    }
    /*kategori*/
    body .category-vertical-filters.top-filters {
        width: 85%;
        height: calc(100% - 50px);
        box-shadow: none;
        border: none;
    }
    body ul.breadcrumb * {
        line-height: 40px !important;
        font-size: 10px !important;
    }
    body ul.breadcrumb li:after {
        line-height: 40px;
        font-size: 10px !important;
    }
    body ul.breadcrumb li:nth-child(1) a:before {
        line-height: 40px;
        font-size: 10px !important;
        margin-right: 5px;
    }
    body:not(.sepetimBody) .ItemOrj {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .homeContainer .ProductListContent .ItemOrj {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 1vw;
    }
    .categoryContainer .ProductListContent .productItem {
        margin-bottom: 10px;
    }
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
        font-size: 13px;
    }
    body .mobilFilterOpenBtn .button {
        font-size: 13px;
    }
    .cargoIcon {
        font-size: 12px;
        line-height: 35px;
    }
    .TukendiIco span {
        font-size: 12px;
    }
    .newIcon {
        top: 5px;
        left: 5px;
    }
    .discountIcon {
        top: 5px;
        right: 5px;
    }
    .productItem .discountPrice span {
        font-size: 14px;
    }
    .productItem .regularPrice span {
        font-size: 11px;
    }
    .favori {
        bottom: 8px;
    }
    .favori a:before {
        font-size: 15px;
    }
    /*urundetay*/
    .leftImage {
        float: left;
        width: 100%;
    }
    .RightDetail {
        width: 100%;
        padding: 10px 0 0;
    }
    body a#linkOncekiSayfa {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 35px;
        background: #fff;
        text-align: center;
        font-size: 0 !important;
        font-family: "FontAwesome";
        color: #000;
        z-index: 5;
        line-height: 35px;
    }
    body a#linkOncekiSayfa:before {
        content: "\f053";
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        line-height: 35px;
    }
    .UFavorilerimeEkle {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 5;
    }
    #divUrunKodu {
        clear: left;
        float: left;
        line-height: 14px;
    }
    #divUrunKodu span {
        line-height: 14px;
    }
    #divTaksitAciklama {
        clear: left;
        float: left;
    }
    .PriceList {
        padding-bottom: 15px;
    }
    .TopDet #IlgiliUrunDiv {
        margin-top: 15px;
        padding: 0;
    }
    #divUrunEkSecenek {
        padding: 0;
        margin-top: 15px;
    }
    #divUrunEkSecenek .eksecenekLine {
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    #divSatinAl {
        margin-top: 15px;
    }
    .RightDetail .riSingle, #divAdetCombo .right_line {
        width: 120px;
    }
    .basketBtn {
        width: 100%;
        margin: 0;
    }
    .Basketinp {
        margin-bottom: 15px;
    }
    .basketBtn input {
        height: 50px;
        line-height: 50px;
    }
    .ProductIcon {
        text-align: center;
        margin: 15px 0;
    }
    .ProductIcon > div {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }
    .TopDet .product_social_icon_wrapper {
        text-align: center;
    }
    .TopDet .product_social_icon_wrapper .PaylasTit {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }
    .urunOzellik {
        margin: 25px 0;
        border-top: 1px solid #d7d7d7;
    }
    .urunOzellik .mobilTab {
        float: left;
        width: 100%;
    }
    .urunOzellik .mobilTab > ul > li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
    }
    .urunOzellik .mobilTab > ul > li > a {
        color: #000000;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 50px;
        float: left;
        width: 100%;
        padding: 0 10px;
    }
    .urunOzellik .mobilTab > ul > li > a:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 16px;
        float: right;
    }
    .urunOzellik .mobilTab > ul > li.active > a {
        color: #fff;
    }
    .urunOzellik .mobilTab > ul > li.active > a:after {
        content: "\f077";
    }
    .urunOzellik .mobilTab > ul > li.active .urunDetayPanel {
        display: block !important;
    }
    .urunDetayPanel {
        padding: 15px 0;
        border-top: 1px solid #d7d7d7;
    }
    /*genel*/
    #mainHolder_divDesign .anasayfa_tek_slider .owl-dots {
        bottom: 5px;
    }
    body #mainHolder_divDesign .owl-dots .owl-dot {
        margin: 0 2px !important;
    }
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 {
        font-size: 22px;
    }
    #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi {
        margin-bottom: 10px !important;
    }
    .sliderBannerContainer {
        padding-bottom: 20px;
    }
    .pageNumberContent a, .pageBorder a {
        min-width: 30px;
    }
    /*mobilicerik*/
    .GuvenList {
        margin: 10px 0 0;
        padding: 0;
        box-shadow: none;
    }
    .GuvenList ul {
        display: block;
    }
    .GuvenList ul li {
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 10px;
    }
    .GuvenList ul li .gimg {
        margin: 0 0 10px;
        width: 100%;
        float: left;
        font-size: 22px;
    }
    .GuvenList ul li .gimg i {
        line-height: 35px;
    }
    .GuvenList ul li .gtex {
        width: 100%;
        font-size: 11px;
        float: left;
    }
    .GuvenList ul li .gtex p {
        font-size: 13px;
    }
    #mainHolder_divDesign .evofone-home-banner .hazirBlokContent .txrow .txcol-sm {
        padding: 40px 10px !important;
    }
}
.evofone-home-banner {
    background-size: cover;
    background-position: center;
}

.evofone-home-banner .html-context {
    position: relative;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1230px;
    margin: 0px auto;
}

.evofone-home-banner .html-context h6 {
    font-size: 28px;
    margin-bottom: 8px;
    font-weight: 400;
}

.evofone-home-banner .html-context h2 {
    font-size: 42px;
    margin-bottom: 0;
    font-weight: 600;
}

.evofone-home-banner .html-context h4 {
    font-size: 28px;
    margin-top: 12px;
    font-weight: 400;
}

.evofone-home-banner .html-context a {
    border: none;
    text-decoration: none;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 9px 30px;
    margin-top: 28px;
}

@media (max-width: 1440px) {
    .evofone-home-banner .html-context h6, .evofone-home-banner .html-context h4 {
        font-size: 24px;
    }
    .evofone-home-banner .html-context h2 {
        font-size: 32px;
    }
    .evofone-home-banner .html-context a {
        font-size: 16px;
        padding: 7px 24px;
    }
}
@media (max-width: 1024px) {
    .evofone-home-banner .html-context h6, .evofone-home-banner .html-context h4 {
        font-size: max(2.34375vw, 12px);
    }
    .evofone-home-banner .html-context h6 {
        margin-bottom: 0.39062vw;
    }
    .evofone-home-banner .html-context h4 {
        margin-top: 0.78125vw;
    }
    .evofone-home-banner .html-context h2 {
        font-size: 3.125vw;
    }
    .evofone-home-banner .html-context a {
        font-size: 16px;
        padding: 5px 15px;
    }
}
@media (max-width: 767px) {
    .evofone-home-banner .html-context {
        height: 480px;
    }
    .evofone-home-banner .html-context h6 {
        margin-bottom: 8px;
    }
    .evofone-home-banner .html-context h4 {
        margin-top: 12px;
    }
    .evofone-home-banner .html-context h6, .evofone-home-banner .html-context h4 {
        font-size: 16px;
    }
    .evofone-home-banner .html-context h2 {
        font-size: 30px;
    }
    .evofone-home-banner .html-context a {
        margin-top: 20px;
    }
}
.evofone-home-banner .html-context h2, .evofone-home-banner .html-context h4, .evofone-home-banner .html-context h6, .evofone-home-banner .html-context a {
    position: relative;
    z-index: 1;
}

.evofone-home-banner .html-context img {
    display: none;
}

.evofone-banner-white h6, .evofone-banner-white h2, .evofone-banner-white h4 {
    color: #fff;
}

.evofone-banner-white a {
    background-color: #fff;
    color: #000;
}

.evofone-banner-white a:hover {
    background-color: #e1e1e1;
}

.evofone-banner-black h6, .evofone-banner-black h2, .evofone-banner-black h4 {
    color: #000;
}

.evofone-banner-black a {
    background-color: #000;
    color: #fff;
}

.evofone-banner-black a:hover {
    background-color: #444;
}

.evofone-banner-left .html-context {
    align-items: flex-start;
}

.evofone-banner-left .html-context h2, .evofone-banner-left .html-context h4, .evofone-banner-left .html-context h6 {
    text-align: left;
}

@media (max-width: 767px) {
    .evofone-banner-left .html-context {
        align-items: center;
        justify-content: flex-start;
    }
    .evofone-banner-left .html-context h2, .evofone-banner-left .html-context h4, .evofone-banner-left .html-context h6 {
        text-align: center;
    }
}
.evofone-banner-right .html-context {
    align-items: flex-end;
}

.evofone-banner-right .html-context h2, .evofone-banner-right .html-context h4, .evofone-banner-right .html-context h6 {
    text-align: right;
}

@media (max-width: 767px) {
    .evofone-banner-right .html-context {
        align-items: center;
        justify-content: flex-start;
    }
    .evofone-banner-right .html-context h2, .evofone-banner-right .html-context h4, .evofone-banner-right .html-context h6 {
        text-align: center;
    }
}
.evofone-banner-center .html-context {
    align-items: center;
}

.evofone-banner-center .html-context h2, .evofone-banner-center .html-context h4, .evofone-banner-center .html-context h6 {
    text-align: center;
}

.evofone-banner-center-top .html-context {
    align-items: center;
    justify-content: flex-start;
}

.evofone-banner-center-top .html-context h2, .evofone-banner-center-top .html-context h4, .evofone-banner-center-top .html-context h6 {
    text-align: center;
}

#divIcerik.categoryContainer {
    max-width: 1230px;
}

#divIcerik.productDetailContainer {
    max-width: 1230px;
}

#divUrunEkSecenek .resimlivaryasyon .right_line, #divUrunEkSecenek .kutuluvaryasyon .right_line {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
#divUrunEkSecenek .resimlivaryasyon .right_line .size_box, #divUrunEkSecenek .kutuluvaryasyon .right_line .size_box {
    width: auto !important;
    color: #424242;
    height: 65px !important;
    padding: 0 15px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 4px !important;
    min-width: 140px;
    max-width: 140px;
    float: unset;
    text-align: initial !important;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
#divUrunEkSecenek .resimlivaryasyon .right_line .size_box img, #divUrunEkSecenek .kutuluvaryasyon .right_line .size_box img {
    width: 25px;
    height: 25px;
    border-radius: 9px;
    display: inline-block;
    margin-right: 15px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.12));
}
#divUrunEkSecenek .resimlivaryasyon .right_line .size_box .variation_title, #divUrunEkSecenek .kutuluvaryasyon .right_line .size_box .variation_title {
    color: #424242;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word;
    display: inline-block;
    font-size: 14px;
}
#divUrunEkSecenek .resimlivaryasyon .right_line .size_box.selected, #divUrunEkSecenek .kutuluvaryasyon .right_line .size_box.selected {
    border-color: #ff6700;
}
#divUrunEkSecenek .kutuluvaryasyon .right_line .size_box:hover {
    background: #fff !important;
    color: #424242 !important;
}
#divUrunEkSecenek .kutuluvaryasyon .right_line .size_box.selected {
    border-color: #ff6700 !important;
    color: #424242 !important;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word;
    display: inline-flex;
    font-size: 14px;
    background-color: #fff !important;
}
#divUrunEkSecenek .eksecenekLine {
    padding-bottom: 15px;
}
#divUrunEkSecenek .eksecenekLine .left_line {
    color: #191919;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 16px;
}

.basketBtn input {
    background: #191919;
    border: 1px solid #191919;
    color: #fff;
    overflow: hidden;
    height: 38px;
    line-height: initial;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

/* .SmallImages {
    display: none !important;
} */

.Images {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .RightDetail {
        padding: 10px 30px 30px 30px;
    }
}


/* About */


.about-container {
    width: 100%;
    max-width: 980px;
    padding: 0 15px;
    margin: 0 auto;
}

.about-section .img-fluid {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
}
.about-section .section-hero {
    background-color: #f5f5f7;
    padding: 92px 0;
}
.about-section .section-content {
    text-align: center;
}
.about-section .section-content h1 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: poppins, sans-serif;
    font-weight: 600;
}
.about-section .section-content h2 {
    font-size: 66px;
    line-height: 1.0416666667;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: -0.015em;
    margin-top: 0.6rem;
}
.about-section .section-content h2.v2 {
    font-size: 42px;
}
.about-section .section-content p {
    max-width: 50rem;
    font-size: 25px;
    line-height: 1.125;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: 0.004em;
    text-align: center;
    margin-top: 1.6470588235rem;
    color: #6e6e73;
    margin-left: auto;
    margin-right: auto;
}
.about-section .section-content p.v2 {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.525;
    font-family: poppins, sans-serif;
    font-weight: 600;
    font-weight: 600;
    letter-spacing: 0.004em;
    text-align: justify;
    margin-top: 1.6470588235rem;
    color: #6e6e73;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}
.about-section .section-video {
    background-color: #161617;
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.about-section .section-video .video-item-image img {
    border-radius: 40px 40px 0 0;
    height: 519px;
}
.about-section .section-video .tile-content {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0 0 40px 40px;
    text-align: center;
}
.about-section .section-video .tile-content h2 {
    font-size: 42px;
    line-height: 1.0834933333;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: -0.003em;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.about-section .section-video .tile-content .button-super {
    min-width: 156px;
}
.about-section .section-video .tile-content .video-cta {
    background-color: #1d1d1f;
    color: #fff;
    margin-right: 15px;
}
.about-section .section-video .tile-content .video-cta i {
    font-size: 20px;
}
.about-section .section-video .tile-content .video-cta:hover {
    background-color: #272729;
}
.about-section .button-super {
    font-size: 17px;
    line-height: 1.1764805882;
    font-family: poppins, sans-serif;
    font-weight: 400;
    letter-spacing: -0.022em;
    border-style: solid;
    border-width: 1px;
    min-width: 30px;
    padding: 17px 30px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border-radius: 980px;
    text-decoration: none;
}
.about-section .button-outline {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color 0.2s ease;
}
.about-section .button-outline:hover {
    background-color: #fff;
    color: #1d1d1f;
}
.about-section .button-outline.dark {
    border-color: #1d1d1f;
    color: #1d1d1f;
}
.about-section .button-outline.dark:hover {
    background-color: #1d1d1f;
    color: #fff;
}
.about-section .section-cards .cards-container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 700px;
    grid-gap: 20px;
    gap: 20px;
}
.about-section .section-cards .cards-container .card {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}
.about-section .section-cards .cards-container .card .copy-container {
    height: 100%;
    padding: 64px 15px 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
}
.about-section .section-cards .cards-container .card .copy-container .card-title {
    font-size: 48px;
    line-height: 1;
    font-family: poppins, sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.003em;
}
.about-section .section-cards .cards-container .card .copy-container .button-super {
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: auto;
}
.about-section .section-cards .cards-container .card .copy-container .button-super:hover {
    background-color: #fff;
}
.about-section .section-cards .cards-container .card .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.about-section .section-cards .cards-container .card .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about-section .section-cards .cards-container .card .img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3411764706);
}
.about-section .section-router {
    text-align: center;
}
.about-section .section-router .typography-router-headline {
    font-size: 42px;
    line-height: 1.05;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: -0.015em;
}
.about-section .section-router .typography-router-copy {
    margin-top: 1.6470588235rem;
    margin-inline: auto;
    font-size: 20px;
    line-height: 1.525;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: justify;
    color: #6e6e73;
}
.about-section .section-router .section-cta {
    margin-top: 1.8823529412rem;
}
.about-section .section-router .cards-container {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    gap: 30px;
}
.about-section .section-router .cards-container .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 68px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f5f5f7;
    border-radius: 35px;
}
.about-section .section-router .cards-container .card .img {
    margin-bottom: 34px;
}
.about-section .section-router .cards-container .card .img img {
    max-height: 90px;
}
.about-section .section-router .cards-container .card .card-title {
    font-size: 35px;
    line-height: 1.1;
    font-family: poppins, sans-serif;
    font-weight: 600;
    letter-spacing: 0em;
    max-width: 22.8235294118rem;
    margin-inline: auto;
    margin-bottom: 1.1764705882rem;
}
.about-section .section-router .cards-container .card a {
    margin-top: 0.6rem;
}
.about-section .section-router .cards-container .card a, .about-section .section-router .cards-container .card span {
    font-size: 18px;
    line-height: 1.381002381;
    font-family: poppins, sans-serif;
    font-weight: 400;
    letter-spacing: 0.011em;
    color: #06c;
    text-decoration: none;
}
.about-section .section-router .cards-container .card p {
    font-size: 18px;
    line-height: 1.381002381;
    font-family: poppins, sans-serif;
    font-weight: 400;
    letter-spacing: 0.011em;
    color: #1d1d1f;
    text-decoration: none;
    margin-top: 0.6rem;
}
@media (max-width: 1068px) {
    .about-section .section-content h1 {
        font-size: 40px;
    }
    .about-section .section-content h2 {
        font-size: 72px;
    }
    .about-section .section-content p {
        max-width: 100%;
    }
    .about-section .section-content p.v2 {
        font-size: 16px;
        text-align: center;
    }
    .about-section .section-video .video-item-image img {
        height: 356px;
    }
    .about-section .section-video .tile-content h2 {
        font-size: 40px;
    }
    .about-section .section-video .section-card {
        width: 695px;
        margin: 0 auto;
    }
    .about-section .section-cards .cards-container {
        width: 692px;
        margin-left: auto;
        margin-right: auto;
        grid-auto-rows: 477px;
    }
    .about-section .section-cards .cards-container .card .copy-container .card-title {
        font-size: 36px;
    }
    .about-section .section-router .typography-router-headline {
        font-size: 56px;
    }
    .about-section .section-router .typography-router-copy {
        max-width: 100%;
        width: 100%;
        margin-top: 0.7058823529rem;
        font-size: 16px;
        text-align: center;
    }
    .about-section .section-router .cards-container {
        max-width: 545px;
        margin-top: 60px;
        margin-inline: auto;
        grid-template-columns: 1fr;
        grid-gap: 46px;
        gap: 46px;
    }
    .about-section .section-router .cards-container .card .card-title {
        max-width: 18.2941176471rem;
        margin-bottom: 1.0588235294rem;
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .about-section .section-hero {
        padding: 44px 0;
    }
    .about-section .section-content h1 {
        font-size: 21px;
    }
    .about-section .section-content h2 {
        font-size: 32px;
    }
    .about-section .section-content p {
        font-size: 17px;
        margin-top: 1rem;
        max-width: 18rem;
    }
    .about-section .section-video {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-section .section-video .video-item-image img {
        height: 158px;
    }
    .about-section .section-video .tile-content {
        padding-top: 30px;
        padding-bottom: 30px;
        border-radius: 0 0 20px 20px;
    }
    .about-section .section-video .tile-content h2 {
        font-size: 19px;
    }
    .about-section .section-video .tile-content .video-cta {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .about-section .section-video .section-card {
        width: 283px;
        margin: 0 auto;
    }
    .about-section .section-cards .cards-container {
        max-width: 280px;
        margin-top: 50px;
        grid-template-columns: 1fr;
        grid-auto-rows: 431px;
        margin-inline: auto;
    }
    .about-section .section-cards .cards-container .card .copy-container .card-title {
        font-size: 28px;
    }
    .about-section .section-router {
        padding-block: 44px 50px;
    }
    .about-section .section-router .typography-router-headline {
        font-size: 32px;
    }
    .about-section .section-router .typography-router-copy {
        max-width: 100%;
        margin-top: 0.3529411765rem;
        font-size: 17px;
    }
    .about-section .section-router .cards-container {
        max-width: 545px;

        margin-inline: auto;
        grid-template-columns: 1fr;
        margin-top: 30px;
        grid-gap: 20px;
        gap: 20px;
    }
    .about-section .section-router .cards-container .card {
        min-height: 290px;
        padding-block: 40px;
        justify-content: center;
        box-sizing: border-box;
    }
    .about-section .section-router .cards-container .card .img img {
        max-width: 55px;
    }
    .about-section .section-router .cards-container .card .card-title {
        font-size: 19px;
        line-height: 1.2105263158;
        letter-spacing: 0.012em;
        max-width: 11.4117647059rem;
        margin-bottom: 0.8235294118rem;
    }
    .about-section .section-router .cards-container .card a, .about-section .section-router .cards-container .card p, .about-section .section-router .cards-container .card span {
        font-size: 14px;
    }
}

.mt-5 {
    margin-top: 45px;
}

.bg-white {
    background-color: white;
}

.button-container {
    display: flex;
    justify-content: space-between;
}
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 30%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
button.accordion.active {
    background-color: #ff781f;
    color: #fff;
}
div.panel {
    display: flex;
    flex-direction: column;
}
div.content {
    display: none;
    padding: 0 18px;
    color: #ff781f;
    text-decoration: none;
    margin:20px 0px;
}
div.content.active {
    display: block;
}
a:hover {
    text-decoration: underline;
}

/*
 *custom checkbox wrapper ürün detay
 */
.custom-checkbox-wrapper {
    cursor: pointer;
    display: inline-block;
    margin-top: 25px;
}
.custom-checkbox-wrapper label {
    display: inline-block;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    outline: 1px solid transparent;
    padding: 2px;
}
.custom-checkbox-wrapper.active label, .custom-checkbox-wrapper:hover label{
    box-shadow: 0 0 0 2px #f27a1a;
    outline: none;
}
.custom-checkbox-wrapper .custom-checkbox-wrapper-box {
    position:relative;
    display:flex;
    align-items:start;
    gap: 5px;
    padding: 10px;
}
.custom-checkbox-wrapper .custom-radio {
    position:relative;
    border: 2px solid #9a9a9a;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px;
}
.custom-checkbox-wrapper .custom-radio:after {
    background: #f27a1a;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: calc(50% - 4px);
    opacity: 0;
    position: absolute;
    top: calc(50% - 4px);
    transition: opacity .2s;
    width: 8px;
}
.custom-checkbox-wrapper.active .custom-radio {
    border: 2px solid #f27a1a;
}
.custom-checkbox-wrapper.active .custom-radio:after {
    opacity:1;
}
.custom-checkbox-wrapper input {
    position:absolute;
    text-indent:-9999px;
    opacity:0;
    pointer-events: none;
}
.custom-checkbox-wrapper .etiket {
    color: rgb(255, 105, 0);
}
.custom-checkbox-wrapper .etiket-kutu {
    display:flex;
    flex-direction:column;
}
.custom-checkbox-wrapper .custom-logo {
    display: flex;
    align-items: center;
    height: 37.50px;
}
.custom-checkbox-wrapper .custom-logo img{
    width: auto;
    max-width:100%;
    max-height: 30px;
}

/*
 * header-default-dropdown-menu
 */

.navigation ul li.header-default-dropdown-menu {
    position: relative;
}
.navigation ul li.header-default-dropdown-menu ul {
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f7f7f7;
    box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.0588235294);
    min-width: max-content;
}
.navigation ul li.header-default-dropdown-menu.active ul {
    display: block;
}
.navigation ul li.header-default-dropdown-menu ul li {
    display: block;
    width: 100%;
    padding: 0 16px;
}
.navigation ul li.header-default-dropdown-menu ul li a {
    display: block;
    color: #000000;
    line-height: 40px;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    padding: 0 10px;
    text-align: left;
    cursor: pointer!important;
}
.navigation ul li.header-default-dropdown-menu ul li ul.header-default-dropdown-menu-sub-menu {
    position: relative;
    top: initial;
    min-width: 100%;
    display: none;
}
.navigation ul li.header-default-dropdown-menu ul li ul.header-default-dropdown-menu-sub-menu li {}
.navigation ul li.header-default-dropdown-menu ul li ul.header-default-dropdown-menu-sub-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon {
    position: relative;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon:hover ul.header-default-dropdown-menu-sub-menu {
    display: block;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon > a:after {
    content: "→";
    font-size: 15px;
    color: #000;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon > a:hover:after {
    color: #ff6900;
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon ul li a:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.4);
}
.navigation ul li.header-default-dropdown-menu ul li.toggle-menu-icon ul li a:hover:before {
    background-color: rgba(255,105,0,0.4);
}

#divKampanyalar .campaign-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    padding: 30px 0;
}

#divKampanyalar .card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}

#divKampanyalar .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

#divKampanyalar .card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

#divKampanyalar .card-title {
    padding: 14px;
    font-weight: 600;
    padding-top:30px;
    font-size: 16px;
    text-align: center;
    background-color: #f5f5f5;
}
#divKampanyalar .card-text {
    padding-bottom:30px;
}

#divKampanyalar h2{
    margin: auto;
    margin-left: 56px;
    margin-top: 20px;}

.kampanyalar .campaign-item {
    display: inline-block;
    width: 32%;
    margin: 1%;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease;
}

.kampanyalar .campaign-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.kampanyalar .campaign-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

@media only screen and (min-width: 768px) {
    .card {
        height: 360px !important
    }

    #multiblok_0 .bannerWrapper {
        width: 100%;
        max-width: 900px;
        background: linear-gradient(145deg, #ffffff, #f8f9fa);
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        margin: 40px auto;
        transition: all 0.3s ease;
        text-align: center;
        position: relative;
    }

    #multiblok_0 .bannerWrapper:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    }

    #multiblok_0 .bannerImageWrapper {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #multiblok_0 .bannerImageWrapper img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 16px 16px 0 0;
        transition: transform 0.5s ease;
    }

    #multiblok_0 .bannerWrapper:hover .bannerImageWrapper img {
        transform: scale(1.05);
    }

    .bannerTitle {
        font-size: 1.6rem;
        font-weight: 600;
        color: #212529;
        margin-top: 20px;
        line-height: 1.4;
        letter-spacing: 0.3px;
        text-transform: capitalize;
    }

    .bannerDesc {
        font-size: 0.98rem;
        color: #666;
        max-width: 700px;
        margin: 12px auto 24px auto;
        padding: 0 20px;
        line-height: 1.6;
    }

    .bannerButtonWrapper {
        padding-bottom: 28px;
    }

    .bannerButtonWrapper .bannerButton {
        display: inline-block;
        background: linear-gradient(90deg, #007bff 0%, #00c6ff 100%);
        color: #fff;
        font-weight: 500;
        border-radius: 8px;
        padding: 12px 32px;
        text-decoration: none;
        font-size: 1rem;
        transition: all 0.25s ease;
        box-shadow: 0 4px 12px rgba(0, 118, 255, 0.3);
    }

    .bannerButtonWrapper .bannerButton:hover {
        background: linear-gradient(90deg, #00a2ff 0%, #00e0ff 100%);
        transform: scale(1.05);
        box-shadow: 0 6px 18px rgba(0, 118, 255, 0.4);
    }

    @media (max-width: 768px) {
        #multiblok_0 .bannerWrapper {
            max-width: 95%;
            margin: 20px auto;
        }

        #multiblok_0 .bannerTitle {
            font-size: 1.3rem;
        }

        #multiblok_0 .bannerDesc {
            font-size: 0.9rem;
            padding: 0 12px;
        }

        #multiblok_0 .bannerButtonWrapper .bannerButton {
            padding: 10px 24px;
            font-size: 0.9rem;
        }
    }


    .navigation .navUl > li {
        margin: 0 9px !important;
    }

    #HeaderMenu2 > li:last-child > a {
        font-weight: bold;
        color: #e30613;
        transition: all 0.2s ease-in-out;
        display: inline-block;
    }

    #HeaderMenu2 > li:last-child > a:hover {
        color: #b50510;
    }
}
body .userMail.socialUserInput, body .userSms.socialUserInput {
    display: none!important;
}

/* ====== APPENDED OVERRIDES (V8) ====== */
/* ================================
   PRICE CART BAR (V8)
   - Full-width bar under product name
   - Responsive
   - Cart icon (black)
   - Click feedback: turns green + "Sepete eklendi" for 1.5s then reverts (JS adds .is-added)
================================ */

/* Keep original price hidden (only bar shows price) */
.productItem .productDetail .productPrice,
.productItem > .productPrice{
  display:none !important;
}

/* Hide KDV labels anywhere */
.productItem .discountKdv,
.productItem .regularKdv,
.productItem .indirimliKdv,
.productItem .kdv,
.productItem [class*="Kdv"]{
  display:none !important;
}

/* Heart back to bottom-right (do NOT sit in the bar row) */
.productItem{
  position:relative;
}
.productItem .favori{
  position:absolute;
  right: 18px;
  bottom: 18px;
  z-index: 30;
}

/* Bar base */
.priceCartBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  width: calc(100% - 56px);   /* leave room for heart on the right */
  margin: 10px 18px 18px 18px;/* under title, with bottom breathing space */

  padding: 12px 14px;
  border-radius:14px;
  background:#f3f3f3;
  border:1px solid #eee;

  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
}

.priceCartBar:hover{ background:#ededed; }

/* Left price */
.priceCartBar__left{
  min-width:0;
  flex: 1 1 auto;
}
.priceCartBar__price{
  font-weight:700;
  font-size:18px;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Right icon */
.priceCartBar__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 0 0 auto;
}
.priceCartBar__cta{
  display:none !important; /* icon only in normal state */
}

/* Hide inline svg injected by JS, use bg icon */
.priceCartBar__icon{ display:none !important; }

.priceCartBar__right:after{
  content:"";
  width:34px;
  height:34px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/></svg>");
}

/* Disabled (tükendi): keep same height, just grey + label */
.priceCartBar.is-disabled{
  opacity:.7;
  cursor:default;
}
.priceCartBar.is-disabled .priceCartBar__price:after{
  content:"  Tükendi";
  font-size:12px;
  font-weight:600;
  color:#777;
}

/* Feedback state: green background + show text */
.priceCartBar.is-added{
  background:#eaf7ee;
  border-color:#bfe7cf;
}
.priceCartBar.is-added .priceCartBar__cta{
  display:inline-block !important;
  font-weight:600;
  font-size:13px;
  color:#1a7f37;
}
.priceCartBar.is-added .priceCartBar__right{
  gap:8px;
}
.priceCartBar.is-added .priceCartBar__right:after{
  /* green check instead of cart during feedback */
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a7f37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
  background-size:20px 20px;
}

/* Mobile responsive */
@media (max-width: 768px){
  .priceCartBar{
    width: calc(100% - 52px);
    margin: 10px 14px 18px 14px;
    padding: 12px 12px;
  }
  .priceCartBar__price{ font-size:16px; }
  .productItem .favori{
    right: 14px;
    bottom: 18px;
  }
}

/* ====== APPENDED OVERRIDES (V9) ====== */
/* ================================
   PRICE CART BAR HOTFIX (V9)
   - Keep bar INSIDE card on all breakpoints
   - Mobile responsive (no overflow)
   - Fixed bar thickness; out-of-stock shows "Tükendi" on 2nd line
   - In-stock shows only price
================================ */

/* Ensure the footer area is the containing box */
.productItem{
  position: relative;
}
.productItem .productDetail{
  position: relative;
  padding: 0 18px 18px 18px;     /* bar uses 100% width inside */
  box-sizing: border-box;
}

/* Heart stays bottom-right inside the padded area */
.productItem .favori{
  right: 18px;
  bottom: 18px;
}

/* Bar: no external margins that can push it outside */
.priceCartBar{
  width: calc(100% - 56px) !important;  /* keep room for heart */
  margin: 10px 0 0 0 !important;        /* inside productDetail */
  box-sizing: border-box;
}

/* Fixed thickness */
.priceCartBar{
  min-height: 56px;
  padding: 10px 14px;
}

/* Layout: left column (price + optional status), icon pinned to right */
.priceCartBar{
  position: relative;
  justify-content: flex-start; /* we'll control right icon via absolute */
}

.priceCartBar__left{
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 44px; /* reserve space for icon */
}

.priceCartBar__right{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

/* Icon itself */
.priceCartBar__right:after{
  width: 34px;
  height: 34px;
}

/* Price and status stacking */
.priceCartBar__price{
  display: block;
  line-height: 1.1;
}

/* Default: no status line */
.priceCartBar.is-disabled .priceCartBar__price:after{
  content: "";
}

/* Out-of-stock: show status on 2nd line (without changing bar height) */
.priceCartBar.is-disabled .priceCartBar__left:after{
  content: "Tükendi";
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #777;
  line-height: 1.1;
}

/* Keep bar height stable even if long price */
.priceCartBar__price{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Feedback state still works (JS adds .is-added) */
.priceCartBar.is-added .priceCartBar__right{
  /* keep icon aligned */
  top: 50%;
  transform: translateY(-50%);
}

/* Mobile: reduce paddings + heights, prevent overflow */
@media (max-width: 768px){
  .productItem .productDetail{
    padding: 0 14px 16px 14px;
  }
  .productItem .favori{
    right: 14px;
    bottom: 16px;
  }
  .priceCartBar{
    width: calc(100% - 52px) !important;
    min-height: 52px;
    padding: 10px 12px;
  }
  .priceCartBar__price{
    font-size: 16px;
  }
  .priceCartBar__right:after{
    width: 32px;
    height: 32px;
    background-size: 20px 20px;
  }
  .priceCartBar__left{
    padding-right: 40px;
  }
}

/* ====== APPENDED OVERRIDES (V10) ====== */
/* ================================
   PRICE CART BAR HOTFIX (V10)
   - Force bar to stay INSIDE .productItem by positioning it at the bottom
   - Ensure full price is visible on mobile (no ellipsis)
================================ */

/* Make card a positioning context and reserve space for the bar */
.productItem{
  position: relative !important;
  padding-bottom: 15px; /* reserve space so bar never falls outside */
  box-sizing: border-box;
}

/* Keep favorite fixed bottom-right inside the card */
.productItem .favori{
  position: absolute !important;
  right: 23px !important;
  bottom: 26px !important;
}

/* Pin bar inside the card bottom area (left aligned, leaves room for heart) */
.priceCartBar{
  position: absolute !important;
  left: 7px !important;
  right: 62px !important; /* room for heart */
  bottom: -10px !important;

  width: auto !important;  /* override calc widths */
  margin: 0 !important;    /* prevent layout push-out */
}

/* Align icon within the bar */
.priceCartBar__right{
  right: 12px !important;
}

/* Mobile: show full price (no truncation) */
@media (max-width: 768px){
  .productItem{
    padding-bottom: 82px;
  }
  .priceCartBar{
    left: 7px !important;
    right: 58px !important;
    bottom: -22px !important;
  }
  .productItem .favori{
    right: 22px !important;
    bottom: 33px !important;
  }

  .priceCartBar__price{
    white-space: normal !important;     /* allow wrap */
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  /* Keep the optional "Tükendi" line readable */
  .priceCartBar.is-disabled .priceCartBar__left:after{
    font-size: 12px !important;
  }
}

/* ====== APPENDED OVERRIDES (V11) ====== */
/* ================================
   PRICE CART BAR TWEAKS (V11)
   - Put "Tükendi" text under the price inside the bar (use the bar's own space)
   - Add a bit more spacing between price and cart icon on mobile
================================ */

/* Out-of-stock: use 2-line layout inside fixed-height bar */
.priceCartBar.is-disabled{
  align-items: flex-start !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.priceCartBar.is-disabled .priceCartBar__price{
  white-space: normal !important;
}

.priceCartBar.is-disabled .priceCartBar__left:after{
  content: "Tükendi";
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #777;
  line-height: 1.1;
}

/* Ensure the right icon stays vertically centered even when left is 2 lines */
.priceCartBar.is-disabled .priceCartBar__right{
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Mobile: a little more gap between price and icon */
@media (max-width: 768px){
  .priceCartBar__left{
    padding-right: 48px !important; /* more breathing room from the icon */
  }
  .priceCartBar__right{
    right: 10px !important;
  }
}


/* ====== FINAL PATCH (V12) ======
   Fixes:
   - productDetail height:auto (was 90px) so bar never overflows / sits outside
   - bar always inside card, full width under title, responsive
   - mobile: price text fully visible (no ellipsis), spacing between price and icon
   - out-of-stock: "Tükendi" shown under price (uses bar empty space; fixed thickness)
   - added feedback: green bar + "Sepete eklendi" + check, then reverts (handled by JS)
================================= */

/* Let the card grow naturally (prevents overlap / bar outside) */
.productItem .productDetail{
  height: auto !important;            /* override theme fixed 90px */
  min-height: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 15px 18px 18px 18px !important;
  box-sizing: border-box !important;
}

/* Title spacing so bar never sits on top of it */
.productItem .productName{
  margin: 0 0 10px 0 !important;
}

/* Hide the theme's price (we show price only inside bar) */
.productItem .productPrice{
  display: none !important;
}

/* Heart stays aligned next to the bar area (bottom-right of detail) */
.productItem{ position: relative; }
.productItem .favori{
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 35 !important;
}

/* --- PRICE CART BAR (default) --- */
.priceCartBar{
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  /* inside card, under title, keep room for heart */
  width: calc(100% - 56px) !important;
  margin: auto 0 0 0 !important;      /* push to bottom of productDetail */
  margin-top: 12px !important;

  padding: 12px 14px !important;
  min-height: 58px !important;        /* fixed thickness */
  border-radius: 14px !important;
  background: #f3f3f3 !important;
  border: 1px solid #eee !important;

  cursor: pointer !important;
  user-select: none !important;
}

/* Price text: keep fully visible */
.priceCartBar__price{
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #111 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;     /* full price on one line when possible */
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Right side: keep some space between price and icon */
.priceCartBar__right{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

/* Hide the inline SVG injected by JS, use background icon instead */
.priceCartBar__icon{ display: none !important; }

/* Default: only icon (hide "Sepete Ekle") */
.priceCartBar__cta{ display: none !important; }

/* Cart icon (the one you pasted) */
.priceCartBar__right:after{
  content:"";
  width: 34px;
  height: 34px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/></svg>");
}

/* --- OUT OF STOCK ("Tükendi" under price, fixed thickness) --- */
.priceCartBar.is-disabled{
  opacity: .7 !important;
  cursor: default !important;
}

/* Hide status in the right (so it doesn't push the icon) */
.priceCartBar.is-disabled .priceCartBar__status{
  display: none !important;
}

/* Render status under price using the empty line space */
.priceCartBar.is-disabled .priceCartBar__price:after{
  content: "\A Tükendi";
  white-space: pre-line;
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #777;
  line-height: 1.1;
}

/* --- ADDED FEEDBACK ("Sepete eklendi" like your sample) --- */
.priceCartBar.is-added{
  background: #eaf7ee !important;
  border-color: #bfe7cf !important;
}

/* In feedback: hide price, show text + check */
.priceCartBar.is-added .priceCartBar__left{
  display: none !important;
}
.priceCartBar.is-added .priceCartBar__cta{
  display: inline-block !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #1a7f37 !important;
}

/* Check icon on the right while feedback is visible */
.priceCartBar.is-added .priceCartBar__right:after{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a7f37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") !important;
  background-size: 20px 20px !important;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px){
  .productItem .productDetail{
    padding: 12px 14px 16px 14px !important;
  }

  .productItem .favori{
    right: 14px !important;
    bottom: 16px !important;
  }

  .priceCartBar{
    width: calc(100% - 52px) !important;
    padding: 12px 12px !important;
    gap: 18px !important;             /* extra breathing space between price and icon */
  }

  .priceCartBar__price{
    font-size: 16px !important;
    white-space: normal !important;    /* allow wrap on very small screens */
  }
}

@media (max-width: 360px){
  .priceCartBar__price{
    font-size: 15px !important;
  }
}

/* ====== V13 OVERRIDES ====== */
/* ================================
   V13 FIXES
   - Prevent bar from overlapping 2nd line of title on desktop
   - Only ONE 'Tükendi' line
   - Reduce extra bottom whitespace on mobile
================================ */

/* 1) Let title area breathe: keep bar in normal flow (under title) on desktop/tablet */
@media (min-width: 769px){
  /* If previous rules pinned the bar, undo them */
  .priceCartBar{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
  }
  /* Make footer stack nicely */
  .productItem .productDetail{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 18px 18px 18px !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* Ensure product name can wrap 2 lines without being covered */
  .productItem .productName,
  .productItem .productTitle,
  .productItem .productListTitle,
  .productItem .productItemTitle{
    margin-bottom: 6px !important;
  }
}

/* 2) Keep heart at bottom-right, but within padding */
.productItem{
  padding-bottom: 0 !important; /* remove artificial space that caused large gaps */
}

/* 3) Out-of-stock: show ONLY ONE 'Tükendi' line (use the under-price line) */
.priceCartBar.is-disabled .priceCartBar__price:after{
  content: "" !important; /* remove inline 'Tükendi' */
  display: none !important;
}
/* Keep the under-price line (if present). If your CSS had TWO different injectors, this ensures only one shows. */
.priceCartBar.is-disabled .priceCartBar__left:after{
  content: "Tükendi" !important;
}

/* 4) Mobile: reduce extra whitespace under the bar */
@media (max-width: 768px){
  .productItem .productDetail{
    padding: 0 14px 14px 14px !important;
  }
  .priceCartBar{
    margin-top: 10px !important;
  }
  .productItem .favori{
    bottom: 14px !important;
  }
}

/* ====== V14 OVERRIDES ====== */
/* ================================
   V14 MOBILE + ICON ROW + ADDED CENTER
   - Mobile: make card taller naturally and move bar down (no overlap)
   - Desktop: align cart + heart on same row (cart left, heart right)
   - "Sepete eklendi" text centered in bar
================================ */

/* ---------- Desktop: cart + heart same row ---------- */
@media (min-width: 769px){
  /* Align heart vertically with bar (cart is inside bar; heart is outside) */
  .productItem{ position: relative; }
  .productItem .favori{
    position: absolute !important;
    right: 18px !important;
    /* bar bottom is ~18px; bar height ~56px; heart ~34px => center align */
    bottom: 29px !important;
    z-index: 35;
  }
  /* Ensure bar leaves room for heart so cart sits just left of it */
  .priceCartBar{
    width: calc(100% - 56px) !important;
  }
}

/* ---------- Mobile: stop overlap + reduce "narrow" feel ---------- */
@media (max-width: 768px){
  /* Let card height grow naturally; remove pinned spacing that causes odd gaps */
  .productItem{
    padding-bottom: 0 !important;
  }

  /* Use normal flow for bar under title to avoid covering 2nd line */
  .productItem .productDetail{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 10px 16px 10px !important; /* less side padding => wider content */
    box-sizing: border-box;
  }

  .priceCartBar{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 14px 0 0 0 !important; /* move down a bit */
    min-height: 56px !important;    /* keep thickness stable */
  }

  /* Heart stays at bottom-right of the card area */
  .productItem .favori{
    position: absolute !important;
    right: 10px !important;
    bottom: 14px !important;
    z-index: 35;
  }

  /* Bar should not run under heart on mobile */
  .priceCartBar{
    width: calc(100% - 52px) !important;
  }
}

/* ---------- Added state: center the message like your example ---------- */
.priceCartBar.is-added{
  justify-content: center !important;
}

.priceCartBar.is-added .priceCartBar__left{
  display: none !important; /* hide price while showing message */
}

/* Show the text centered; keep a check icon on the right */
.priceCartBar.is-added .priceCartBar__cta{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #1a7f37 !important;
}

/* Keep check icon at the far right */
.priceCartBar.is-added .priceCartBar__right{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* ====== V14.1 CENTER PATCH ====== */
/* ================================
   CENTER "Sepete eklendi" (V14.1)
   - Keep message perfectly centered in the bar
================================ */

.priceCartBar.is-added{
  justify-content: center !important;
  position: relative !important;
}

.priceCartBar.is-added .priceCartBar__cta{
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

/* keep the check icon at the far right */
.priceCartBar.is-added .priceCartBar__right{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* === FIX: "Sepete eklendi" sola yasla (en sona ekle) === */
.priceCartBar.is-added{
  justify-content: flex-start !important;
  position: relative !important;
}

.priceCartBar.is-added .priceCartBar__cta{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;

  /* yazının sağdaki ✓ ikonunun altına girmemesi için */
  padding-right: 44px !important;
}

/* ✓ ikonu sağda sabit */
.priceCartBar.is-added .priceCartBar__right{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* keep the check icon at the far right */
.priceCartBar.is-added .priceCartBar__right{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* === Hover slider (NO position, NO pseudo) + glow === */
.priceCartBar{
  background: linear-gradient(90deg, #eb6a2c 0 0) no-repeat, #f3f3f3;
  background-size: 0% 100%, auto;
  transition: background-size .35s ease, box-shadow .25s ease;
}

/* hover: turuncu soldan dolsun */
.priceCartBar:hover{
  background-size: 100% 100%, auto;
  box-shadow: 0 10px 22px rgba(235, 106, 44, 0.25);
}

/* hover yazı beyaz */
.priceCartBar:hover .priceCartBar__price{
  color:#fff !important;
}

/* hover sepet iconu beyaz */
.priceCartBar:hover .priceCartBar__right:after{
  filter: brightness(0) invert(1);
}

/* tükendi ürünlerde hover kapalı */
.priceCartBar.is-disabled,
.priceCartBar.is-disabled:hover{
  background: #f3f3f3 !important;
  background-size: auto !important;
  box-shadow: none !important;
}

.priceCartBar.is-disabled:hover .priceCartBar__price{
  color: inherit !important;
}
.priceCartBar.is-disabled:hover .priceCartBar__right:after{
  filter:none !important;
}
/* === Hover: turuncu dolma (arka planı ezmeden) === */
.priceCartBar{
  transition: box-shadow .35s ease, background-color .35s ease;
}

/* soldan sağa dolma hissi: inset shadow büyür */
.priceCartBar:hover{
  /* turuncu katman barın içine dolar */
  box-shadow: inset 1000px 0 0 0 #eb6a2c, 0 10px 22px rgba(235, 106, 44, 0.25);
}

/* Yazı beyaz olsun istersen (istersen bunu da kaldırabilirsin) */
.priceCartBar:hover .priceCartBar__price{
  color:#fff !important;
}

/* Sepet ikonunu ASLA değiştirme */
.priceCartBar:hover .priceCartBar__right:after{
  filter: none !important;
}

/* Tükendi ürünlerde hover kapalı */
.priceCartBar.is-disabled:hover{
  box-shadow: none !important;
}
.priceCartBar.is-disabled:hover .priceCartBar__price{
  color: inherit !important;
}

@media (max-width: 768px){
  .priceCartBar.is-added{
    align-items: center !important;
  }

  .priceCartBar.is-added .priceCartBar__cta{
    display:block !important;
    max-width: calc(100% - 52px) !important; /* sağdaki ✓ için yer bırak */
    white-space: normal !important;          /* taşmasın diye satır kırılabilir */
    overflow: hidden !important;
    text-overflow: ellipsis !important;      /* uzun olursa … */
    padding-right: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}

/* =========================
   OWL FIX v2 (üst üste binme)
   ========================= */

/* Dış taşanı gizle */
.productItem .productImageOwlSlider .owl-stage-outer{
  overflow: hidden !important;
  position: relative !important;
}

/* Owl stage: Owl'ın kendi düzeni kalsın (flex YOK) */
.productItem .productImageOwlSlider .owl-stage{
  display: block !important;
  position: relative !important;
}

/* Owl item'ları tekrar akışa al */
.productItem .productImageOwlSlider .owl-item{
  float: left !important;
  position: relative !important;
  left: 0 !important;          /* <<< inline left’i ez (kritik) */
  overflow: hidden !important;
  transform: translate3d(0,0,0);
}

/* Animasyon kaynaklı "eski görsel altta kalma"yı kes */
.productItem .productImageOwlSlider .owl-item:not(.active){
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.productItem .productImageOwlSlider .owl-item.active{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Görsel düzgün dursun */
.productItem .productImageOwlSlider img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ========== OWL OKLARI: ESKİSİNİ KALDIR + YENİ TASARIM ========== */

/* 1) Eski karakterleri tamamen gizle */
.owl-nav .ProductListprev > span,
.owl-nav .ProductListnext > span{
  display:none !important;
}

/* 2) Buton kabı (okların tık alanı) */
.owl-nav .ProductListprev,
.owl-nav .ProductListnext{
  width:44px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
  cursor:pointer !important;
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:50 !important;
}

/* konum */
.owl-nav .ProductListprev{ left:14px !important; }
.owl-nav .ProductListnext{ right:14px !important; }

/* 3) Yeni ok ikonunu çiz (senin örneğe benzer “chevron” ok) */
.owl-nav .ProductListprev::before,
.owl-nav .ProductListnext::before{
  content:"" !important;
  width:18px !important;
  height:18px !important;
  border-right:3px solid #111 !important;
  border-bottom:3px solid #111 !important;
  display:block !important;
}

/* sola ok */
.owl-nav .ProductListprev::before{
  transform:rotate(135deg) !important;
  margin-left:2px !important;
}

/* sağa ok */
.owl-nav .ProductListnext::before{
  transform:rotate(-45deg) !important;
  margin-right:2px !important;
}

/* hover efekti */
.owl-nav .ProductListprev:hover,
.owl-nav .ProductListnext:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
  transform:translateY(-50%) scale(1.04) !important;
}

/* mobilde biraz küçült */
@media (max-width:768px){
  .owl-nav .ProductListprev,
  .owl-nav .ProductListnext{
    width:38px !important;
    height:38px !important;
  }
  .owl-nav .ProductListprev::before,
  .owl-nav .ProductListnext::before{
    width:16px !important;
    height:16px !important;
    border-right:3px solid #111 !important;
    border-bottom:3px solid #111 !important;
  }
}
/* ✅ Minimal ok tasarımı (örnekteki gibi) */
.owl-nav .ProductListprev,
.owl-nav .ProductListnext{
  width:42px !important;
  height:42px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(8px);
}

/* ok çizgisi daha ince ve kısa */
.owl-nav .ProductListprev::before,
.owl-nav .ProductListnext::before{
  width:9px !important;
  height:9px !important;
  border-right:2px solid rgba(0,0,0,.85) !important;
  border-bottom:2px solid rgba(0,0,0,.85) !important;
}

/* hover minimal yükselme */
.owl-nav .ProductListprev:hover,
.owl-nav .ProductListnext:hover{
  box-shadow: 0 12px 28px rgba(0,0,0,.16) !important;
  transform: translateY(-50%) scale(1.03) !important;
}

/* tıklama efekti */
.owl-nav .ProductListprev:active,
.owl-nav .ProductListnext:active{
  transform: translateY(-50%) scale(.98) !important;
}

/* mobilde daha da minimal */
@media (max-width:768px){
  .owl-nav .ProductListprev,
  .owl-nav .ProductListnext{
    width:36px !important;
    height:36px !important;
  }
  .owl-nav .ProductListprev::before,
  .owl-nav .ProductListnext::before{
    width:8px !important;
    height:8px !important;
    border-right:2px solid rgba(0,0,0,.85) !important;
    border-bottom:2px solid rgba(0,0,0,.85) !important;
  }
}


/* ===================================================================== */
/*  EVOFONE PATCH: Ürün liste gridi sayfa değişiminde bozulmasın (stable) */
/*  - Pagination / filtre / sıralama sonrası ItemOrj width'leri sapabiliyor */
/*  - Grid'i CSS Grid ile sabitleyip tüm PlSc_* modlarını tutarlı hale getiriyoruz */
/*  - 1000x1000 görseller: kırpma yok, oran bozulmaz (contain)             */
/* ===================================================================== */

.categoryContainer .ProductList:not(.owl-carousel){
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:30px !important;
  margin:0 !important;          /* eski -15px margin override */
  padding:0 !important;
  width:100% !important;
}

/* Varsayılan buton modları (varsa) */
.categoryContainer .ProductList.PlSc_2:not(.owl-carousel){ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
.categoryContainer .ProductList.PlSc_4:not(.owl-carousel){ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
.categoryContainer .ProductList.PlSc_5:not(.owl-carousel){ grid-template-columns:repeat(5, minmax(0, 1fr)) !important; }
.categoryContainer .ProductList.PlSc_hrz:not(.owl-carousel){ grid-template-columns:1fr !important; }

/* Eski float/width mantığını tamamen devre dışı bırak */
.categoryContainer .ProductList:not(.owl-carousel) > .ItemOrj{
  width:auto !important;
  max-width:none !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;      /* kartın yüksekliği tutarlı kalsın */
  min-width:0 !important;
}

/* Kartın içi grid hücresini doldursun */
.categoryContainer .ProductList:not(.owl-carousel) .ItemOrj .productItem{
  width:100% !important;
  height:100% !important;
}

/* Responsive kolonlar */
@media (max-width: 1200px){
  .categoryContainer .ProductList:not(.owl-carousel){
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:22px !important;
  }
}
@media (max-width: 768px){
  .categoryContainer .ProductList:not(.owl-carousel){
    /* Mobilde 2'li grid */
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width: 420px){
  .categoryContainer .ProductList:not(.owl-carousel){
    gap:12px !important;
  }
}

/* --------------------------------------------------------------------- */
/*  1000x1000 ürün görselleri: oran bozulmadan kutuya oturt (contain)     */
/*  Not: mevcut tema bazı yerlerde padding-bottom ile oran veriyor.       */
/* --------------------------------------------------------------------- */

.categoryContainer .ProductList:not(.owl-carousel) .productImage{
  width:100% !important;
}

.categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailLink,
.categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailUrl,
.categoryContainer .ProductList:not(.owl-carousel) .productImage a{
  position:relative !important;
  display:block !important;
  width:100% !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}

/* Modern tarayıcılar */
@supports (aspect-ratio: 1 / 1){
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailLink,
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailUrl,
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a{
    aspect-ratio:1 / 1 !important; /* 1000x1000 */
  }
}

/* Eski tarayıcılar (fallback) */
@supports not (aspect-ratio: 1 / 1){
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailLink,
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a.detailUrl,
  .categoryContainer .ProductList:not(.owl-carousel) .productImage a{
    padding-bottom:100% !important;
  }
}

.categoryContainer .ProductList:not(.owl-carousel) .productImage a img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Owl slider içindeki img'lere dokunma (sadece üstteki seçiciler non-owl) */

#divTicimaxCopyrightContent,
#divTicimaxCopyrightContent * {
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
  #exw-launcher-frame-body {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  #popUpIframe{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
   iframe.exw-custom-popup-frame {
    display: none !important;
  }
}
/* ================================
   V15 — İNDİRİMLİ FİYATİ BAR İÇİNE AL
   - Eski fiyat üstte (çizili), yeni fiyat altta
   - Sepet ikonunun konumuna dokunmaz
================================ */

/* Tema fiyatını genel olarak gizli tut (sizde zaten var) */
.productItem .productPrice { display: none !important; } /* güvence */

/* Ama indirimli ürün fiyatını (IndirimVar) tekrar görünür yapacağız */
.productItem .productPrice.IndirimVar{
  display: block !important;
}

/* productDetail absolute konumlama için referans olsun */
.productItem .productDetail{
  position: relative !important;
}

/* İndirimli fiyat bloğunu barın üstüne bindir (barın içine “girmiş” gibi) */
.productItem .priceCartBar + .productPrice.IndirimVar{
  position: absolute !important;

  /* Barın sol iç boşluğuna hizala */
  left: 32px !important;

  /* Sağda sepet ikonuna çarpmaması için boşluk bırak */
  right: 74px !important;

  /* Barın dikey merkezine yakın konum (barın içinde) */
  bottom: 32px !important;

  margin: 0 !important;
  z-index: 30 !important;

  /* Bara tıklamayı bozmasın */
  pointer-events: none !important;

  /* 2 satır düzen */
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

/* Tema float’larını iptal et (yoksa sağ/sol dağıtıyor) */
.productItem .priceCartBar + .productPrice.IndirimVar .regularPrice,
.productItem .priceCartBar + .productPrice.IndirimVar .discountPrice{
  float: none !important;
  display: block !important;
  margin: 0 !important;
}

/* Sıralama: eski fiyat ÜSTTE, yeni fiyat ALTTA */
.productItem .priceCartBar + .productPrice.IndirimVar .regularPrice{ order: 1 !important; }
.productItem .priceCartBar + .productPrice.IndirimVar .discountPrice{ order: 2 !important; }

/* Eski fiyat (çizili) */
.productItem .priceCartBar + .productPrice.IndirimVar .regularPrice span{
  font-size: 12px !important;
  line-height: 1.1 !important;
  text-decoration: line-through !important; /* sizde zaten var ama güvence */ 
  opacity: .75 !important;
}

/* Yeni fiyat (kalın) */
.productItem .priceCartBar + .productPrice.IndirimVar .discountPrice span{
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
}

/* Barın içindeki normal fiyat (priceCartBar__price) indirimli ürünlerde görünmesin (çift fiyatı engeller)
   Not: :has destekli tarayıcılarda çalışır (Chrome/Safari güncel). */
.priceCartBar:has(+ .productPrice.IndirimVar) .priceCartBar__price{
  display: none !important;
}

/* Mobil ince ayar */
@media (max-width: 768px){
  .productItem .priceCartBar + .productPrice.IndirimVar{
    left: 26px !important;
    right: 68px !important;
    bottom: 30px !important;
  }
  .productItem .priceCartBar + .productPrice.IndirimVar .discountPrice span{
    font-size: 16px !important;
  }
}
/* İndirimli ürün - kalın yeni fiyatı küçült */
.productItem .priceCartBar + .productPrice.IndirimVar .discountPrice span{
  font-size: 15px !important;
}
.productItem .priceCartBar + .productPrice.IndirimVar .discountPrice span{
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* ⬇️ BURADAN İTİBAREN BENİM GÖNDERDİĞİM CSS BAŞLIYOR ⬇️ */
/* =========================================================
   EVOFONE — HEADER (TEMIZ / KONSOLIDE)
   ---------------------------------------------------------
   Bu blok, eski "HEADER & MEGA MENU YENIDEN TASARIM v3.0"
   (cok satirli, JS'i hic yazilmamis) olu blogunun YERINE gecer.
   Sadece gercekten gereken parcalar burada:
     1) :root degiskenleri
     2) .evo-announcement (calisan siyah duyuru cubugu)
     3) Tek satir header (.evo-row1) — v2, ikon cakismasi cozulmus
     4) .htop gizleme guvencesi
   JS tarafi: evofone-custom.js icindeki header IIFE (.evo-row1 kurar)
   ========================================================= */

/* ------------------------------------------------------------
   §1 — CSS VARIABLES (announcement + header bunlari kullaniyor)
   ------------------------------------------------------------ */
:root {
  --evo-orange: #ff6900;
  --evo-orange-light: #fff7f0;
  --evo-orange-hover: #e55d00;
  --evo-black: #000;
  --evo-white: #fff;
  --evo-light-gray: #f7f7f7;
  --evo-dark-bg: #1a1a1a;
  --evo-outlet-red: #e30613;
  --evo-text-gray: #555;
  --evo-border-gray: #eee;
  --evo-separator-gray: #ccc;
  --evo-container: 1230px;
  --evo-font: 'Poppins', sans-serif;
  --evo-transition: 0.3s ease;
  --evo-z-announcement: 1001;
}

/* ------------------------------------------------------------
   §2 — ANNOUNCEMENT BAR (siyah, rotasyonlu duyuru cubugu)
   JS: evofone-custom.js icindeki announcement IIFE doldurur
   ------------------------------------------------------------ */
.evo-announcement {
  width: 100%;
  background: var(--evo-dark-bg);
  color: var(--evo-white);
  position: relative;
  z-index: var(--evo-z-announcement);
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  font-family: var(--evo-font);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease;
}

.evo-announcement.evo-hidden {
  height: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  pointer-events: none;
}

.evo-announcement__inner {
  max-width: var(--evo-container);
  margin: 0 auto;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
}

.evo-announcement__slide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  gap: 8px;
  white-space: nowrap;
}

.evo-announcement__slide.evo-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.evo-announcement__slide svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  stroke: var(--evo-orange);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.evo-announcement__close {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: rgba(255,255,255,0.6);
  font-size: 18px;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
  z-index: 2;
  transition: color 0.2s;
}

.evo-announcement__close:hover {
  color: var(--evo-white);
}

@media (max-width: 767px) {
  .evo-announcement { height: 36px; line-height: 36px; font-size: 11px; }
  .evo-announcement__slide { height: 36px; }
}

/* ------------------------------------------------------------
   §3 — TEK SATIR HEADER (logo | mega menu | uyelik+sepet)  [v2]
   JS: header IIFE elemanlari .evo-row1 icine tasir.
   Sadece masaustu/tablet (>=768px). Mobil Ticimax'in kendi yapisi.
   ------------------------------------------------------------ */

/* Eski grey ust serit (htop) gizli kalsin — duyuru cubugu onun yerine gecti */
.htop { display: none !important; }

/* ---- Tek satir kapsayici ---- */
#header .evo-row1 {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  max-width: var(--evo-container, 1230px);
  margin: 0 auto;
  padding: 10px 15px;
  position: relative;
}

#header .evo-row1__left   { flex: 0 0 auto !important; }
#header .evo-row1__center { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; min-width: 0 !important; }
#header .evo-row1__right  { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 6px !important; }

/* ---- LOGO (sol, kucuk) ---- */
#header .evo-row1 #logo {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  max-width: 150px !important;
}
#header .evo-row1 #logo .logo { height: auto !important; display: block !important; }
#header .evo-row1 #logo img   { max-height: 38px !important; width: auto !important; }

/* ---- MEGA MENU (orta) — full-width / absolute konumlandirmayi sifirla ---- */
#header .evo-row1 .navigation,
#header .evo-row1 .navigation > div {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  transform: none !important;
  max-width: none !important;
}
#header .evo-row1 .navUl { display: inline-flex !important; align-items: center !important; padding: 0; }
#header .evo-row1 .navUl > li { position: relative; margin: 0 8px !important; }
#header .evo-row1 .navUl > li > a { line-height: 56px; font-size: 14px; padding: 0 4px; }

/* ---- UYELIK + SEPET + ARAMA (sag) ---- */
/* KRITIK: sag kumedeki TUM cocuklarin native absolute/float
   konumlandirmasini topluca sifirla (overlap'in asil sebebi buydu). */
#header .evo-row1__right > * {
  position: relative !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

/* Cift ikon fix: masaustunde eski "Uye Girisi / Uye Ol" yazisi gizli,
   tek hesap arayuzu olarak ikon dropdown kalsin. */
@media (min-width: 768px) {
  .welcome { display: none !important; }
}

#header .evo-row1__right .arabtn {
  display: flex !important;     /* evo CSS bunu display:none yapmisti */
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
}
#header .evo-row1__right .mycart {
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
}
#header .evo-row1__right .header-login-menu button i { font-size: 22px; color: #000; }
#header .evo-row1__right .header-login-menu ul { right: 0; }

/* Sepet acilir kutusu hizasi */
#header .evo-row1__right .mycart .CartProduct { right: 0 !important; left: auto !important; margin-left: 0 !important; }

/* instaStories JS tarafindan .mycart'tan sonra eklendigi icin sag kumeye
   dusebiliyor; header ikon satirinda istemiyoruz -> gizle.
   (Baska yerde gostermek istersen bu kurali kaldir.) */
#header .evo-row1__right #instaStories { display: none !important; }

/* ---- ARAMA dropdown'ini geri getir (evo CSS ekran disina atmisti) — masaustu ---- */
@media (min-width: 768px) {
  .searchContent {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  .searchContent:not(.active) { display: none !important; }
  .searchContent.active { display: block !important; }
}

/* ---- Geride kalan bos .headerContent gap'ini onle ---- */
@media (min-width: 768px) {
  #header .headerContent { padding: 0 !important; }
}
  
/* =========================================================
   EVOFONE — Ikincil Nav Bar (kurumsal linkler) — STIL
   Sag ust band: duyuru cubugu ile ana satir arasinda, SAGA yasli.
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
#header .evo-nav2 {
  width: 100%;
  background: var(--evo-white, #fff);
  font-family: var(--evo-font, 'Poppins', sans-serif);
}

#header .evo-nav2__inner {
  max-width: var(--evo-container, 1230px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;   /* SAGA yasli (kirmizi kutu alani) */
  flex-wrap: wrap;
  gap: 0;
  padding: 6px 15px 2px;       /* ince ust serit */
}

#header .evo-nav2__link {
  position: relative;
  color: var(--evo-text-gray, #555);
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 2px 14px;
  line-height: 1.2;
  white-space: nowrap;
  transition: color 0.2s ease;
}

#header .evo-nav2__link:hover {
  color: var(--evo-orange, #ff6900);
  text-decoration: none;
}

/* Ayrac cizgi (linkler arasi) */
#header .evo-nav2__link:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #ddd;
}

/* Son link sagdaki bosluk olmasin */
#header .evo-nav2__link:last-child {
  padding-right: 0;
}

/* Mobilde gizle (mobil header Ticimax'in kendi yapisi).
   Gostermek istersen bu blogu sil. */
@media (max-width: 767px) {
  #header .evo-nav2 { display: none !important; }
}
/* Hesap ikonu hizalama düzeltmesi
   (.header-login-menu'deki padding-bottom:35px ikonu yukarı itiyordu) */
#header .evo-row1__right .header-login-menu {
  padding: 0 !important;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#header .evo-row1__right .header-login-menu button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 0;
}
#header .evo-row1__right .header-login-menu button i {
  line-height: 1;
}
  
/* =========================================================
   EVOFONE — URUN KARTI (YENI DUZEN)
   ad -> %X indirim -> buyuk fiyat + ustu cizili eski fiyat
        -> tam genislik buton (siyah / hover turuncu / eklenince yesil)
   JS: evofone-custom.js icindeki kart builder .evoCard'i kurar.
   CSS alaninin EN SONUNA ekle.
   ========================================================= */

/* Tema fiyatini her durumda gizle — fiyati biz .evoCard icinde gosteriyoruz
   (eski V15 .productPrice.IndirimVar absolute kuralini de etkisiz birakir) */
.productItem .productPrice,
.productItem .productPrice.IndirimVar { display: none !important; }

/* Bilgi alani: dikey diz, dogal yukseklik */
.productItem .productDetail {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px 16px 18px !important;
  box-sizing: border-box !important;
  text-align: left;
}
.productItem .productName { margin: 0 0 8px 0 !important; }

/* Kalp: gorsel alaninin sag ustune, beyaz yuvarlak buton */
.productItem .favori {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
  width: 38px; height: 38px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.productItem .favori a { color: #333; }
.productItem .favori a:before { font-size: 16px !important; }

/* ---- Yeni kart blogu ---- */
.evoCard {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 4px;
}

/* %X indirim — ismin altinda kucuk hap */
.evoCard__disc {
  align-self: flex-start;
  display: inline-block;
  background: #fff3e9;
  color: #e55d00;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

/* Fiyat satiri */
.evoCard__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}
.evoCard__new {
  font-size: 26px;
  font-weight: 800;
  color: #111;
  line-height: 1.05;
  letter-spacing: -0.5px;
}
.evoCard__old {
  font-size: 15px;
  font-weight: 500;
  color: #9a9a9a;
  text-decoration: line-through;
  line-height: 1;
}

/* ---- Tam genislik buton ---- */
.evoCard__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  padding: 14px 18px;
  border: none;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover: turuncu */
.evoCard__buy:hover {
  background: #ff6900;
  color: #fff;
  box-shadow: 0 8px 20px rgba(255,105,0,0.28);
}

/* Eklenince: yesil "Eklendi" (JS .is-added ekler) */
.evoCard__buy.is-added,
.evoCard__buy.is-added:hover {
  background: #239b56;
  color: #fff;
  box-shadow: none;
}

/* Tukendi */
.evoCard__buy.is-disabled,
.evoCard__buy[disabled] {
  background: #ededed;
  color: #8a8a8a;
  cursor: default;
  box-shadow: none;
}

/* ---- Mobil ince ayar ---- */
@media (max-width: 768px) {
  .productItem .productDetail { padding: 12px 12px 14px !important; }
  .evoCard__new { font-size: 22px; }
  .evoCard__old { font-size: 13px; }
  .evoCard__buy { padding: 12px 14px; font-size: 14px; }
  .productItem .favori { width: 34px; height: 34px; top: 10px; right: 10px; }
}
/* =========================================================
   EVOFONE — URUN KARTI INCE AYAR (refine)
   1) Esit kart yuksekligi  2) sikisikligi azalt (font/spacing)
   3) kampanya badge'lerini sola yasla  4) kucuk rastgele etiket
   CSS alaninin EN SONUNA ekle (evo-card.css'ten SONRA).
   ========================================================= */

/* ---------- 1) ESIT KART YUKSEKLIGI ---------- */
/* Kart dikey kolon; buton en alta sabitlensin -> tum kartlar ayni boy */
.productItem {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.productItem .productDetail {
  flex: 1 1 auto !important;
}
.evoCard {
  flex: 1 1 auto;
  justify-content: flex-start;
}
.evoCard__buy { margin-top: auto !important; }  /* buton hep en altta */

/* Owl slider: satirdaki kartlari ayni yukseklige cek */
.owl-carousel .owl-stage { display: flex !important; }
.owl-carousel .owl-item  { display: flex !important; height: auto !important; }
.owl-carousel .owl-item > div,
.owl-carousel .owl-item > .productItem { width: 100% !important; }

/* Grid listelerde de esit yukseklik (flex/grid satirlari) */
.ProductList, .ProductListContent { align-items: stretch !important; }

/* ---------- 2) SIKISIKLIGI AZALT (font + spacing) ---------- */
.productItem .productName,
.productItem .productName a {
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}
.evoCard__new { font-size: 23px; }
.evoCard__old { font-size: 14px; }
.evoCard { gap: 8px; }
.productItem .productDetail { padding: 14px 14px 16px !important; }

/* ---------- 3) KAMPANYA BADGE'LERINI SOLA YASLA ----------
   Daire kampanya/taksit/havale rozetleri saga yapisip fav ikonun
   altinda kaliyordu; sol uste alip dikey diziyoruz.
   (Sınıf farkliysa yakalanmazsa bana badge'in class'ini soyle.) */
.productItem .kapakResmiUstuLogo,
.productItem .urunResimUstuLogo,
.productItem .productImage .badge,
.productItem .productImage .rozet,
.productItem .productLabel {
  left: 10px !important;
  right: auto !important;
  top: 10px !important;
  bottom: auto !important;
  margin: 0 !important;
}

/* Fav ikon sag ustte tek basina kalsin (ust uste binmesin) */
.productItem .favori { z-index: 40 !important; }

/* ---------- 4) KUCUK RASTGELE ETIKET (.evo-tag) ---------- */
/* JS "Yeni Urun" yazisini rastgele tek kelimeyle degistirip
   .evo-tag ekliyor; burada kuculttuk. */
.productItem .evo-tag {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  padding: 4px 10px !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

/* ---------- Mobil ince ayar ---------- */
@media (max-width: 768px) {
  .productItem .productName,
  .productItem .productName a { font-size: 14px !important; }
  .evoCard__new { font-size: 20px; }
  .productItem .evo-tag { font-size: 10px !important; padding: 3px 8px !important; }
}
  /* =========================================================
   EVOFONE — URUN KARTI DUZELTME (fix)
   1) Fiyat dizilimi: ustu cizili eski fiyat ustte, asil fiyat altinda
      ve butonun hemen ustunde; buton en altta.
   2) Gorsel: tam (kirpilmadan) gosterilsin.
   CSS alaninin EN SONUNA ekle (evo-card.css ve evo-card-refine.css'ten SONRA).
   ========================================================= */

/* ---------- 1) FIYAT DIZILIMI ---------- */
/* DOM sirasi [yeni, eski] -> column-reverse ile eski USTTE, yeni ALTTA */
.evoCard__price {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  gap: 2px !important;
  margin-top: auto !important;   /* fiyat+buton en alta insin; bosluk yukari gitsin */
}
.evoCard__new { font-size: 23px !important; line-height: 1.05 !important; }
.evoCard__old { font-size: 14px !important; }

/* Buton: auto degil; asil fiyatin hemen altinda, en altta */
.evoCard__buy { margin-top: 12px !important; }

/* ---------- 2) GORSEL DUZELTME ---------- */
/* Kapak gorseli kirpilmadan, oranini koruyarak gosterilsin */
.productItem .productImage,
.productItem .productImage a,
.productItem .image,
.productItem .image a {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}
.productItem .productImage img,
.productItem .image img,
.productItem img.lazy {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  aspect-ratio: auto !important;
}
/* =========================================================
   EVOFONE — KART BOSLUK DUZELTME (fix2)
   Gorsel ile urun ismi arasindaki dev bosluk:
   slider kartlari, yanindaki uzun tanitim kutusuyla ayni boya
   cekiliyordu -> kartlar artik kendi icerigi kadar, icerik sikisik.
   CSS alaninin EN SONUNA ekle (diger evo-card*.css'lerden SONRA).
   ========================================================= */

/* Slider: kartlari komsu uzun kutuyla ayni boya cekme (stretch'i durdur) */
.owl-carousel .owl-stage { align-items: flex-start !important; }
.owl-carousel .owl-item  { align-self: flex-start !important; height: auto !important; }

/* Kart kendi icerigi kadar yuksek olsun, icerik dogal/sikisik aksin */
.productItem { height: auto !important; }
.productItem .productDetail { flex: 0 0 auto !important; }
.evoCard { flex: 0 0 auto !important; }

/* Fiyat ve buton: auto bosluk YOK; icerigin hemen altinda */
.evoCard__price { margin-top: 6px !important; }
.evoCard__buy   { margin-top: 12px !important; }

/* Gorsel ile ad arasini sikilastir */
.productItem .productImage,
.productItem .image { margin-bottom: 0 !important; }
.productItem .productDetail { padding-top: 12px !important; }
.productItem .productName,
.productItem .productName a { margin-top: 0 !important; }
  
/* ============================================================
   EVOFONE — URUN KARTI NIHAI DUZEN (gercek tema siniflari)
   EN SONA ekle. Onceki evo-card*.css yamalarini gerektiginde ezer.
   Siniflar: .productItem .productImage .detailLink.detailUrl
   .productDetail .productName | rozet: .newIcon(.evo-tag)
   .discountIcon .ozelAlan1 .favori
   ============================================================ */

/* --- Kart --- */
.productItem {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  position: relative !important;
}

/* Slider/grid: kartlari komsu uzun kutuyla ayni boya CEKME */
.owl-carousel .owl-stage { align-items: flex-start !important; }
.owl-carousel .owl-item  { align-self: flex-start !important; height: auto !important; }

/* --- GORSEL ALANI: SABIT yukseklik -> dev bosluk biter, tum kartlar esit --- */
.productItem .productImage {
  position: relative !important;
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  flex: 0 0 230px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
.productItem .productImage .detailLink,
.productItem .productImage .detailUrl {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.productItem .productImage img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  position: static !important;
  transform: none !important;
}

/* --- ROZET / FAV KONUMLARI --- */
/* Metin etiket (Trend/Avantaj...) : SOL UST */
.productItem .newIcon {
  top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important;
}
/* Fav (kalp) : SAG UST, tek basina */
.productItem .favori {
  top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important;
  z-index: 40 !important;
}
/* Indirim/Havale yuvarlak rozet (fav'in ustune biniyordu) -> SOL, etiketin altina */
.productItem .discountIcon {
  top: 48px !important; left: 8px !important; right: auto !important; bottom: auto !important;
}
/* Taksit yuvarlak rozet (ozelAlan1) -> SOL ALT */
.productItem .ozelAlan1 {
  top: auto !important; bottom: 8px !important; left: 8px !important; right: auto !important;
}

/* --- BILGI ALANI --- */
.productItem .productDetail {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 14px 16px !important;
  height: auto !important;
}
/* Urun adi 2 satira sabit -> kartlar esitlensin */
.productItem .productName,
.productItem .productName a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
  margin: 0 0 8px 0 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

/* --- evoCard: esit yukseklik + fiyat-buton en altta --- */
.evoCard {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 148px !important;
  gap: 8px !important;
}
.evoCard__disc { align-self: flex-start !important; }   /* en ustte */
.evoCard__price {
  display: flex !important;
  flex-direction: column-reverse !important;            /* eski fiyat ustte, yeni altta */
  align-items: flex-start !important;
  gap: 2px !important;
  margin-top: auto !important;                          /* fiyat+buton en alta insin */
}
.evoCard__new { font-size: 23px !important; line-height: 1.05 !important; }
.evoCard__old { font-size: 14px !important; }
.evoCard__buy { margin-top: 10px !important; width: 100% !important; }

/* Tema fiyatini gizle (kendi fiyatimizi gosteriyoruz) */
.productItem .productPrice,
.productItem .productPrice.IndirimVar { display: none !important; }

/* Etiket (.evo-tag) kucuk */
.productItem .newIcon.evo-tag {
  font-size: 11px !important; font-weight: 600 !important;
  padding: 4px 10px !important; line-height: 1 !important; border-radius: 999px !important;
}

/* --- Mobil --- */
@media (max-width: 768px) {
  .productItem .productImage {
    height: 180px !important; min-height: 180px !important;
    max-height: 180px !important; flex-basis: 180px !important;
  }
  .evoCard__new { font-size: 20px !important; }
  .productItem .productName,
  .productItem .productName a { font-size: 14px !important; }
}
/* =========================================================
   EVOFONE — MEGA MENU HIZALAMA DUZELTME
   Tema JS'i submenu'ye yanlis top/left veriyordu (header tek
   satira alininca kaydi -> "kayan hover"). Paneli header'in
   altina, TAM GENISLIK olarak sabitliyoruz.
   Yapı: .navigation > ul.navUl > li.ulVar > ul (acilir panel)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */

/* Panelin dayanak noktasi #header olsun (tam genislik icin) */
#header { position: relative !important; }
#header .navigation,
#header .navigation .navUl,
#header .navigation .navUl > li.ulVar { position: static !important; }

/* Acilir mega panel: header altina, tam genislik, sabit */
#header .navigation .navUl > li.ulVar > ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 900 !important;
}

/* Panel ici icerigi ortala (tam genislik panelde sola yapismasin) */
#header .navigation .navUl > li.ulVar > ul > * {
  max-width: var(--evo-container, 1230px);
  margin-left: auto !important;
  margin-right: auto !important;
}  

/* =========================================================
   EVOFONE — MINI SEPET DRAWER TASARIM
   Gercek tema siniflari: .miniCartRigth .miniCartRigthHeader
   .spnCartTxt .header-close-btn .miniCartRigthScroll
   .miniCartContent .miniCartItem .miniCartRight(img) .miniCartLeft
   .minimarka .miniurunAdi .miniCartDetayItem.eksecenek
   .miniCartButtonSil .adettanim3(+/-) .DiscountPrice.lineThrough
   .CartPrice .miniCartTotalAmountBottom (.miniCartCol1/.miniCartCol2)
   .miniCartSatir2 .checkoutAsGuestButton
   CSS alaninin EN SONUNA ekle.
   ========================================================= */

/* --- Drawer kabi: dikey kolon, tam yukseklik --- */
.miniCartRigth {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  width: 92vw !important;
  max-width: 420px !important;
  background: #fff !important;
  font-family: var(--evo-font, 'Poppins', sans-serif);
}

/* --- Header --- */
.miniCartRigthHeader {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 22px 22px 16px !important;
  border-bottom: 1px solid #eee !important;
}
.miniCartRigthHeader .spnCartTxt {
  display: flex !important;
  flex-direction: column !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #111 !important;
  line-height: 1.1 !important;
}
.miniCartRigthHeader .evo-cart-sub {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #9a9a9a !important;
  margin-top: 6px !important;
}
.header-close-btn {
  cursor: pointer; width: 36px; height: 36px;
  border: 1px solid #eee; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.header-close-btn svg { width: 13px; height: 13px; }

/* --- Scroll alani: urunler kayar, toplam/buton dipte sabit --- */
.miniCartRigthScroll {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Ust kopya toplam + ust butonlar + hediye ceki: gizle */
.miniCartTotalAmountTop { display: none !important; }
.miniCartTotalAmountTop + .miniCartSatir2 { display: none !important; }
.hediyeCekiBtnContent { display: none !important; }
/* Giris Yap butonu (sadece odeme butonu kalsin) */
.miniCartSatir2 .signInButton { display: none !important; }

/* Urunler alani kayar */
.miniCartContent {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  padding: 0 22px !important;
}

/* --- Urun satiri --- */
.miniCartItem {
  display: flex !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  position: relative !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.miniCartHr { display: none !important; }
.miniCartRight { flex: 0 0 60px !important; width: 60px !important; }
.miniCartRight img {
  width: 100% !important; height: auto !important;
  border-radius: 8px !important; background: #f6f6f6 !important;
}
.miniCartLeft {
  flex: 1 1 auto !important;
  display: flex !important; flex-direction: column !important;
  gap: 3px !important; padding-right: 30px !important; /* Sil icin yer */
}
.minimarka, .minimarka a {
  font-size: 11px !important; letter-spacing: .5px !important;
  text-transform: uppercase !important; color: #9a9a9a !important;
  font-weight: 600 !important; text-decoration: none !important;
}
.miniurunAdi, .miniurunAdi a {
  font-size: 13.5px !important; font-weight: 600 !important;
  color: #1a1a1a !important; text-decoration: none !important; line-height: 1.3 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
}
.miniCartDetayItem.eksecenek { font-size: 12px !important; color: #9a9a9a !important; }
.miniCartDetayItem.eksecenek span { color: #9a9a9a !important; }

/* Basibos "0"lar */
.adettanim1, .adettanim2 { display: none !important; }

/* Sil (cop) — sag ust */
.miniCartButtonSil { position: absolute !important; top: 14px !important; right: 0 !important; }
.miniCartButtonSil a {
  color: #c4c4c4 !important; font-size: 11px !important; text-decoration: none !important;
  display: inline-flex; align-items: center; gap: 2px;
}
.miniCartButtonSil a:hover { color: #c0392b !important; }
.miniCartButtonSil svg { display: none !important; }

/* Fiyat */
.miniCartItemprice { display: flex !important; align-items: baseline !important; gap: 8px !important; margin-top: 6px !important; }
.miniCartItemprice .CartPrice { font-size: 16px !important; font-weight: 800 !important; color: #111 !important; }
.miniCartItemprice .DiscountPrice.lineThrough { font-size: 12px !important; color: #b3b3b3 !important; text-decoration: line-through !important; }
.miniCartItemprice > div:not(.DiscountPrice):not(.CartPrice) { display: none !important; } /* taksit badge gorseli */

/* Adet +/- stepper */
.miniCartDetayItem.adettanim { margin-top: 10px !important; }
.adettanim3 {
  display: inline-flex !important; align-items: center !important;
  border: 1px solid #e5e5e5 !important; border-radius: 999px !important; overflow: hidden !important;
}
.adettanim3 label { display: none !important; }
.adettanim3 a.aMiniSepetAzalt, .adettanim3 a.aMiniSepetArtir {
  width: 30px !important; height: 30px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: #333 !important; text-decoration: none !important;
}
.adettanim3 a.aMiniSepetAzalt:hover, .adettanim3 a.aMiniSepetArtir:hover { background: #f5f5f5 !important; }
.adettanim3 input.txtMiniSepetAdet {
  width: 34px !important; text-align: center !important; border: none !important;
  background: transparent !important; font-size: 14px !important; font-weight: 600 !important;
  -moz-appearance: textfield;
}
.adettanim3 input.txtMiniSepetAdet::-webkit-outer-spin-button,
.adettanim3 input.txtMiniSepetAdet::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* --- Ara Toplam / Kargo (JS ekliyor) --- */
.evo-cart-subtotals { flex: 0 0 auto; padding: 14px 22px 0 !important; }
.evo-cart-line { display: flex; justify-content: space-between; font-size: 13px; color: #666; padding: 4px 0; }
.evo-cart-line .evo-free { color: #e67e22; font-weight: 700; }

/* --- Toplam (alt) --- */
.miniCartTotalAmountBottom {
  flex: 0 0 auto !important;
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  padding: 14px 22px !important; margin-top: 8px !important;
  border-top: 1px solid #eee !important; background: #faf7f2 !important;
}
.miniCartTotalAmountBottom .miniCartCol1 { font-size: 15px !important; font-weight: 700 !important; color: #111 !important; }
.miniCartTotalAmountBottom .miniCartCol2 { font-size: 22px !important; font-weight: 800 !important; color: #111 !important; }

/* --- Odeme butonu (alt Satir2) --- */
.miniCartTotalAmountBottom ~ .miniCartSatir2 { flex: 0 0 auto !important; display: block !important; padding: 12px 22px 0 !important; }
.checkoutAsGuestButton.basketUrlButton {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; background: #111 !important; color: #fff !important;
  border-radius: 999px !important; padding: 16px !important;
  font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important;
}
.checkoutAsGuestButton.basketUrlButton:hover { background: #ff6900 !important; }
.checkoutAsGuestButton.basketUrlButton span { color: #fff !important; }

/* --- Footer: garanti / kargo / iade (JS ekliyor) --- */
.evo-cart-footer { flex: 0 0 auto; display: flex !important; justify-content: space-between !important; gap: 6px; padding: 14px 22px 20px !important; }
.evo-cart-footer span { font-size: 11px !important; color: #7a7a7a !important; display: flex; align-items: center; gap: 4px; }
.evo-cart-footer span::before { content: "✓"; color: #27ae60; font-weight: 700; }
/* =========================================================
   EVOFONE — MINI SEPET DRAWER ince ayar (fix)
   CSS alaninin EN SONUNA ekle (evo-cart.css'ten SONRA).
   ========================================================= */

/* 1) Urun gorseli BUYUK + SOLA dayali */
.miniCartItem { display:flex !important; flex-direction:row !important; align-items:flex-start !important; position:relative !important; }
.miniCartRight { order:-1 !important; flex:0 0 92px !important; width:92px !important; margin:0 !important; float:none !important; }
.miniCartRight img { width:92px !important; height:auto !important; border-radius:10px !important; }
.miniCartLeft { order:0 !important; padding:0 26px 46px 14px !important; }

/* 2) Ustu cizili fiyat biraz daha buyuk */
.miniCartItemprice .DiscountPrice.lineThrough { font-size:14px !important; }

/* 3) Normal (yeni) fiyat satir satir GORUNSUN — tema gizliyordu */
.miniCartItemprice { display:flex !important; flex-wrap:wrap !important; align-items:baseline !important; gap:8px !important; }
.miniCartItemprice .CartPrice {
  display:inline-block !important; visibility:visible !important;
  order:0 !important; font-size:17px !important; font-weight:800 !important; color:#111 !important;
}
.miniCartItemprice .DiscountPrice.lineThrough { order:1 !important; }

/* Basibos "0"lar */
.miniCartItem .adettanim1, .miniCartItem .adettanim2 { display:none !important; }

/* 4) +/- stepper SAG ALTTA */
.miniCartDetayItem.adettanim { position:absolute !important; right:0 !important; bottom:14px !important; margin:0 !important; }

/* Sil sag ust */
.miniCartButtonSil { top:0 !important; right:0 !important; }

/* 6) Ara Toplam'dan Toplam'a kadar AYNI arka plan (tek blok) */
.evo-cart-subtotals {
  background:#faf7f2 !important; margin-top:0 !important;
  padding:16px 22px 6px !important; border-top:1px solid #eee !important;
}
.miniCartTotalAmountBottom {
  background:#faf7f2 !important; margin-top:0 !important;
  padding:10px 22px 16px !important; border-top:1px solid #ececec !important;
}

/* 5) "Odemeyi Tamamla" butonu iki cizgi arasinda ortalanmis */
.miniCartTotalAmountBottom ~ .miniCartSatir2 {
  padding:18px 22px !important;
  border-bottom:1px solid #eee !important;
}
.evo-cart-footer { padding:14px 22px 20px !important; border-top:none !important; }
/* =========================================================
   EVOFONE — MINI SEPET DRAWER son rotus (fix2)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */

/* 1) Indirimsiz urunun fiyati da indirimli kadar KALIN olsun
   (aktif fiyat: CartPrice ya da lineThrough olmayan DiscountPrice) */
.miniCartItemprice > div:not(.lineThrough) {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #111 !important;
}
.miniCartItemprice .DiscountPrice.lineThrough {
  font-weight: 400 !important;   /* ustu cizili olan ince kalsin */
}

/* 2) Alt footer (garanti/kargo/iade) biraz daha buyuk */
.evo-cart-footer span { font-size: 13px !important; }
.evo-cart-footer span::before { font-size: 13px !important; }

/* 3) Drawer'i biraz daha genis (sola dogru) ac */
.miniCartRigth {
  width: 96vw !important;
  max-width: 470px !important;
}
/* =========================================================
   EVOFONE — MINI SEPET: yaziyi gorselin yanindan baslat
   (isim sutunu genislesin, uzun adlar daha okunur olsun)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
.miniCartItem { gap: 12px !important; }

/* Gorsel sutunu tam gorsel genisliginde (fazla bosluk yapmasin) */
.miniCartRight {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  margin: 0 !important;
}

/* Metin sutunu gorselin HEMEN yanindan baslasin ve kalan tum genisligi kullansin */
.miniCartLeft {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 26px !important;  /* Sil icin sag bosluk */
}
.miniCartLeft .miniCartDetail,
.miniCartLeft .miniCartDetay {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/* =========================================================
   EVOFONE — Value Prop bandi (header altindaki avantaj seridi)
   JS kurar: .evo-valueprops > .evo-valueprops__inner > .evo-vp
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
.evo-valueprops { width: 100%; background: #faf7f2; border-bottom: 1px solid #eee; }
.evo-valueprops__inner {
  max-width: 1230px; margin: 0 auto;
  display: flex; align-items: stretch; padding: 0 15px;
}
.evo-vp {
  flex: 1 1 0; display: flex; align-items: center; gap: 12px;
  padding: 15px 18px; text-decoration: none; color: inherit; position: relative;
}
.evo-vp:not(:last-child)::after {
  content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 1px; height: 38px; background: #e6dfd3;
}
.evo-vp__ico {
  flex: 0 0 auto; width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center; color: #1a1a1a;
}
.evo-vp__ico svg { width: 27px; height: 27px; }
.evo-vp__txt { display: flex; flex-direction: column; min-width: 0; }
.evo-vp__title { font-size: 14px; font-weight: 700; color: #1a1a1a; line-height: 1.25; }
.evo-vp__sub { font-size: 12px; color: #9a8f7e; line-height: 1.25; margin-top: 2px; }
a.evo-vp { cursor: pointer; }
a.evo-vp:hover .evo-vp__title,
a.evo-vp:hover .evo-vp__ico { color: #ff6900; }

/* Tablet ve alti: yatay kaydirilabilir serit */
@media (max-width: 1040px) {
  .evo-valueprops__inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .evo-vp { flex: 0 0 auto; min-width: 210px; }
  .evo-valueprops__inner::-webkit-scrollbar { height: 0; }
}
/* Mobil: alt yaziyi gizle, kompakt */
@media (max-width: 600px) {
  .evo-vp { min-width: 158px; padding: 12px 14px; gap: 9px; }
  .evo-vp__sub { display: none; }
  .evo-vp__title { font-size: 13px; }
  .evo-vp__ico svg { width: 23px; height: 23px; }
}

/* =========================================================
   EVOFONE — MOBIL duzeltmeler (sadece <=767px)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
@media (max-width: 767px) {

  /* 3) Sag ustteki sepet ikonunu kaldir (alt navda Sepetim var) */
  .mycart { display: none !important; }

  /* 1) Kurumsal serit (nav2) mobilde gizli — ust bosluk denemesi */
  .evo-nav2 { display: none !important; }

  /* 2) MENU butonu logonun solunda, araliklI */
  .mobilMenuAcButton { margin: 0 14px 0 0 !important; }

  /* 5) Alt navdaki Sepetim rozeti */
  .bottomHead li { position: relative; }
  .bottomHead .evo-cartNum {
    position: absolute; top: -3px; left: 50%; margin-left: 3px;
    background: #ff6900; color: #fff; font-size: 10px; font-weight: 700;
    min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center; line-height: 1;
  }
}  
/* =========================================================
   EVOFONE — MOBIL duzeltmeler (sadece <=767px)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
@media (max-width: 767px) {

  /* 3) Sag ustteki sepet ikonunu kaldir (alt navda Sepetim var) */
  .mycart { display: none !important; }

  /* 1) Kurumsal serit (nav2) mobilde gizli — ust bosluk denemesi */
  .evo-nav2 { display: none !important; }

  /* 2) MENU butonu logonun solunda, araliklI */
  .mobilMenuAcButton { margin: 0 14px 0 0 !important; }

  /* 5) Alt navdaki Sepetim rozeti */
  .bottomHead li { position: relative; }
  .bottomHead .evo-cartNum {
    position: absolute; top: -3px; left: 50%; margin-left: 3px;
    background: #ff6900; color: #fff; font-size: 10px; font-weight: 700;
    min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center; line-height: 1;
  }
}

/* Header flex'inde masaustu menuleri sasirtmasin (mobil) */
@media (max-width: 767px) {
  .headerContent .navigation,
  .headerContent .yanResimliMenu { display: none !important; }
}

/* #1 Ust bosluk: body'deki padding-top:115px gap yapiyordu (header relative) */
@media (max-width: 767px) {
  html body { padding-top: 0 !important; }
}
/* =========================================================
   EVOFONE — MOBIL SEPET (.CartProduct) TASARIM
   Gercek siniflar: .SepetUst .seClose | ul.SProduct > li.topCardItem
   (img.lazyImage, .SepettopAd[ad, varyant, .SepetTopAdet, .sepetTopSatisBirimi,
   .sepetTopBirimFiyat], .sepetTopFiyat, i.fa-times=sil) | ul.SPrice
   (.sepetToplamTutar) | a.headerCartBtn, a.headerOrderBtn
   SADECE mobil (<=767). CSS alaninin EN SONUNA ekle.
   ========================================================= */
@media (max-width: 767px) {

  /* Panel: dikey kolon, tam yukseklik (gosterildiginde) */
  .CartProduct.animated {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  .CartProduct { background: #fff !important; font-family: var(--evo-font, 'Poppins', sans-serif); }

  /* --- Header --- */
  .CartProduct .SepetUst {
    order: 0; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    flex-direction: row-reverse !important;
    padding: 18px 18px 14px !important; border-bottom: 1px solid #eee !important; margin: 0 !important;
  }
  .CartProduct .SepetUst > span {
    display: flex !important; flex-direction: column !important;
    font-size: 21px !important; font-weight: 800 !important; color: #111 !important; line-height: 1.1 !important;
  }
  .CartProduct .SepetUst .evo-mcount {
    font-size: 11px !important; font-weight: 500 !important; letter-spacing: 1px !important;
    text-transform: uppercase !important; color: #9a9a9a !important; margin-top: 5px !important;
  }
  .CartProduct .SepetUst .seClose {
    width: 34px; height: 34px; border: 1px solid #eee; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto;
  }

  /* --- Urunler (kayar) --- */
  .CartProduct .SProduct {
    order: 1; flex: 1 1 auto !important; overflow-y: auto !important; min-height: 0 !important;
    margin: 0 !important; padding: 0 18px !important; list-style: none !important;
  }
  .CartProduct .topCardItem {
    display: flex !important; align-items: flex-start !important; gap: 12px !important;
    padding: 14px 0 !important; border-bottom: 1px solid #f0f0f0 !important; position: relative !important;
  }
  .CartProduct .topCardItem > a {
    display: flex !important; align-items: flex-start !important; gap: 12px !important;
    flex: 1 1 auto !important; min-width: 0 !important; text-decoration: none !important; padding-right: 22px !important;
  }
  .CartProduct .topCardItem img {
    width: 64px !important; height: 64px !important; object-fit: contain !important;
    border-radius: 8px !important; background: #f6f6f6 !important; flex: 0 0 64px !important;
  }
  .CartProduct .SepettopAd {
    display: flex !important; flex-direction: column !important; gap: 2px !important;
    min-width: 0 !important; flex: 1 1 auto !important;
  }
  .CartProduct .SepettopAd > span:first-child {
    font-size: 13.5px !important; font-weight: 600 !important; color: #1a1a1a !important; line-height: 1.3 !important;
    display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
  }
  .CartProduct .SepettopAd > span:nth-child(2) { font-size: 12px !important; color: #9a9a9a !important; }
  .CartProduct .sepetTopBirimFiyat { display: none !important; }
  .CartProduct .SepetTopAdet { font-size: 12px !important; color: #666 !important; margin-top: 2px !important; }
  .CartProduct .sepetTopSatisBirimi { font-size: 12px !important; color: #9a9a9a !important; }
  .CartProduct .sepetTopFiyat {
    font-size: 15px !important; font-weight: 800 !important; color: #111 !important;
    white-space: nowrap !important; align-self: center !important; margin-left: 8px !important;
  }
  /* Sil (cop) sag ust */
  .CartProduct .topCardItem .fa-times {
    position: absolute !important; top: 16px !important; right: 0 !important;
    color: #c4c4c4 !important; font-size: 14px !important; cursor: pointer !important;
  }

  /* --- Ara Toplam / Kargo (JS ekliyor) + Toplam --- */
  .CartProduct .SPrice {
    order: 2; flex: 0 0 auto !important; list-style: none !important; margin: 0 !important;
    padding: 14px 18px !important; background: #faf7f2 !important; border-top: 1px solid #eee !important;
  }
  .CartProduct .SPrice li { display: flex !important; justify-content: space-between !important; align-items: center !important; }
  .CartProduct .evo-mline { font-size: 13px !important; color: #666 !important; padding: 3px 0 !important; }
  .CartProduct .evo-mfree { color: #e67e22 !important; font-weight: 700 !important; }
  .CartProduct .SPrice li:last-child { margin-top: 6px !important; padding-top: 8px !important; border-top: 1px solid #ece5d8 !important; }
  .CartProduct .SPrice li:last-child > span:first-child { font-size: 15px !important; font-weight: 700 !important; color: #111 !important; }
  .CartProduct .sepetToplamTutar { font-size: 20px !important; font-weight: 800 !important; color: #111 !important; }

  /* --- Butonlar --- */
  .CartProduct .button.headerOrderBtn {
    order: 3; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #111 !important; color: #fff !important; border-radius: 999px !important;
    padding: 16px !important; margin: 14px 18px 0 !important; font-size: 15px !important; font-weight: 700 !important;
    text-decoration: none !important; border: 0 !important;
  }
  .CartProduct .button.headerOrderBtn:hover { background: #ff6900 !important; }
  .CartProduct .button.headerCartBtn {
    order: 4; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #fff !important; color: #111 !important; border: 1px solid #ddd !important; border-radius: 999px !important;
    padding: 13px !important; margin: 10px 18px 0 !important; font-size: 14px !important; font-weight: 600 !important;
    text-decoration: none !important;
  }

  /* --- Footer garanti/kargo/iade (JS ekliyor) --- */
  .CartProduct .evo-mfooter {
    order: 10; flex: 0 0 auto; display: flex !important; justify-content: space-between !important;
    gap: 6px; padding: 16px 18px 20px !important;
  }
  .CartProduct .evo-mfooter span { font-size: 12px !important; color: #7a7a7a !important; display: flex; align-items: center; gap: 4px; }
  .CartProduct .evo-mfooter span::before { content: "✓"; color: #27ae60; font-weight: 700; }
}  

/* =========================================================
   EVOFONE — MOBIL duzeltmeler (sadece <=767px)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */
@media (max-width: 767px) {

  /* 3) Sag ustteki sepet ikonunu kaldir (alt navda Sepetim var) */
  .mycart { display: none !important; }

  /* 1) Kurumsal serit (nav2) mobilde gizli — ust bosluk denemesi */
  .evo-nav2 { display: none !important; }

  /* 2) MENU butonu logonun solunda, araliklI */
  .mobilMenuAcButton { margin: 0 14px 0 0 !important; }

  /* 5) Alt navdaki Sepetim rozeti */
  .bottomHead li { position: relative; }
  .bottomHead .evo-cartNum {
    position: absolute; top: -3px; left: 50%; margin-left: 3px;
    background: #ff6900; color: #fff; font-size: 10px; font-weight: 700;
    min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center; line-height: 1;
  }
}

/* Header flex'inde masaustu menuleri sasirtmasin (mobil) */
@media (max-width: 767px) {
  .headerContent .navigation,
  .headerContent .yanResimliMenu { display: none !important; }
}

/* #1 Ust bosluk: body'deki padding-top:115px gap yapiyordu (header relative) */
@media (max-width: 767px) {
  body { padding-top: 0 !important; }
}

/* Sag ustteki profil ikonunu kaldir (hesap alt navda) — mobil */
@media (max-width: 767px) {
  .header-login-menu { display: none !important; }
}

/* Mobilde sag ustteki profil/hesap ikonunu kaldir (alt navda Hesabim var) */
@media (max-width: 767px) {
  .headerContent .header-login-menu { display: none !important; }
}  

  /* =========================================================
   EVOFONE — "Sepete Eklendi" modal (#divSepeteEklendiModal)
   Yapi: .divEklenenUrun > .divEklenenUrunRow
         (.divCol1>img | .divCol2>h4 + .divStokKodu + .divOzelAlan[img=taksit] + .divOzelAlan[varyant] | .divCol3>h4 fiyat + p>span)
         .divEklenenSepetToplam (.pSepetToplamAdet, .pSepetToplamFiyat)
         .divAltButonlar (a.modalDevamEtBTn, a.modalSepetimBtn)
   CSS alaninin EN SONUNA ekle. (Hem mobil hem masaustu)
   ========================================================= */

#divSepeteEklendiModal {
  font-family: var(--evo-font, 'Poppins', sans-serif) !important;
  width: 90vw !important; max-width: 420px !important; margin: 0 auto !important;
  background: #fff !important; border-radius: 16px !important;
  padding: 22px !important; box-sizing: border-box !important;
}

/* Onay basligi */
#divSepeteEklendiModal .divEklenenUrun::before {
  content: "Sepete eklendi ✓";
  display: block; font-size: 16px; font-weight: 800; color: #1a8a4a;
  margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #eee;
}

/* Urun satiri */
#divSepeteEklendiModal .divEklenenUrunRow { display: flex !important; align-items: flex-start !important; gap: 14px !important; }
#divSepeteEklendiModal .divCol1 { flex: 0 0 72px !important; }
#divSepeteEklendiModal .divCol1 img {
  width: 72px !important; height: 72px !important; object-fit: contain !important;
  border-radius: 10px !important; background: #f6f6f6 !important;
}
#divSepeteEklendiModal .divCol2 { flex: 1 1 auto !important; min-width: 0 !important; }
#divSepeteEklendiModal .divCol2 h4 {
  font-size: 14px !important; font-weight: 600 !important; color: #1a1a1a !important;
  line-height: 1.3 !important; margin: 0 0 5px !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
}
#divSepeteEklendiModal .divStokKodu { display: none !important; }              /* bundle kodu gizle */
#divSepeteEklendiModal .divCol2 .divOzelAlan img { display: none !important; } /* taksit rozeti gizle */
#divSepeteEklendiModal .divCol2 .divOzelAlan:has(img) { display: none !important; }
#divSepeteEklendiModal .divCol2 .divOzelAlan { font-size: 12px !important; color: #9a9a9a !important; margin: 0 !important; }
#divSepeteEklendiModal .divCol3 { flex: 0 0 auto !important; text-align: right !important; }
#divSepeteEklendiModal .divCol3 h4 { font-size: 16px !important; font-weight: 800 !important; color: #111 !important; margin: 0 !important; white-space: nowrap !important; }
#divSepeteEklendiModal .divCol3 p { margin: 2px 0 0 !important; }
#divSepeteEklendiModal .divCol3 p span { font-size: 12px !important; color: #9a9a9a !important; }

/* Toplam (bej blok) */
#divSepeteEklendiModal .divEklenenSepetToplam {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  margin-top: 16px !important; padding: 13px 16px !important; background: #faf7f2 !important; border-radius: 10px !important;
}
#divSepeteEklendiModal .pSepetToplamAdet { margin: 0 !important; font-size: 13px !important; color: #555 !important; font-weight: 600 !important; }
#divSepeteEklendiModal .pSepetToplamAdet span { font-weight: 700 !important; color: #111 !important; }
#divSepeteEklendiModal .pSepetToplamFiyat { margin: 0 !important; font-size: 13px !important; color: #555 !important; font-weight: 600 !important; }
#divSepeteEklendiModal .pSepetToplamFiyat span { font-size: 17px !important; font-weight: 800 !important; color: #111 !important; margin-left: 6px !important; }

/* Butonlar */
#divSepeteEklendiModal .divAltButonlar { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 18px !important; }
#divSepeteEklendiModal .modalSepetimBtn {
  order: 0 !important; display: block !important; text-align: center !important;
  background: #111 !important; color: #fff !important; border-radius: 999px !important;
  padding: 15px !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; border: 0 !important;
}
#divSepeteEklendiModal .modalSepetimBtn:hover { background: #ff6900 !important; }
#divSepeteEklendiModal .modalDevamEtBTn {
  order: 1 !important; display: block !important; text-align: center !important;
  background: #fff !important; color: #111 !important; border: 1px solid #ddd !important; border-radius: 999px !important;
  padding: 13px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important;
}
  
/* =========================================================
   EVOFONE — Urun karti ozel alan rozet konumlari
   .ozelAlan1 / #divOzelAlan1 -> SOL ALT
   .ozelAlan2 / #divOzelAlan2 -> SOL ORTA (dikey ortali)
   CSS alaninin EN SONUNA ekle.
   ========================================================= */

/* --- .ozelAlan1: SOL ALT --- */
.productItem .ozelAlan1,
.productItem #divOzelAlan1 {
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  bottom: 10px !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 9 !important;
}

/* --- .ozelAlan2: SOL ORTA (dikey ortali) --- */
.productItem .ozelAlan2,
.productItem #divOzelAlan2 {
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 9 !important;
}

/* Ortali rozetin urun adi/butonun ustune binmemesi icin
   referans: gorsel alani (.productImage). Eger productImage yuksekligi
   sabit ise (evo-card-final: 230px/180px) bu zaten gorsel icinde kalir. */
  
/* =========================================================
   EVOFONE — Ozel alan rozetleri MOBIL kucultme
   Konum ayni (sol-alt / sol-orta), sadece boyut kuculur.
   evo-ozelalan-pos.css'ten SONRA gelmeli (EN SONA ekle).
   ========================================================= */

@media (max-width: 767px) {
  /* Konum: iki rozeti sola biraz daha yapistir */
  .productItem .ozelAlan1,
  .productItem #divOzelAlan1,
  .productItem .ozelAlan2,
  .productItem #divOzelAlan2 {
    left: 6px !important;
  }

  /* Boyut: rozetin kapsayicisini kucult */
  .productItem .ozelAlan1,
  .productItem #divOzelAlan1 {
    max-width: 44px !important;
    bottom: 6px !important;
  }
  .productItem .ozelAlan2,
  .productItem #divOzelAlan2 {
    max-width: 44px !important;
  }

  /* Icindeki gorsel/imaj da kucusun (rozetler genelde <img>) */
  .productItem .ozelAlan1 img,
  .productItem #divOzelAlan1 img,
  .productItem .ozelAlan2 img,
  .productItem #divOzelAlan2 img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}

/* Cok kucuk ekran (telefon dar): daha da kucult */
@media (max-width: 380px) {
  .productItem .ozelAlan1,
  .productItem #divOzelAlan1,
  .productItem .ozelAlan2,
  .productItem #divOzelAlan2 {
    max-width: 38px !important;
  }
}  
/* =========================================================
   EVOFONE — MOBIL MENU gorsel zenginlestirme
   - Ust banner
   - Kategorilerin basina ikon
   - Aktif/hover turuncu vurgu
   - En altta sosyal medya + magazalarimiz
   CSS alaninin EN SONUNA ekle. (Sadece mobil)
   ========================================================= */

@media (max-width: 767px) {
  /* --- (1) Ust banner --- */
  .mobilMenu .evo-menu-banner {
    display: block;
    margin: 12px 14px 14px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    line-height: 0;
  }
  .mobilMenu .evo-menu-banner img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* --- (2) Kategori liste gorunumu --- */
  .mobilMenu .navUl > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    width: 100% !important;
    border-left: 3px solid transparent;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  }
  /* hover/aktif turuncu vurgu */
  .mobilMenu .navUl > li > a:hover,
  .mobilMenu .navUl > li.active > a {
    background: #fff7f0 !important;
    color: #ff6900 !important;
    border-left-color: #ff6900 !important;
  }

  /* Ikon kapsayicisi */
  .mobilMenu .evo-cat-ico {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
  }
  .mobilMenu .evo-cat-ico svg {
    width: 22px;
    height: 22px;
  }
  .mobilMenu .navUl > li > a:hover .evo-cat-ico,
  .mobilMenu .navUl > li.active > a .evo-cat-ico {
    color: #ff6900;
  }

  /* Sag ok (chevron) - tema kendi ResimsizDown'unu kullaniyor; ona sade gorunum ver */
  .mobilMenu .navUl > li .ResimsizDown i {
    color: #c0c0c0 !important;
    font-size: 14px !important;
  }
  .mobilMenu .navUl > li > a:hover ~ .ResimsizDown i {
    color: #ff6900 !important;
  }

  /* --- (3) Sosyal medya bloku --- */
  .mobilMenu .evo-menu-social {
    margin: 24px 16px 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
  .mobilMenu .evo-menu-social__title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #9a9a9a;
    margin-bottom: 14px;
  }
  .mobilMenu .evo-menu-social__row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .mobilMenu .evo-menu-social__row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #1a1a1a;
    background: #fff;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  }
  .mobilMenu .evo-menu-social__row a:hover {
    background: #ff6900;
    color: #fff;
    border-color: #ff6900;
  }
  .mobilMenu .evo-menu-social__row svg {
    width: 18px;
    height: 18px;
  }

  .mobilMenu .evo-menu-stores {
    display: block;
    margin-top: 18px;
    padding: 12px 14px;
    background: #faf7f2;
    border-radius: 10px;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
  }
  .mobilMenu .evo-menu-stores:hover {
    background: #fff7f0;
    color: #ff6900;
  }
}  
/* =========================================================
   EVOFONE — Desktop sticky header gap fix (v3)
   Header scroll edince ust kismda STICKY kalir.
   Probe ile gercek yukseklik olculdu: 147px
   ---------------------------------------------------------
   ONEMLI: Eski scrollfix blogundaki "position: relative !important"
   kuralini bu blok zorla ezer. Eski blogu silmek yine de daha temiz.
   ========================================================= */

@media (min-width: 768px) {
  /* Announcement bar height animasyonu kaldir */
  .evo-announcement {
    transition: opacity 0.2s ease !important;
  }

  /* Header sticky'lessin diye position:fixed'i ZORLA geri getir
     (eski kural icin override) */
  #header.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    margin: 0 !important;
  }

  /* Body padding = olculen header yuksekligi (147px) */
  body.margin {
    padding-top: 147px !important;
    margin-top: 0 !important;
  }
  body.MoreMenu.margin {
    padding-top: 147px !important;
  }

}
/* =========================================================
   PZK Video Button + Overlay (FINAL v3)
   ========================================================= */
/* 1) Inline video iframe'ini gizle — boyutları SIFIRLAMA (flex/owl çökmesin) */
#vdMobileUrunVideo,
#ifrmUrunVideo {
  display: none !important;
}
/* NOT: ".pzk-video-slide-hidden" kuralı kaldırıldı.
   Slide artık JS'te Owl API ile remove ediliyor (display:none owl'u bozuyordu). */
/* 2) Buton: sol üst */
.pzk-video-btn {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: 
#eb6a2c;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.pzk-video-btn .pzk-play {
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.pzk-video-btn:hover { filter: brightness(0.95); }
.pzk-video-btn:active { transform: scale(0.98); }
/* 3) Butonun konumlanacağı alanı relative yap */
.leftImage,
#divImageList,
#divMobileImageList,
#divCenterBlock,
#contentProductDetail {
  position: relative;
}
/* 4) Overlay */
.pzk-video-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  background: rgba(0,0,0,.65);
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.pzk-video-overlay.is-open { display: flex; }
.pzk-video-modal {
  width: min(920px, 100%);
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.pzk-video-modal iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.pzk-video-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.9);
  color: #111;
  font-weight: 900;
  cursor: pointer;
}
@media (max-width: 768px) {
  .pzk-video-btn {
    left: 12px;
    top: 12px;
    padding: 9px 12px;
    font-size: 12px;
  }
}
/* =========================================================
   PZK VIDEO FIX — mobilde gorsel kaybolmasin
   (PZK video CSS'indeki agresif gizlemeyi !important ile ezer:
    video wrapper'i geri gosterir, SADECE iframe'i gizler)
   ========================================================= */
/* Video kabini geri getir; boyut sifirlamayi iptal et */
#vdMobileUrunVideo{
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
}
/* Sadece video player iframe'ini gizle */
#ifrmUrunVideo,
#vdMobileUrunVideo iframe{
  display: none !important;
}
/* Mobilde video varken normal gorsel gizlenmissse geri goster */
@media (max-width: 767px){
  .leftImage .Images,
  .leftImage #imgUrunResim{
    display: block !important;
    visibility: visible !important;
  }
}

/* =====================================================================
   evo-fixes-batch1.css  —  EVOFONE toplu duzeltme (Parti 1) [DUZELTILDI]
   cache-bust: 2026-06-18-b
   ONCEKI evo-fixes-batch1 blogunu BUNUNLA DEGISTIR.
     MADDE 1 -> Listeleme 3'lu grid'de gorsel kirpilmasi (MINIMAL)
     MADDE 4 -> Urun karti metin badge'i (.evo-tag) dikey ortalama
   ===================================================================== */

/* =====================================================================
   MADDE 1 — Listeleme gridinde gorsel kirpilmasi (3'lu vs 4'lu)
   Kok neden: '.productImage' sabit 230px + overflow:hidden iken,
   mevcut grid yamasi '.productImage a'ya aspect-ratio:1/1 veriyor;
   genis sutunda (3'lu) kare 'a' 230px kutudan uzun olup ALTTAN
   kirpiliyordu.
   DUZELTME (minimal): Yalnizca '.productImage'in sabit yukseklik +
   overflow kelepcesini kaldir. Gorseli olusturan kurala (a'nin
   aspect-ratio'su, img/arka plan) DOKUNMA -> gorsel kaybolmaz,
   kare 'a' tam gorunur, kirpilma biter. (3'lu ve 4'lu tutarli kare.)
   ===================================================================== */
.categoryContainer .ProductList:not(.owl-carousel) .productItem .productImage{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:0 0 auto !important;
  overflow:visible !important;
}

/* =====================================================================
   MADDE 4 — Urun karti metin badge'i (.newIcon.evo-tag) dikey ortalama
   Kutuyu yalnizca padding belirlesin; inline-flex ile tam ortala;
   tema'dan gelen sabit height/width/line-height sifirla.
   ===================================================================== */
.productItem .newIcon.evo-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  line-height:1 !important;
  padding:5px 11px !important;
  text-align:center !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

/* =====================================================================
   evo-fixes-batch2.css  —  EVOFONE toplu duzeltme (Parti 2)
   cache-bust: 2026-06-18-c
   CSS panelinin EN SONUNA ekle (batch1'den SONRA).
   Kapsam:
     MADDE 3 -> Header FOUC guard (arama/profil/sepet ikonlari
                build bitene kadar gizli; evo-header-ready ile gorunur)
   Not: 'evo-header-ready' sinifini Madde 3 JS IIFE'si ekler.
        Sabit fallback'ler sayesinde ikonlar en gec ~3sn'de gorunur.
   ===================================================================== */

/* Sadece masaustu/tablet (>=768px). Mobil header etkilenmez. */
@media (min-width:768px){
  #header .arabtn,
  #header .header-login-menu,
  #header .mycart{
    opacity:0 !important;
    transition:opacity .18s ease !important;
  }
  body.evo-header-ready #header .arabtn,
  body.evo-header-ready #header .header-login-menu,
  body.evo-header-ready #header .mycart{
    opacity:1 !important;
  }
}  

/* =====================================================================
   evo-fixes-batch3.css  —  EVOFONE toplu duzeltme (Parti 3)
   cache-bust: 2026-06-18-d
   CSS panelinin EN SONUNA ekle (batch2'den sonra).
     MADDE 7 -> Anasayfa marka/urun slider'inda kart drop-shadow kirpilmasi
   ===================================================================== */

/* =====================================================================
   MADDE 7 — Owl slider kart golgesi kirpilmasi
   Kok neden: '.owl-stage-outer' overflow:hidden ile yatay maskeleme
   yapiyor; kart '.productItem'in box-shadow'u bu kutuda (ust/alt
   basta olmak uzere) kirpiliyor.
   Cozum: stage-outer'a dikey PADDING + esit NEGATIF MARGIN ver.
   - overflow:hidden klip sinirini ust/alt 18px disari tasir -> golge
     gorunur.
   - negatif margin layout'u geri ceker -> dikey bosluk olusmaz.
   - yatay padding YOK -> off-screen slide maskesi bozulmaz, carousel
     normal calisir. Nav oklari (.owl-nav) etkilenmez.
   Kapsam: anasayfa landing-block hazirBlok slider'lari.
   ===================================================================== */
section.landing-block .owl-stage-outer,
.hazirBlokContent .owl-stage-outer{
  padding-top:18px !important;
  padding-bottom:18px !important;
  margin-top:-18px !important;
  margin-bottom:-18px !important;
} 

/* =====================================================================
   evo-filter-batch1.css  —  FILTRE Madde 1: Fiyat slider cilasi
   cache-bust: 2026-06-18-i
   CSS panelinin EN SONUNA ekle.
   Hedef: jQuery UI fiyat slider'i (.div-fiyat-filter .FiyatSlider)
   marka turuncusu + temiz tutamac. Masaustu sidebar + mobil drawer
   ayni class'lari kullandigi icin iki yerde de calisir.
   ===================================================================== */

.div-fiyat-filter .FiyatSlider{
  padding:4px 4px 2px !important;
}

/* Track (bos bar) */
.div-fiyat-filter .slider-range.ui-slider.ui-slider-horizontal{
  height:6px !important;
  background:#e7e7e9 !important;
  border:none !important;
  border-radius:999px !important;
  margin:16px 10px 14px !important;
  box-shadow:none !important;
}

/* Secili aralik (dolu kisim) — marka turuncusu */
.div-fiyat-filter .slider-range .ui-slider-range{
  background:#FF6600 !important;
  border:none !important;
  border-radius:999px !important;
  top:0 !important;
  height:100% !important;
}

/* Tutamaclar — beyaz daire + turuncu kenar */
.div-fiyat-filter .slider-range .ui-slider-handle{
  width:20px !important;
  height:20px !important;
  top:50% !important;
  margin-top:-10px !important;
  margin-left:-10px !important;
  background:#ffffff !important;
  border:2px solid #FF6600 !important;
  border-radius:50% !important;
  box-shadow:0 1px 4px rgba(0,0,0,.28) !important;
  cursor:grab !important;
  outline:none !important;
  transition:box-shadow .15s ease, background .15s ease !important;
}
.div-fiyat-filter .slider-range .ui-slider-handle:hover,
.div-fiyat-filter .slider-range .ui-slider-handle:focus,
.div-fiyat-filter .slider-range .ui-slider-handle.ui-state-active,
.div-fiyat-filter .slider-range .ui-slider-handle.ui-state-focus{
  background:#FF6600 !important;
  box-shadow:0 0 0 5px rgba(255,102,0,.18) !important;
}
.div-fiyat-filter .slider-range .ui-slider-handle:active{
  cursor:grabbing !important;
}

/* Deger metni (₺min - ₺max) */
.div-fiyat-filter .amount{
  font-weight:600 !important;
  color:#1a1a1a !important;
  font-size:14px !important;
  text-align:center !important;
  margin-top:8px !important;
  letter-spacing:.2px !important;
}
/* =====================================================================
   evo-filter-batch2.css  —  FILTRE Madde 2: Aktif kategori vurgusu
   cache-bust: 2026-06-18-j
   CSS panelinin EN SONUNA ekle. Class'i evo-filter-batch2.js ekler.
   Hem masaustu sidebar hem mobil drawer'da calisir.
   ===================================================================== */
.div-kategori a.evo-cat-active{
  display:block !important;
  color:#FF6600 !important;
  font-weight:700 !important;
  border-left:3px solid #FF6600 !important;
  padding-left:9px !important;
  background:rgba(255,102,0,.07) !important;
  border-radius:0 4px 4px 0 !important;
}  
/* =====================================================================
   evo-valueprops-overlap-fix.css  (v3 - padding-top yontemi)
   cache-bust: 2026-06-18-p
   ONCEKI ayni isimli dosyayi BUNUNLA DEGISTIR (margin'li olani sil).
   Sorun: #header.homeHeader flow-yuksekligi cokmus, serit 0'dan basliyor,
   header ust 108px'i ortuyor -> basliklar arkada kaliyor.
   margin-top -> yukari collapse edip UST BOSLUK yapiyordu.
   padding-top -> kutu ICINDE alan acar, ASLA collapse olmaz, ust bosluk
   olmaz. Seridin bej zemini header'in arkasinda kalir (header beyaz, z1000
   ile ustunu kapatir -> gorunmez). Basliklar 108px asagida, header altinda.
   Scroll'da (.margin) kalkar, sticky bozulmaz.
   ===================================================================== */
body.homeBody:not(.margin) .evo-valueprops{
  padding-top:108px !important;
}
/* =====================================================================
   evo-sortbar.css  (v7 - grid butonlari 25x25)
   cache-bust: 2026-06-18-x
   Tek satir: Stoktakiler SOL | sagda  adet -> 3/4 grid -> Siralama(EN SAG)
   Yalnizca desktop (>=768px).
   ===================================================================== */
@media (min-width:768px){

  #divSayfalamaUst .brandlistselection{ width:100% !important; }

  #divSayfalamaUst ul.sortingContent{
    display:flex !important; align-items:center !important; gap:14px !important;
    list-style:none !important; margin:2px 0 16px !important; padding:0 0 14px !important;
    border-bottom:1px solid #ececec !important; flex-wrap:wrap !important;
  }
  #divSayfalamaUst ul.sortingContent > li{
    list-style:none !important; margin:0 !important; padding:0 !important;
    border:none !important; background:none !important; min-height:0 !important;
  }

  #divSayfalamaUst ul.sortingContent > li:nth-child(2){ order:1 !important; }
  #divSayfalamaUst ul.sortingContent > li.FiltrelemeUrunAdet{ order:2 !important; margin-left:auto !important; }
  #divSayfalamaUst ul.sortingContent > li:nth-child(1){ order:3 !important; }

  #divSayfalamaUst select#filterOrderSelect{
    height:40px !important; min-width:206px !important; box-sizing:border-box !important;
    border:1px solid #e0e0e0 !important; border-radius:10px !important;
    padding:0 38px 0 14px !important; font-size:13.5px !important; color:#1a1a1a !important;
    background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 25 25' fill='none' stroke='%23666' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 12px center !important;
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    cursor:pointer !important; box-shadow:none !important; line-height:38px !important;
  }
  #divSayfalamaUst select#filterOrderSelect:hover,
  #divSayfalamaUst select#filterOrderSelect:focus{ border-color:#FF6600 !important; outline:none !important; }

  #divSayfalamaUst a.filterOrderInStock::before,
  #divSayfalamaUst a.filterOrderInStock::after{ content:none !important; display:none !important; }
  #divSayfalamaUst a.filterOrderInStock{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    gap:0 !important; height:40px !important; padding:0 18px !important; box-sizing:border-box !important;
    border:1px solid #e0e0e0 !important; border-radius:10px !important;
    font-size:13.5px !important; color:#3a3f4a !important; text-decoration:none !important;
    cursor:pointer !important; transition:all .15s !important; white-space:nowrap !important;
    background-image:none !important;
  }
  #divSayfalamaUst a.filterOrderInStock > span{ margin:0 !important; padding:0 !important; }
  #divSayfalamaUst a.filterOrderInStock:hover{ border-color:#FF6600 !important; color:#FF6600 !important; }
  #divSayfalamaUst a.filterOrderInStock.selected,
  #divSayfalamaUst a.filterOrderInStock.active,
  #divSayfalamaUst a.filterOrderInStock.Active{
    background:#FF6600 !important; border-color:#FF6600 !important; color:#fff !important;
  }

  #divSayfalamaUst li.FiltrelemeUrunAdet{
    display:inline-flex !important; align-items:center !important; gap:14px !important;
    height:40px !important; line-height:1 !important; padding:0 !important; margin:0 0 0 auto !important;
  }
  #divSayfalamaUst li.FiltrelemeUrunAdet > span{
    align-self:center !important; line-height:1 !important;
    font-size:13.5px !important; font-weight:600 !important; color:#15181e !important; white-space:nowrap !important;
  }
  #divSayfalamaUst li.FiltrelemeUrunAdet .blockSelect{
    display:inline-flex !important; align-items:center !important; gap:6px !important;
    align-self:center !important; height:40px !important;
  }

  #divSayfalamaUst .blockSelect a.sort_2,
  #divSayfalamaUst .blockSelect a.sort_5,
  #divSayfalamaUst .blockSelect a.sort_hrz{ display:none !important; }
  #divSayfalamaUst .blockSelect a.sort_3 i,
  #divSayfalamaUst .blockSelect a.sort_4 i{ display:none !important; }

  #divSayfalamaUst .blockSelect a.sort_3,
  #divSayfalamaUst .blockSelect a.sort_4{
    width:25px !important; height:25px !important; box-sizing:border-box !important; margin:0 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border:1px solid #e0e0e0 !important; border-radius:6px !important;
    background-repeat:no-repeat !important; background-position:center center !important;
    background-size:13px 13px !important;
    text-decoration:none !important; transition:all .15s !important; cursor:pointer !important;
    font-size:0 !important; line-height:0 !important; vertical-align:middle !important;
  }
  #divSayfalamaUst .blockSelect a.sort_3{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='%239aa0aa'><rect x='3.5' y='4' width='4' height='16' rx='1'/><rect x='10' y='4' width='4' height='16' rx='1'/><rect x='16.5' y='4' width='4' height='16' rx='1'/></svg>") !important;
  }
  #divSayfalamaUst .blockSelect a.sort_4{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='%239aa0aa'><rect x='3' y='4' width='3' height='16' rx='.8'/><rect x='8' y='4' width='3' height='16' rx='.8'/><rect x='13' y='4' width='3' height='16' rx='.8'/><rect x='18' y='4' width='3' height='16' rx='.8'/></svg>") !important;
  }
  #divSayfalamaUst .blockSelect a.sort_3:hover,
  #divSayfalamaUst .blockSelect a.sort_3.Active{
    border-color:#FF6600 !important; background-color:rgba(255,102,0,.08) !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='%23FF6600'><rect x='3.5' y='4' width='4' height='16' rx='1'/><rect x='10' y='4' width='4' height='16' rx='1'/><rect x='16.5' y='4' width='4' height='16' rx='1'/></svg>") !important;
  }
  #divSayfalamaUst .blockSelect a.sort_4:hover,
  #divSayfalamaUst .blockSelect a.sort_4.Active{
    border-color:#FF6600 !important; background-color:rgba(255,102,0,.08) !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='%23FF6600'><rect x='3' y='4' width='3' height='16' rx='.8'/><rect x='8' y='4' width='3' height='16' rx='.8'/><rect x='13' y='4' width='3' height='16' rx='.8'/><rect x='18' y='4' width='3' height='16' rx='.8'/></svg>") !important;
  }
}