/* ==================== */
/* ------FE8--UM------- */
/* ==================== */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap");

* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
/*reset Css*/
[hidden] {
    display: none !important;
}

[role="button"] {
    cursor: pointer;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

template {
    display: none;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

html {
    max-width: 100%;
    margin: 0 auto;
    -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: auto;
}

body {
    font-family: "Instrument Sans", sans-serif;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

textarea {
    overflow: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

label {
    display: inline-block;
    margin-bottom: 0;
}

input,
button,
select,
textarea {
    line-height: inherit;
}

img {
    display: block;
    border: none;
    max-width: 100%;
}

i {
    font-style: normal;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

a {
    text-decoration: none;
    color: #666;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

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

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

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

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

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

button {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 600s ease-in-out 0s;
}

textarea {
    resize: vertical;
    overflow: auto;
}

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

.ProductList ul {
    margin: 0;
    padding: 0;
}

.blokSonYazilar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blogKategori ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blogCenter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blogRight ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*colgrid*/
.pull-center {
    display: inline-block;
    vertical-align: top;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/*colgrid*/
.fa-facebook-f:before {
    content: "\f39e" !important;
}

.hesabimBolumuTutucu i {
    vertical-align: middle;
    font-weight: 300;
}

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

#cb3DSecureOdeme {
    margin-right: 8px;
}

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

.clear {
    clear: both;
}

.textarea {
    font-family: "Instrument Sans", sans-serif;
    border: solid 1px #a9a9a9;
    padding: 4px;
    width: 100%;
    height: 80px;
    resize: none;
    color: #777777;
    background-color: transparent;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s;
}

.textbox {
    font-family: "Instrument Sans", sans-serif;
    color: #666666;
    display: block;
    font-size: 14px;
    width: 100%;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s;
}

.button {
    font-family: "Instrument Sans", sans-serif;
    cursor: pointer;
    color: #fff;
    padding: 4px 5px;
    transition: all 0.3s ease 0s;
    border: none;
    text-align: center;
}

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

.validate,
.validateSol,
.validateOrta {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #a94442;
    color: #fff;
    border-radius: 0;
    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 0 0;
    }

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

.clearfix {
    content: "";
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

    .clearfix:after,
    .clearfix:before {
        content: "";
        clear: both;
        display: block;
        float: left;
        width: 100%;
    }

.KasaOnuFirsatlarContent ul li a.button {
    border: none !important;
}
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header {
    margin-bottom: 50px;
}

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

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

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

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

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

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

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

    .Magazalar #nearStores > h2 {
        font-weight: 600 !important;
        color: #222;
        font-size: 18px;
    }
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {
    float: left;
    width: 100%;
}

    .iletisimContent .row {
        margin: 0;
    }

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

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

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

        .iletisimContent .categoryTitle .categoryTitleText {
            margin-bottom: 0;
            font-size: 24px;
            font-weight: bold;
            line-height: 80px;
            text-align: left;
        }

        .iletisimContent .categoryTitle:after {
            clear: left;
            content: "";
            width: 70px;
            height: 1px;
            background: #e5e5e5;
            float: left;
        }

    .iletisimContent .iletisimLeft .Left {
        display: none;
    }

    .iletisimContent .iletisimLeft .Center {
        display: none;
    }

    .iletisimContent .iletisimLeft .span {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .iletisimContent .iletisimLeft .Right {
        display: block;
        color: #343434;
        font-size: 14px;
        line-height: 20px;
    }

        .iletisimContent .iletisimLeft .Right:before {
            color: #bababa;
            font-size: 20px;
            font-family: "FontAwesome";
            width: 35px;
            text-align: left;
            font-weight: 300;
            float: left;
        }

    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
        font-size: 20px;
        font-weight: bold;
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
        font-size: 24px;
    }

        .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {
            content: "\f2a0";
        }

    .iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {
        content: "\f1ac";
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before {
        content: "\f3c5";
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before {
        content: "\f2b6";
    }

    .iletisimContent .iletisimRight {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .iletisimContent .iletisimRight .iletisimbanka {
            float: left;
            padding: 0;
            width: 100%;
            margin: 0;
        }

            .iletisimContent .iletisimRight .iletisimbanka .span {
                float: left;
                padding: 0;
                width: 100%;
                margin: 0;
            }

                .iletisimContent .iletisimRight .iletisimbanka .span > div {
                    display: block;
                    font-size: 0;
                    border-bottom: 1px solid #e5e5e5;
                    padding: 0 0 20px;
                    margin: 0 0 20px;
                }

                    .iletisimContent .iletisimRight .iletisimbanka .span > div span {
                        display: inline-block;
                        vertical-align: top;
                        width: auto !important;
                        color: #343434;
                        font-size: 14px;
                    }

                    .iletisimContent .iletisimRight .iletisimbanka .span > div div {
                        display: inline-block;
                        vertical-align: top;
                    }

                    .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span {
                        display: block;
                    }

                    .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {
                        text-align: center;
                    }

                        .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 {
                            text-align: left;
                        }

                        .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 {
                            text-align: right;
                        }

                        .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div {
                            display: inline-block;
                            vertical-align: top;
                            width: 25%;
                        }

                            .iletisimContent
                            .iletisimRight
                            .iletisimbanka
                            .span > div.line1 > div
                            span:nth-child(1) {
                                margin-bottom: 10px;
                            }

                    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
                        float: right;
                    }

                .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n + 2) {
                    border-top: 4px solid;
                    margin-top: 20px;
                    padding-top: 20px;
                }

    .iletisimContent .iletisimForm {
        float: left;
        width: 50%;
        padding-left: 80px;
    }

        .iletisimContent .iletisimForm .rowLeft {
            float: left;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .iletisimContent .iletisimForm .rowLeft .span {
                float: left;
                padding: 0;
                margin: 0 0 10px;
                width: 100%;
            }

                .iletisimContent .iletisimForm .rowLeft .span .Center {
                    display: none;
                }

                .iletisimContent .iletisimForm .rowLeft .span .Left {
                    display: block;
                    font-size: 12px;
                    color: #222222;
                    font-weight: 600;
                    line-height: 30px;
                }

                .iletisimContent .iletisimForm .rowLeft .span .Right {
                    display: block;
                    position: relative;
                }

                    .iletisimContent .iletisimForm .rowLeft .span .Right input {
                        height: 40px;
                        border-color: #e3e3e3;
                        background: transparent;
                        width: 100%;
                        border-style: solid;
                        border-width: 1px;
                    }

        .iletisimContent .iletisimForm .rowRight {
            float: left;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .iletisimContent .iletisimForm .rowRight .span {
                float: left;
                padding: 0;
                margin: 0 0 10px;
                width: 100%;
            }

                .iletisimContent .iletisimForm .rowRight .span .Center {
                    display: none;
                }

                .iletisimContent .iletisimForm .rowRight .span .Left {
                    display: block;
                    font-size: 12px;
                    color: #222222;
                    font-weight: 600;
                    line-height: 30px;
                    width: auto !important;
                }

                .iletisimContent .iletisimForm .rowRight .span .Right {
                    display: block;
                    position: relative;
                    width: auto !important;
                }

                    .iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox {
                        display: block;
                        margin-bottom: 10px;
                    }

                    .iletisimContent .iletisimForm .rowRight .span .Right input {
                        height: 40px;
                        border-color: #e3e3e3;
                        background: transparent;
                        padding: 0 10px;
                        border-style: solid;
                        border-width: 1px;
                    }

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

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

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

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

    .iletisimContent .validate,
    .iletisimContent .validateSol,
    .iletisimContent .validateOrta {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        display: block;
        border-radius: 0;
    }
/*------------------------------------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: 14px;
    width: 100%;
}

.uyeOlContainer .intl-tel-input input[type="tel"] {
    padding-left: 48px !important;
    line-height: 1;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label span {
    display: inline-block;
    vertical-align: top;
    float: left;
    font-size: 13px;
    line-height: 14px;
    width: calc(100% - 26px);
}

.uyeOlContainer .uyeol {
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 30px 0;
    height: 45px;
    font-size: 15px;
    line-height: 48px;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label input {
    margin-left: -20px;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label:before {
    margin-right: 10px;
}

.uyeOlContainer .uyeOlCol .uyeOlCol {
    margin-right: 20px;
}

.uyeOlContainer #chkSozlesme {
    margin: 0 !important;
}

    .uyeOlContainer #chkSozlesme + label {
        width: calc(100% - 20px);
        float: right;
        line-height: 15px;
        font-size: 13px;
    }

.userContainer {
    float: left;
    width: 100%;
    margin: 30px 0;
}

    .userContainer .userDivLeft,
    .userContainer .userDivRight {
        padding: 0;
    }

    .userContainer .userMail,
    .userContainer .userSms,
    .userContainer .userSozlesmeDiv {
        float: left;
        width: 100%;
        margin: 10px 0 0;
    }

        .userContainer .userMail label,
        .userContainer .userSms label,
        .userContainer .userSozlesmeDiv label {
            width: 93%;
            float: right;
        }

    .userContainer #chkSozlesme + label {
        width: 93%;
        float: right;
    }

    .userContainer .userLeftBox,
    .userContainer .userRightBox {
        width: 100%;
        float: left;
        margin: 0;
        padding: 25px;
    }

    .userContainer .userLoginBtn,
    .userContainer .userSignBtn {
        float: left;
        width: 100%;
    }

    .userContainer .uyeGirisBeniHatirla {
        margin: 20px 0;
    }

        .userContainer .uyeGirisBeniHatirla input,
        .userContainer .uyeGirisBeniHatirla span {
            float: left;
        }

        .userContainer .uyeGirisBeniHatirla input {
            width: 16px;
            height: 16px;
            margin-right: 10px;
        }

    .userContainer .userPassBtn {
        margin: 20px 0;
    }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p {
    line-height: 25px;
}

.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper {
    float: left;
    margin-bottom: 20px;
}
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

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

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

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

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

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

        .userLogin .newuserForm .uyelikonay.basariliUyelik a {
            padding: 15px;
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
        }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent {
    max-width: 100%;
}
/*Header-Footer*/
.hoverr:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    clear: none;
    display: block !important;
}
/*sepetacilir*/
.CartProduct p {
    margin-top: 0;
    margin-bottom: 0;
}

.CartProduct {
    width: 450px;
    background: #fff;
    float: left;
    padding: 20px;
    z-index: 99999;
    position: absolute;
    top: 100%;
    right: -1px;
    margin-left: -150px;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: 0 0 16px -10px #000;
    opacity: 0;
    visibility: hidden;
}

.mycart:after {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    height: 15px;
    content: "";
}

@media (min-width: 768px) {
    .mycart:hover .CartProduct {
        display: block !important;
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    .mycart:hover:after {
        display: block;
    }
}

.CartProduct:before,
.CartProduct:after {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.CartProduct:before {
    border-color: transparent;
    border-bottom-color: #f0f0f0;
    border-width: 9px;
    margin-left: -9px;
}

.CartProduct:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
    right: 11px;
}

.CartProduct ul {
    padding: 0;
    margin: 0;
}

.CartProduct .SProduct {
    float: left;
    width: 100%;
    max-height: 288px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

    .CartProduct .SProduct li {
        float: left;
        width: 100%;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
    }

        .CartProduct .SProduct li:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border: 0;
        }

        .CartProduct .SProduct li a {
            float: left;
            width: 100%;
            text-align: left;
            color: #000;
            padding-right: 30px;
        }

            .CartProduct .SProduct li a img {
                margin-right: 20px;
                float: left;
                height: 90px !important;
            }

            .CartProduct .SProduct li a .SepettopAd {
                width: calc(100% - 110px);
                float: left;
            }

                .CartProduct .SProduct li a .SepettopAd .urunAd {
                    margin-bottom: 10px;
                }

                    .CartProduct .SProduct li a .SepettopAd .urunAd span {
                        font-weight: 600;
                        font-size: 15px;
                        display: block;
                        line-height: 15px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        display: block !important;
                    }

                .CartProduct .SProduct li a .SepettopAd .varyAd {
                    margin-bottom: 5px;
                }

                    .CartProduct .SProduct li a .SepettopAd .varyAd span {
                        font-size: 14px;
                        line-height: 14px;
                    }

                .CartProduct .SProduct li a .SepettopAd .sptAdet {
                    margin-bottom: 10px;
                }

                    .CartProduct .SProduct li a .SepettopAd .sptAdet span {
                        display: inline-block;
                        vertical-align: top;
                        font-size: 14px;
                        line-height: 14px;
                    }

                        .CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child {
                            margin-left: 10px;
                        }

            .CartProduct .SProduct li a .sepetTopSatisBirimi {
                display: inline-block !important;
                vertical-align: middle;
                float: left;
            }

            .CartProduct .SProduct li a .SepetTopAdet {
            }

            .CartProduct .SProduct li a .sepetTopFiyat {
                display: block !important;
                font-weight: 600;
                font-size: 14px;
                margin: 0;
                color: #000;
                line-height: 16px;
            }

            .CartProduct .SProduct li a:nth-child(2) {
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -20px;
                width: auto !important;
                font-size: 15px;
                padding: 0;
            }

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

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

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

.CartProduct .SPrice {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    margin: 20px 0 10px;
    display: none;
}

    .CartProduct .SPrice li {
        font-size: 0;
    }

        .CartProduct .SPrice li span {
            float: left;
            color: #000;
            font-size: 14px;
            text-transform: uppercase;
        }

    .CartProduct .SPrice .sepetToplamTutar {
        float: right;
        text-align: right;
        font-size: 14px;
    }

.CartProduct .button {
    margin: 0 !important;
    float: left;
    width: calc(50% - 10px);
    font-size: 14px !important;
    line-height: 35px;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
}

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

.CartProduct .headerOrderBtn {
    line-height: 47px;
    float: right;
}

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

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

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

.CartProduct.more .cart-footer {
    display: block;
}

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

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

.sepetimBody .mycart:hover .CartProduct {
    visibility: hidden;
    opacity: 0;
    top: 0;
}

.sepetimBody .mycart:hover:after {
    display: none;
}
/*socialbutton*/
.welcome li {
    display: inline-block;
    vertical-align: top;
}

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

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

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

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

.usernav {
    display: none;
}
/*yukaribtn*/
#back-to-top {
    float: right;
    position: fixed;
    right: 1%;
    bottom: 5%;
    z-index: 9999;
    display: none;
}

    #back-to-top a {
        border: 1px solid #00244d;
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 0;
        background: #fff;
        fill: #000;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        position: relative;
        overflow: hidden;
    }

        #back-to-top a svg {
            height: 25px;
            position: relative;
            z-index: 2;
        }

            #back-to-top a svg path {
                transition: 0.5s;
            }

        #back-to-top a:hover svg path {
            fill: #fff;
        }

        #back-to-top a:hover {
            background: #00244d;
        }
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative;
}

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

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

    .homeContainer .ProductListContent .productItem {
        margin-bottom: 0;
    }
/****************************************URUN KART*********************************/
.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.categoryContainer .ProductList.PlSc_2 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.categoryContainer .ProductList.PlSc_3 .ItemOrj {
    width: 33.33%;
    max-width: 33.33%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.categoryContainer .ProductList.PlSc_4 .ItemOrj {
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.categoryContainer .ProductList.PlSc_5 .ItemOrj {
    width: 20%;
    max-width: 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}

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

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

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

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

.ItemOrj {
    float: left;
    padding: 0 0px;
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 45px;
}
/*urun*/
.productItem {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    border-radius: 0;
    overflow: hidden;
    transition: 0.3s;
    padding: 0;
    height: 100%;
    transition: 0.5s;
    background: #ffffff00;
    padding: 0;
}

    .productItem .productIcon {
        width: 100%;
        float: left;
    }
    /*urunresim*/
    .productItem .productImage {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 0;
        float: left;
    }

        .productItem .productImage a,
        body .productItem .productImage a.Videolu {
            display: block;
            position: relative;
            padding-bottom: 128%;
        }

        .productItem .productImage img,
        .productItem .productImage .Videolu video {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            max-height: 100%;
            max-width: 100%;
            margin: auto;
            transition: 1s !important;
            transform: translateY(30px) !important;
            visibility: hidden;
            opacity: 0;
            max-height: 100% !important;
            width: 100% !important;
        }

            .productItem .productImage img.loaded,
            .productItem .productImage .Videolu video.loaded,
            .productItem .productImage img.owl-lazy,
            .productItem .productImage .owl-item.active img,
            .productItem .productImage .owl-item.active .Videolu video {
                transform: translateY(0) !important;
                visibility: visible;
                opacity: 1;
            }
    /*kategori loading görünümü ayarlama*/
    /*body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/images/load.gif"]),
body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/Images/load.gif"]),
body .categoryContainer .ProductList .productItem a.videoProduct:not(.Videolu){display: block;position: relative;padding-bottom: 150%;} 
body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/images/load.gif"],
body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/Images/load.gif"]{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;}
body .categoryContainer .ProductList .productItem .productImage .productList-Image-Owl .owl-item:not(.active) .imageItem{display: none;}*/
    /*urunaciklama*/
    .productItem .productDetail {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        padding: 10px 10px;
        position: relative;
    }
    /*urunad*/
    .productItem .productName {
        position: relative;
        margin: 0;
        float: left;
        width: calc(100% - 38px);
    }

        .productItem .productName a {
            float: left;
            width: 100%;
            padding: 0;
            line-height: 17px;
            height: 17px;
            font-weight: normal;
            font-size: 12px;
            color: #000000;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; /*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/
        }
    /*urunfiyat*/
    .productItem .productPrice {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 5px 0 0;
        bottom: 0;
        float: left;
        clear: left;
    }

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

        .productItem .discountPrice span {
            color: #000000;
            font-size: 14px;
            line-height: 20px;
            font-weight: 500;
        }

    .productItem .IndirimVar .discountPrice span {
        color: #000000;
    }

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

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

        .productItem .regularPrice span {
            font-size: 14px;
            color: #959595;
            -moz-text-decoration-color: #959595;
            text-decoration-color: #959595;
            line-height: 20px;
            font-weight: 300;
            text-decoration: line-through;
        }
/*urunpuan*/
body .productDetail .productPointTxt {
    width: auto;
    margin: 10px 0 0 10px;
    line-height: 12px;
}

    body .productDetail .productPointTxt:before {
        line-height: 12px;
    }

.productPoints {
    float: left;
    width: auto;
    margin: 10px 0 0;
    clear: left;
}

body .productPoints .rating {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

    body .productPoints .rating i:before {
        content: "\f005";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #00244d;
    }

    body .productPoints .rating i {
        font-size: 0;
        font-weight: 300;
    }

.productItem .productPoints [data-rating^="1"] .star-1 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="1,5"] .star-2,
.productItem .productPoints [data-rating^="1.5"] .star-2,
.productItem .productPoints [data-rating^="1,6"] .star-2,
.productItem .productPoints [data-rating^="1.6"] .star-2,
.productItem .productPoints [data-rating^="1,7"] .star-2,
.productItem .productPoints [data-rating^="1.7"] .star-2,
.productItem .productPoints [data-rating^="1,8"] .star-2,
.productItem .productPoints [data-rating^="1.8"] .star-2,
.productItem .productPoints [data-rating^="1,9"] .star-2,
.productItem .productPoints [data-rating^="1.9"] .star-2 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="2"] .star-1 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="2"] .star-2 {
    font-weight: bold;
}

.productItem .productPoints [data-rating*="2,5"] .star-3,
.productItem .productPoints [data-rating*="2.5"] .star-3,
.productItem .productPoints [data-rating*="2,6"] .star-3,
.productItem .productPoints [data-rating*="2.6"] .star-3,
.productItem .productPoints [data-rating*="2,7"] .star-3,
.productItem .productPoints [data-rating*="2.7"] .star-3,
.productItem .productPoints [data-rating*="2,8"] .star-3,
.productItem .productPoints [data-rating*="2.8"] .star-3,
.productItem .productPoints [data-rating*="2,9"] .star-3,
.productItem .productPoints [data-rating*="2.9"] .star-3 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="3"] .star-1 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="3"] .star-2 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="3"] .star-3 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="3,5"] .star-4,
.productItem .productPoints [data-rating^="3.5"] .star-4,
.productItem .productPoints [data-rating^="3,6"] .star-4,
.productItem .productPoints [data-rating^="3.6"] .star-4,
.productItem .productPoints [data-rating^="3,7"] .star-4,
.productItem .productPoints [data-rating^="3.7"] .star-4,
.productItem .productPoints [data-rating^="3,8"] .star-4,
.productItem .productPoints [data-rating^="3.8"] .star-4,
.productItem .productPoints [data-rating^="3,9"] .star-4,
.productItem .productPoints [data-rating^="3.9"] .star-4 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="4"] .star-1 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="4"] .star-2 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="4"] .star-3 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="4"] .star-4 {
    font-weight: bold;
}

.productItem .productPoints [data-rating^="4,5"] .star-5,
.productItem .productPoints [data-rating^="4.5"] .star-5,
.productItem .productPoints [data-rating^="4,6"] .star-5,
.productItem .productPoints [data-rating^="4.6"] .star-5,
.productItem .productPoints [data-rating^="4,7"] .star-5,
.productItem .productPoints [data-rating^="4.7"] .star-5,
.productItem .productPoints [data-rating^="4,8"] .star-5,
.productItem .productPoints [data-rating^="4.8"] .star-5,
.productItem .productPoints [data-rating^="4,9"] .star-5,
.productItem .productPoints [data-rating^="4,9"] .star-5 {
    font-weight: bold;
}

.productItem .productPoints [data-rating="5"] i {
    font-weight: bold;
}
/*Urun Iconlari*/
.favori,
.examineIcon,
.discountIcon div,
.discountIcon .discountIcon_s2,
.mycartIcon,
body .myCollectionProductBtn {
    z-index: 3;
    display: none;
}

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

    .favori a,
    .examineIcon a,
    .mycartIcon a {
        display: block;
    }
/*tukendi*/
.TukendiIco {
    z-index: 11;
    border-radius: 0;
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

    .TukendiIco span {
        line-height: 45px;
        background: rgba(255, 255, 255);
        position: absolute;
        left: 0;
        bottom: 46%;
        right: 0;
        max-width: 200px;
        border: none;
        color: #000;
        font-size: 15px;
        font-weight: normal;
        padding: 0;
        border-radius: 0;
        text-transform: uppercase;
        margin: 0 auto;
        border-radius: 0;
    }
/*stokyok*/
.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon {
    display: none !important;
}
/*playbuton*/
body .productItem .divVideoPlayButton {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    overflow: hidden;
}

    body .productItem .divVideoPlayButton a.urunListeVideoPlay {
        color: #fff;
        float: left;
        width: 100%;
        height: 100%;
    }

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

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

            body
            .productItem
            .divVideoPlayButton
            a.urunListeVideoPlay
            i.fa-pause-circle-o:before {
                content: "\f28b";
            }
/*ekbutonlar*/
.productItem .urunListeAdet,
.productItem.StokYok .urunListeAdet,
.boxBedenlerContent,
.productIcon .quickViewIco,
.productItem:hover .productIcon .quickViewIco {
    display: none !important;
}
/*******************************************KATEGORi**********************************/
.Block_Title {
    display: none;
}

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

    .noProduct * {
        display: none !important;
    }

#divUstFiltreKategori {
    display: none;
}

#divUstFiltreMarka {
    display: none;
}
/*kategoriAciklama*/
.categorydesign {
    float: left;
    width: 100%;
}

    .categorydesign .Blok {
        margin: 0;
    }

.leftBlock .categorydesign {
    display: block;
}

.categorydesign * {
}

.categorydesign strong {
    font-weight: bold;
}

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

.categorydesign img {
    display: inline-block;
    vertical-align: middle;
}
/*breadcrumb*/
.breadList.breadActive {
    display: none !important;
}

.breadcrumbContent {
    float: left;
}

body ul.breadcrumb {
    margin: 0 auto;
    display: flex !important;
    padding: 0;
    border-radius: 0;
    float: none;
    list-style: none;
    clear: none;
    flex-wrap: wrap;
}

    body ul.breadcrumb * {
        color: #000;
        font-size: 14px !important;
        line-height: 1 !important;
        float: left;
        font-weight: 400;
        padding: 2px 3px;
    }

    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 0px;
            color: #000000;
            font-size: 10px;
            line-height: 25px;
            float: left;
            font-weight: 500;
            margin-top: 0;
        }

        body ul.breadcrumb li:nth-last-of-type(1):after {
            display: none;
        }

        body ul.breadcrumb li:nth-last-of-type(1) a span {
            color: #757575;
            display: none;
        }

        body ul.breadcrumb li a span {
            position: relative;
        }

        body ul.breadcrumb li a:hover span::before {
            width: 100%;
        }

body a#linkOncekiSayfa {
    line-height: 30px;
    display: none;
    color: #000;
    font-size: 12px !important;
    font-weight: normal;
}

.leftImage a#linkOncekiSayfa {
    display: none;
}
/*ustalan*/
.categoryTitleText {
    float: left;
    width: 100%;
    padding: 15px 0;
}

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

body #divSayfalamaUst {
    float: right;
    margin: 8px 0 24px;
    padding: 0;
    text-align: center;
}

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

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

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

    .brandlistselection ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .brandlistselection .sortingContent {
        background: #fff;
        float: right;
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }

        .brandlistselection .sortingContent li {
            float: right;
            background: transparent;
            border-radius: 0 !important;
        }

            .brandlistselection .sortingContent li a {
                background: transparent;
                border-radius: 0 !important;
            }

            .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
                float: right;
                padding: 0;
            }

.blockSelect .sort_hrz {
    display: none !important;
}

.blockSelect .sort_2 {
    display: none !important;
}

.blockSelect .sort_5 {
    display: none !important;
}

.category-vertical-filters .vertical-filter-panel .list-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .category-vertical-filters .vertical-filter-panel .list-group ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
    display: none;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
    display: none;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
    display: none;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
    display: none;
}

/*filtresecili*/
body #divSayfalamaUst .filterDeleteContent {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

    .pageNumber a {
    }

.pageNumberContent {
}

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

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

    .pageNumberContent a,
    .pageBorder a {
        border: 1px solid #00244d;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
        background: #fff;
        border-radius: 0;
        border: none;
        float: left;
        position: relative;
        display: block;
        text-align: center;
        margin: 0 5px;
        overflow: hidden;
        transition: 0.5s;
    }

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

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

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

.KategoriFilitrelemeContent .Block_Title {
    display: none;
}
/*******************************************KATEGORi**********************************/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear {
    clear: none;
}

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

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

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

.leftImage {
    width: 60%;
    float: left;
    position: relative;
    padding: 0;
    opacity: 0;
    visibility: hidden;
}

.RightDetail {
    width: 40%;
    float: left;
    position: sticky;
    padding: 20px 20px 0 40px;
    opacity: 0;
    visibility: hidden;
    top: 90px;
}

.TopDet .leftImage,
.TopDet .RightDetail {
    visibility: visible;
    opacity: 1;
}
/*Urun Resim*/
body .leftImage .ProductGallery {
    float: left;
    width: 100%;
}

    body .leftImage .ProductGallery .gallery-container {
        width: 100%;
        position: relative;
    }

        body .leftImage .ProductGallery .gallery-container .GalleryArea {
            float: right;
            width: 88%;
            margin: 0;
            padding: 0 0 0 2px;
        }

            body
            .leftImage
            .ProductGallery
            .gallery-container
            .GalleryArea
            .owl-carousel
            .owl-item
            .zoom-js
            img {
                cursor: zoom-in;
                width: 100%;
                height: 100%;
            }

        body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
            float: left;
            width: 12%;
            border: none;
            background: transparent;
            height: 100%;
            display: block;
        }

            body
            .leftImage
            .ProductGallery
            .gallery-container
            .galleryOwl-thumb
            .thumb-list {
                float: left;
                width: 100%;
                padding: 0;
                margin: 0;
                overflow-y: auto;
                overflow-x: hidden;
                max-height: 100%;
            }

                body
                .leftImage
                .ProductGallery
                .gallery-container
                .galleryOwl-thumb
                .thumb-list
                .thumb-item {
                    float: left;
                    clear: left;
                    width: 100%;
                    margin-bottom: 2px;
                    aspect-ratio: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    body
                    .leftImage
                    .ProductGallery
                    .gallery-container
                    .galleryOwl-thumb
                    .thumb-list
                    .thumb-item:last-child {
                        margin: 0;
                    }

    body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots {
        display: none;
    }

.ProductGallery .galleryOwl-thumb .thumb-list .thumb-item::before {
    display: none !important;
}

body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel {
    height: 100%;
}

    body
    .leftImage
    .ProductGallery
    .gallery-container
    .GalleryArea
    .owl-carousel
    .owl-stage-outer {
        height: 100%;
    }

        body
        .leftImage
        .ProductGallery
        .gallery-container
        .GalleryArea
        .owl-carousel
        .owl-stage-outer
        .owl-stage {
            height: 100%;
        }

            body
            .leftImage
            .ProductGallery
            .gallery-container
            .GalleryArea
            .owl-carousel
            .owl-stage-outer
            .owl-stage
            .owl-item {
                height: 100%;
            }

                body
                .leftImage
                .ProductGallery
                .gallery-container
                .GalleryArea
                .owl-carousel
                .owl-stage-outer
                .owl-stage
                .owl-item
                .zoom-js {
                    height: 100%;
                }

.UrunDetayLeft {
    margin: 0 !important;
    overflow: hidden;
}

.Images,
#divVideoGoruntulemeAlan {
    float: right;
    cursor: zoom-in;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

    .Images img,
    #vdUrunVideo {
        width: 100% !important;
        height: 100% !important;
    }

    .Images img {
        transition: 2s;
        transform: scale(1.2);
    }

        .Images img.loaded {
            transform: scale(1);
        }

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

.SmallImages {
    display: flex !important;
    float: left;
    width: 100%;
    margin: 0;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

    .SmallImages div.AltImgCapSmallImg {
        float: left;
        width: calc(50% - 2.5px);
        margin-bottom: 0;
        cursor: pointer;
    }

        .SmallImages div.AltImgCapSmallImg img {
            max-width: 100%;
            max-height: 100%;
        }

        .SmallImages div.AltImgCapSmallImg:hover {
            border-color: #00244d;
        }

        .SmallImages div.AltImgCapSmallImg.active {
            border-color: #00244d;
        }

    .SmallImages.owl-carousel .owl-stage-outer,
    .thumb-list.owl-carousel .owl-stage-outer {
        padding: 6px;
        margin: -6px;
        width: calc(100% + 6px);
    }

.leftImage .productTimer {
    display: none !important;
}

.DetayYeniUrun {
    display: none !important;
}

body .fullSliderImg .fullSliderListWrap {
    width: calc(100% - 240px);
}

body .fullSliderImg .fullSliderThumbWrap {
    width: 228px;
}

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

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

.RightDetail .BottomList {
    float: left;
    width: 100%;
    position: relative;
}
/*urunadi*/
.ProductName {
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
}

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

        .ProductName h1 span {
            float: left;
            width: 100%;
            display: inline-block;
            color: #000;
            font-size: 24px;
            font-weight: normal;
        }
/*stokkodu*/
#divUrunKodu {
    float: left;
    clear: left;
    color: #ababab;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    padding: 0;
    margin: 4px 0 0;
}

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

        #divUrunKodu span:after {
            content: ":";
            margin: 0 4px;
        }
/*taksitaciklama*/
#divTaksitAciklama {
    display: block;
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 100%;
}

    #divTaksitAciklama .taksitSatir {
        color: #000;
        font-size: 14px;
        line-height: 14px;
    }
/*paunver*/
.RightDetail .puanVer {
    float: left;
    clear: left;
    margin: 10px 0 0;
}

.RightDetail #PuanVer {
    float: left;
    margin-top: 0;
}

.RightDetail .PuanVerSag {
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    margin: 0 0 0 10px;
}

.RightDetail ul.rating {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .RightDetail ul.rating li {
        float: left;
        margin-right: 0;
        width: auto;
        height: auto;
        padding: 0 1px 0 0;
        font-size: 0;
    }

        .RightDetail ul.rating li i.starItem {
            font-size: 13px;
            line-height: 15px;
            height: auto;
            font-weight: 300;
            font-family: "FontAwesome";
            position: static;
        }

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

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

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

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

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

.RightDetail ul.rating li i.starItem,
.RightDetail ul.rating li.filled i,
.RightDetail .rating-stars ul > li.star.hover > i.fa,
.RightDetail .rating-stars ul > li.star.selected > i.fa {
    color: #d8a910;
}
/*markaresmi*/
.markaresmi {
    float: left;
    position: relative;
    z-index: 1;
    display: none !important;
}

    .markaresmi a {
        float: left;
    }

    .markaresmi img {
        max-width: 100%;
        float: left;
    }
/*magazastok*/
#divMagazaStok {
    float: left;
    clear: left;
    margin: 10px 0 0 !important;
}

    #divMagazaStok a {
        display: inline-block;
        vertical-align: top;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 14px;
    }
/*on yazi*/
#divOnyazi {
    float: left;
    width: 100%;
    display: none;
}

    #divOnyazi .teksatir {
        margin-top: 8px;
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        color: #969696;
        line-height: 17px;
        letter-spacing: -0.14px;
    }

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

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

    #divOnyazi strong {
        font-weight: bold;
    }

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

    #divOnyazi i {
        font-family: "FontAwesome" !important;
        margin-right: 12px;
    }
/*fiyatlar*/
.urunDetayFiyatContainer {
}

.PriceList {
    float: left;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
}

#pnlFiyatlar {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-top: 0;
}

#divIndirimliFiyat {
    float: left;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}
/*ekbilgi*/
#divMarka,
#divTedarikci,
#divUrunStokAdedi,
#divToplamStokAdedi,
#divBarkod,
#divParaPuan,
#divTahminiTeslimatSuresi,
#divIndirimOrani {
    float: left;
    clear: left;
    margin-top: 10px;
    line-height: 14px;
}

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

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

    #divMarka .right_line,
    #divMarka .right_line *,
    #divTedarikci .right_line,
    #divTedarikci .right_line *,
    #divUrunStokAdedi .right_line,
    #divToplamStokAdedi .right_line,
    #divBarkod .right_line,
    #divParaPuan .right_line,
    #divTahminiTeslimatSuresi .right_line,
    #divIndirimOrani .indirimliOrani,
    #divIndirimOrani .indirimliOrani * {
        display: inline-block;
        vertical-align: top;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 14px;
        width: auto;
    }
/*piyasa fiyati*/
.PiyasafiyatiContent {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

    .PiyasafiyatiContent .left_line,
    .PiyasafiyatiContent .center_line {
        display: none;
    }

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

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

        .PiyasafiyatiContent .right_line .spanKdv {
            display: none !important;
            vertical-align: top;
        }
/*indirimli fiyati*/
.IndirimliFiyatContent {
    display: block;
    float: left;
}

    .IndirimliFiyatContent .left_line,
    .IndirimliFiyatContent .center_line {
        display: none;
    }

    .IndirimliFiyatContent .right_line {
        display: inline-flex;
        vertical-align: top;
        align-items: center;
    }

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

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

.PriceList:has(#divKDVDahilFiyat) .IndirimliFiyatContent .right_line .spanKdv {
    display: inline-block !important;
    vertical-align: middle;
}

.PriceList:has(#divKDVDahilFiyat)
#divIndirimliFiyat
.IndirimliFiyatContent
.right_line
.spanFiyat {
    text-decoration: line-through;
}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat {
    display: block;
}

    #divTurkLirasiFiyat .left_line,
    #divTurkLirasiFiyat .center_line {
        display: none;
    }

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

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

    #divIndirimsizFiyat .left_line,
    #divIndirimsizFiyat .center_line {
        display: none;
    }

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

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

        #divIndirimsizFiyat .right_line .spanKdv {
            display: none !important;
            vertical-align: top;
        }
/*kdv dahil fiyati*/
#divKDVDahilFiyat {
    display: block;
    float: left;
    margin-top: 0;
}

    #divKDVDahilFiyat .left_line {
        display: inline-block;
        vertical-align: top;
        font-weight: normal;
        margin-right: 5px;
    }

    #divKDVDahilFiyat .center_line {
        display: none;
    }

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

    #divKDVDahilFiyat span.left_line.lineTitle {
        display: none;
    }

/*fiyatrenk*/
.PiyasafiyatiContent .right_line * {
    color: #959595;
    font-size: 20px;
}

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

#divIndirimliFiyat .IndirimliFiyatContent .right_line * {
    color: #000000;
}

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

#divKDVDahilFiyat .left_line,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .left_line,
.IndirimliFiyatContent,
.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,
.PiyasafiyatiContent .right_line *,
#divTurkLirasiFiyat,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat,
#divKDVDahilFiyat {
    line-height: 26px;
}
/*Stok yok*/
body #divStokYok {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    text-align: center;
    padding: 5% 0;
    background-color: #f2f5f6;
    border-radius: 0;
}

    body #divStokYok:before {
        content: "\f057";
        font-family: "FontAwesome";
        font-weight: 300;
        width: 100%;
        float: left;
        font-size: 30px;
        margin-bottom: 20px;
    }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler {
    float: left;
    clear: left;
    margin-top: 10px;
}

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

.btnnostok i.fa {
    font-family: "FontAwesome";
}
/*varyasyonlar*/
#divUrunEkSecenek {
    float: left;
    width: 100%;
    left: 0;
    position: relative;
    margin: 8px 0;
}

    #divUrunEkSecenek .eksecenekLine {
        clear: none !important;
        margin: 0;
        float: left;
        width: 100%;
    }

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

        #divUrunEkSecenek .eksecenekLine .left_line {
            float: left;
            width: 100%;
            line-height: 40px;
            color: #000;
            font-size: 13px;
            font-weight: normal;
        }

        #divUrunEkSecenek .eksecenekLine .center_line {
            display: none;
        }

        #divUrunEkSecenek .eksecenekLine .right_line {
            display: inline-block;
            vertical-align: top;
        }

            #divUrunEkSecenek .eksecenekLine .right_line .size_box {
                float: left;
                cursor: pointer;
                text-align: center;
                font-size: 13px;
                position: relative;
                color: #000;
                font-weight: normal;
                margin: 0 10px 10px 0;
            }

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

            #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {
            }

            #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {
            }

            #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
                width: 50%;
                position: relative;
                border-radius: 0;
                overflow: hidden;
            }

                #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
                    border: 1px solid #e9e9e9;
                    min-width: 100%;
                    float: left;
                    height: 50px;
                    color: #000;
                    font-size: 15px;
                    font-weight: 500;
                    padding: 0 10px;
                    background: #fff;
                    border-radius: 0;
                    position: relative;
                    z-index: 2;
                    transition: 0.5s;
                    cursor: pointer;
                    padding: 0 15px;
                    text-indent: 0;
                }

                    #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select:hover {
                        border-color: #00244d;
                    }
        /*resimlivaryasyon*/
        #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {
            display: none;
        }

            #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line {
            }

            #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {
            }

                #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
                    width: 30px;
                    border: 1px solid transparent;
                    transition: 0.5s;
                    border-radius: 50%;
                    padding: 2px;
                    overflow: hidden;
                }

                    #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img {
                        border: 1px solid #e9e9e9;
                        border-radius: 50%;
                    }

                    #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover {
                        border-color: #00244d;
                    }

                    #divUrunEkSecenek
                    .eksecenekLine.resimlivaryasyon
                    .right_line
                    .size_box.selected {
                        border-color: #00244d;
                    }
        /*kutuvaryasyon*/
        #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {
        }

            #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line {
            }

                #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
                    min-width: 28px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    border-bottom: 1px solid transparent;
                    font-weight: 500;
                    border-radius: 0;
                    padding: 0;
                    transition: 0.5s;
                    overflow: hidden;
                    position: relative;
                }

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

                    #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
                        border-color: #004182;
                    }

                    #divUrunEkSecenek
                    .eksecenekLine.kutuluvaryasyon
                    .right_line
                    .size_box.selected {
                        color: #004182;
                        border-color: #004182;
                    }
        /*stokyokvaryasyon*/
        #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
            position: relative;
            background: #f5f3f3 !important;
            color: #7a7979 !important;
            border-color: transparent;
        }

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

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

    #IlgiliUrunDiv #divIlgiliUrunler {
    }

.TopDet #IlgiliUrunDiv {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

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

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

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

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

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

            .TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 {
                background: transparent;
                padding: 0 !important;
                margin: 0;
                border: none;
                font-size: 13px;
                line-height: 40px;
                font-weight: normal;
                color: #000;
            }

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

    .TopDet #IlgiliUrunDiv ul {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

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

            .TopDet #IlgiliUrunDiv ul li:hover {
            }

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

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

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

                    .TopDet #IlgiliUrunDiv ul li .productItem .productImage a {
                    }

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

                    .TopDet #IlgiliUrunDiv ul li .productItem .productImage img {
                    }

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

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

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

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

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

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

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

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

body #productDetailRelated {
    padding: 16px 0 0;
}

    body #productDetailRelated .JKatAdi {
        margin: 0 0 20px !important;
    }

        body #productDetailRelated .JKatAdi .bold {
            text-align: left;
        }

            body #productDetailRelated .JKatAdi .bold .satir1 {
                font-size: 14px;
                color: #000000;
                line-height: 19px;
            }

    body #productDetailRelated > a {
        width: 75px;
        padding: 0;
        margin: 0 8px 8px 0;
        position: relative;
        background: #fff;
        border-radius: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 6px #00000029;
    }

        body #productDetailRelated > a img {
            border: none;
            mix-blend-mode: multiply;
        }

        body #productDetailRelated > a:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border: 1px solid transparent;
            transition: 0.5s;
            border-radius: 0;
        }

        body #productDetailRelated > a:hover:after {
            border-color: #00244d;
        }

        body #productDetailRelated > a.active:after {
            border-color: #00244d;
        }
/*satinal*/
#divSatinAl {
    float: left;
    width: 100%;
    margin: 0px 0 0;
    padding: 0;
}

.BasketBtn {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

#divAdetCombo .right_line,
.RightDetail .riSingle {
    width: 210px;
}

#txtbxurunSiparisAdedi,
#divAdetCombo select,
.basketBtn input,
.buyfast input {
    height: 50px !important;
}

.Basketinp p,
#divKombinSatinAl a,
#divAdetCombo .left_line,
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
    line-height: 40px;
}
/*Adet Select*/
#divAdetCombo {
    display: block !important;
    position: relative;
    float: left;
    clear: left;
}

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

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

    #divAdetCombo select {
        width: 100%;
        padding: 0 10px;
        text-align: left;
    }
/*Adet input*/
.RightDetail .riSingle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
}

    .RightDetail .riSingle a.riUp,
    .RightDetail .riSingle a.riDown {
        width: 40px !important;
        font-size: 0;
        background: transparent;
        top: 0;
        font-weight: normal;
        position: absolute;
        margin: 0 !important;
        float: left;
        cursor: pointer;
        text-indent: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 0;
    }

        .RightDetail .riSingle a.riUp svg,
        .RightDetail .riSingle a.riDown svg {
            width: 10px;
            position: relative;
            z-index: 2;
        }

        .RightDetail .riSingle a.riUp path,
        .RightDetail .riSingle a.riDown path {
            fill: #000;
            transition: 0.5s;
        }

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

    .RightDetail .riSingle a.riDown {
        left: 0;
    }
/*adetveselect*/
.Basketinp {
    display: none;
    position: relative;
    float: left;
    clear: left;
}

.BasketBtn .pSatisBirimi,
.BasketBtn .left_line.lineTitle2 {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    float: left;
    clear: 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 {
    background: #fff;
    color: #000;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin: 0;
    border-radius: 0;
    height: 38px !important;
}
/*sepete Ekle*/
#divKombinSatinAl,
.basketBtn,
.buyfast {
    float: left;
    margin: 0 0 0 10px;
}

    #divKombinSatinAl a,
    .buyfast input,
    .basketBtn input {
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        letter-spacing: 0;
        border: none;
        border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: 1px solid #000;
    }

.basketBtn {
    width: 100%;
    margin: 0;
}

.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
    height: 38px !important;
}

/*Hemen Al*/
.buyfast {
    width: 100%;
    margin: 10px 0 0 0;
    display: none;
}

    .buyfast input {
        background: #fff !important;
        color: #000;
        border-left: 4px solid #000;
    }

body .basketBtn input:hover {
    background: #fff;
    color: #000;
}

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

/*kombin Al*/
#divKombinSatinAl {
    margin: 10px 0 0 0;
    width: 100%;
}

    #divKombinSatinAl a {
        font-size: 15px;
        margin: 0 !important;
        font-weight: 600;
        color: #fff;
        position: relative;
        z-index: 2;
        background: transparent;
        transition: 0.5s;
        line-height: 48px;
    }

        #divKombinSatinAl a:hover {
            background: transparent;
            color: #fff;
        }
/*Iconlar*/
.ProductIcon {
    float: left;
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    display: none;
}

    .ProductIcon .box1 {
        padding: 0;
        margin: 0;
        min-width: 0;
        background: transparent;
        display: inline-block;
        vertical-align: top;
        color: #000;
        font-size: 12px;
        text-align: center;
    }

        .ProductIcon .box1 i {
            display: none;
        }

    .ProductIcon .boxIcon {
        background: transparent;
        border-radius: 0;
        margin: 0 6px 0 0;
        fill: #000;
        width: auto;
        height: 25px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        position: relative;
        overflow: hidden;
    }

        .ProductIcon .boxIcon svg {
            height: 18px;
            position: relative;
            z-index: 2;
        }

            .ProductIcon .boxIcon svg path {
                transition: 0.5s;
            }

    .ProductIcon > div {
        float: left;
        position: relative;
        position: relative;
        margin: 0;
        width: auto;
    }

        .ProductIcon > div > a {
            float: left;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            flex-direction: row;
            gap: 5px;
            padding: 0;
            background: transparent;
            color: #000;
            font-size: 12px;
            font-weight: 400;
        }

            .ProductIcon > div > a:hover {
                background: transparent !important;
            }
/*yazdiryorumtavsiye*/
.ProductIcon2 {
    float: left;
    width: 100%;
    margin-top: 10px;
    display: none;
    flex-wrap: wrap;
    gap: 10px 40px;
}

    .ProductIcon2 .box1 {
        padding: 0;
        margin: 0;
        min-width: 0;
        background: transparent;
        display: inline-block;
        vertical-align: top;
        color: #000;
        font-size: 14px;
        text-align: center;
    }

        .ProductIcon2 .box1 i {
            display: none;
        }

    .ProductIcon2 .boxIcon {
        background: transparent;
        border-radius: 0;
        margin: 0 6px 0 0;
        fill: #000;
        width: auto;
        height: 25px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        position: relative;
        overflow: hidden;
    }

        .ProductIcon2 .boxIcon svg {
            height: 16px;
            position: relative;
            z-index: 2;
        }

            .ProductIcon2 .boxIcon svg path {
                transition: 0.5s;
            }

    .ProductIcon2 > div {
        float: left;
        position: relative;
        position: relative;
        margin: 0;
        width: auto;
    }

        .ProductIcon2 > div > a {
            float: left;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            flex-direction: row;
            gap: 5px;
            padding: 0;
            background: transparent;
            color: #000;
            font-size: 14px;
            font-weight: 400;
        }

            .ProductIcon2 > div > a:hover {
                background: transparent !important;
            }
/*paylas*/
.TopDet .product_social_icon_wrapper {
    float: left;
    width: 100%;
    display: block !important;
    font-size: 0;
    margin-top: 10px;
    text-align: left;
}

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

    .TopDet .product_social_icon_wrapper ul {
        display: inline-block;
        vertical-align: top;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .TopDet .product_social_icon_wrapper ul li {
            float: left;
            margin-right: 10px;
        }

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

            .TopDet .product_social_icon_wrapper ul li a {
                float: left;
                fill: #fff;
                background: #fff;
                font-size: 14px;
                border-radius: 100%;
                text-align: center;
                width: 30px;
                height: 30px;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
            }

                .TopDet .product_social_icon_wrapper ul li a svg {
                    width: 15px;
                }

            .TopDet .product_social_icon_wrapper ul li:nth-child(1) a {
            }

            .TopDet .product_social_icon_wrapper ul li:nth-child(2) a {
            }

            .TopDet .product_social_icon_wrapper ul li:nth-child(3) a {
            }

    .TopDet .product_social_icon_wrapper .UWhatsApp {
        float: left;
        margin-right: 0;
    }

        .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp {
            float: left;
            color: #fff;
            background: #6dc33a;
            font-size: 0;
            border-radius: 100%;
            text-align: center;
            width: 30px;
        }

            .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i {
                line-height: 30px;
                display: inline-block;
                vertical-align: top;
                font-size: 14px;
            }
/*whatsapp*/
.socialButons {
    float: right !important;
    width: 100%;
    position: relative;
    margin: 0 !important;
}

    .socialButons iframe {
        float: left;
    }

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

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

    .product-social ul {
        float: left;
    }

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

            .product-social ul li a {
                display: block;
                color: #323232;
                font-size: 18px;
            }
/*urun ozellik Bolumu*/
.urunOzellikTab {
    float: left;
    width: 100%;
    margin: 50px 0;
    display: block;
}

.urunOzellik {
    float: left;
    width: 100%;
    margin: 50px 0 0;
    display: block;
}

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

        .urunOzellik .urunTab ul {
            display: inline-flex;
            vertical-align: top;
            float: left;
            width: 100%;
            padding: 0;
            margin: 0;
            list-style: none;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
        }

        .urunOzellik .urunTab > ul > li {
            float: left;
            background: #fff;
            position: relative;
            overflow: hidden;
            border-radius: 0;
        }

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

            .urunOzellik .urunTab > ul > li > a {
                cursor: pointer;
                color: #000;
                font-size: 14px;
                float: left;
                font-weight: 500;
                padding: 0;
                height: 42px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                position: relative;
                z-index: 2;
                transition: 0.5s;
            }

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

            .urunOzellik .urunTab > ul > li:hover > a {
                color: #000;
            }

            .urunOzellik .urunTab > ul > li.active > a {
                color: #000;
            }

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

.urunTabAlt strong {
    font-weight: bold;
}

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

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

.urunTabAlt {
    padding: 20px;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #5b5b5b;
}

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

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

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

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

    .urunTabAlt .button {
        padding: 10px 5px;
        color: #fff;
    }

.tabUrunOneriler ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

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

.urunTabAlt .teknikDetay {
    display: none;
}

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

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

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

        #divEtiketler a:hover {
            text-decoration: underline;
        }
/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle,
.JKatAdi {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 25px !important;
    margin: 0 !important;
}

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

        #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
        .JKatAdi .bold .satir1 {
            line-height: normal;
            color: #000;
            font-size: 32px;
            font-weight: normal;
            display: inline-block;
            vertical-align: top;
            padding: 0 !important;
            position: relative;
            z-index: 1;
        }
/*ilerigeributon*/
#divInstashopResim .owl-carousel .owl-nav {
    display: block !important;
}

#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav {
    z-index: 2;
    position: absolute;
    right: 0;
    top: -65px;
    left: auto;
    width: 75px;
}

    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
    .owl-carousel .owl-nav .ProductListprev,
    .owl-carousel .owl-nav .ProductListnext,
    .owl-carousel .owl-nav .InstaGalleryprev,
    .owl-carousel .owl-nav .InstaGallerynext,
    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
        color: #cccccc;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #f5f5f5;
        width: 35px;
        height: 35px;
        cursor: pointer;
        text-align: center;
        position: absolute;
        font-size: 0;
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
    .owl-carousel .owl-nav .ProductListprev,
    .owl-carousel .owl-nav .InstaGalleryprev {
        right: 40px;
    }

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

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

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

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

    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
    .owl-carousel .owl-nav .ProductListprev:hover,
    .owl-carousel .owl-nav .ProductListnext:hover,
    .owl-carousel .owl-nav .InstaGalleryprev:hover,
    .owl-carousel .owl-nav .InstaGallerynext:hover,
    #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover {
        background: #fff;
        color: #666666;
    }

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

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

/*urunslider*/
.sliderBannerContainer {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
}

    .sliderBannerContainer .Block_Link {
        display: block !important;
    }

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

    .sliderBannerContainer .Jbutonlar {
        display: none;
    }

    .sliderBannerContainer .jCarouselLite {
        float: left;
        width: 100%;
    }
/*detayurunslider*/
.detaySliderContainer {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 0;
}

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

    .detaySliderContainer .Jbutonlar {
        display: none;
    }

    .detaySliderContainer .jCarouselLite {
        float: left;
        width: 100%;
    }
/*pnlSlider*/
#pnlSlider {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    #pnlSlider ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #pnlSlider ul li {
            display: block;
        }

            #pnlSlider ul li a {
                display: block;
            }

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

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

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

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

            #pnlSlider .flex-control-paging li a.flex-active {
                background: #00244d;
            }

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

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

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

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

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

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

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

            #pnlSlider .flex-direction-nav .flex-prev:before,
            #pnlSlider .flex-direction-nav .flex-next:before {
                font-size: 0;
            }

        #pnlSlider .flex-direction-nav .flex-prev:before {
        }

        #pnlSlider .flex-direction-nav .flex-next:before {
        }

        #pnlSlider .flex-direction-nav .flex-prev:hover,
        #pnlSlider .flex-direction-nav .flex-next:hover {
        }

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

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

    #pnlSlider .HPSItems .flex-control-thumbs {
        position: static;
        background: #fff;
        text-align: center;
    }

        #pnlSlider .HPSItems .flex-control-thumbs li {
            display: inline-block;
            vertical-align: top;
            float: none;
            max-width: 100%;
        }

        #pnlSlider .HPSItems .flex-control-thumbs img {
            opacity: 1;
        }

        #pnlSlider .HPSItems .flex-control-thumbs .flex-active {
        }

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

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

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

        .HomePageSlideShowContainer .HPSItems div {
            cursor: pointer;
            float: left;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 100%;
        }
/*sitekodlari*/
.hesabimAnasayfaMenuler ul li a:hover .fa {
    color: #fff;
}

.siparisTakipSayfasi {
    background: #fff;
}

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

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

.popupSepet {
    width: 99%;
}

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

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

#mainHolder_UrunDetay_imgCookie {
    display: none !important;
}

.product_social_icon_wrapper {
    display: none;
}

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

.orders {
    width: 100%;
}

.TumKategoriler {
    display: none;
}

.mobilMenuAcButton,
.searchClick,
.mycartClick,
.welcomeOpen {
    display: none;
}

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

.magazaTeslimatBilgisiContent {
    display: none;
}

#store_region_container {
    display: none;
}

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

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

.sepetimBody .Basketstep ul li.pasif {
    opacity: 1;
}

.sepetimBody ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sepetimBody .sepetItemB1 span.KampanyaTanimSpan {
    display: inline-block;
}
/*Site ici scroll alanlar*/
#divOnyazi::-webkit-scrollbar,
.urunTabAlt::-webkit-scrollbar,
.SmallImages::-webkit-scrollbar,
.SepetBlockInfo::-webkit-scrollbar,
.searchContent ul::-webkit-scrollbar,
body .kombinContent ul::-webkit-scrollbar,
.CartProduct .SProduct::-webkit-scrollbar,
.yanResimliMenu .KatMenu1::-webkit-scrollbar,
.UrunGuruplari .Block_Text::-webkit-scrollbar,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group::-webkit-scrollbar,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar,
.mobilMenu .navUl > li > ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar {
    width: 3px;
}

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

#divOnyazi::-webkit-scrollbar-thumb,
.urunTabAlt::-webkit-scrollbar-thumb,
.SmallImages::-webkit-scrollbar-thumb,
.SepetBlockInfo::-webkit-scrollbar-thumb,
.searchContent ul::-webkit-scrollbar-thumb,
.CartProduct .SProduct::-webkit-scrollbar-thumb,
body .kombinContent ul::-webkit-scrollbar-thumb,
.UrunGuruplari .Block_Text::-webkit-scrollbar-thumb,
.yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb,
.ProductPreviewContent
.ProductPreviewLeft
.PreviewallImages::-webkit-scrollbar-thumb,
.leftBlock
.category-vertical-filters
.vertical-filter-panel
.list-group::-webkit-scrollbar-thumb,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb {
    background: #00244d;
    border-radius: 0;
}
/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
/*sepetvebutonrenk*/
body .button,
.baglanButton,
.siparisOzetTakip,
body.sepetimBody .basketCompletebtn,
#AdresContent .button,
.BasketPage .OdemeMenu ul li.activeMenu > a,
.pageNumberContent a:hover,
.menuUstBolum,
body .category-vertical-filters.top-filters .FiltreUst,
.SepetUst,
.urunOzellikTab .urunTab > ul > li[onofftip="true"] > a,
.tooltip-inner,
.welcome.active,
.sepetimBody .Basketstep ul li.aktif {
    background: #00244d;
}
/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n + 2),
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir,
.pageNumberContent a:hover,
.OdemeMenu ul li.activeMenu {
    border-color: #00244d;
}
/*tooltip*/
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #00244d;
}

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

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

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

.baglanButton {
    border-color: transparent;
}

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

.sepetimBody .Basketstep ul li.aktif:after {
    border-top-color: #00244d;
}
/*color*/
.sepetTitle .st_1,
body .sepetTitle2 .st_1,
body .BasketRigth ul li.genelToplam .tut,
body .sepetTitle2 .st_1:before,
.sepetTitle .st_1:before,
.TeslimatAdresTittle,
.Basketstep ul li.gecti span,
body #divToplamOdeme,
.TeslimatAdresTittle,
a.YeniAdresEkle,
.Basketstep ul li.onestepsec span,
.Basketstep ul li.pasif i,
.BasketPage .Basketstep ul li.pasif i,
.BasketPage .cargoInformation div.cargoName span,
.BasketPage .faturaAdresBtn.active,
.adresAyniBtn.active,
.BasketPage .sepetItemB4,
.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check,
.iletisimContent .categoryTitle .categoryTitleText,
body
#divSayfalamaUst
.filterDeleteContent
.appliedFilter.FiltrelemeKaldir
a
span,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
body.sepetimBody .mobileAddition > .addition-content > .TotalPrice,
body.sepetimBody .mobileAddition > .addition-content::before {
    color: #00244d;
}
/*HoverRenk*/
.button:hover,
.userLoginBtn:hover,
.userSignBtn:hover,
.BasketPage .OdemeMenu ul li:hover > a,
.BasketPage .alisverisedevamet:hover,
.BasketPage #hed div.hediCekForm a:hover,
.BasketPage a.YeniAdresEkle:hover,
#AdresContent .button:hover,
.basketCompletebtn:hover,
.KasaOnuFirsatlarContent ul li a.button:hover,
.ProductIcon2 > div > a:hover {
    background: #00244d;
}
/*colorhover*/
.BasketPage .AdresItemAlt a:hover,
.BasketPage .sepetiTemizle:hover,
.BasketPage .sepet-sil:hover:before,
.BasketPage .sepetTitle2 a:hover,
.baglanButton:hover,
.BasketPage .faturaAdresBtn:hover,
.adresAyniBtn:hover,
.headerSocialConnect .baglanButton a:hover,
.CartProduct .SProduct li a:nth-child(2):hover * {
    color: #333;
}
/*bordercolorhover*/
body
#divSayfalamaUst:not(.Slct)
.brandlistselection
.sortingContent
li > a:hover,
.BasketPage a.YeniAdresEkle:hover,
.OdemeMenu ul li:hover,
.BasketPage .OdemeMenu ul li:hover > a,
.BasketPage .alisverisedevamet:hover,
.CartProduct .headerCartBtn:hover {
    border-color: #333;
}
/*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: #00244d;
    line-height: 30px;
    padding: 0 15px;
}

    body .alisverisedevamet:hover {
        border: none;
    }

.sepetimBody .MobileHeaderControl .item .cart-btn {
    padding: 11px;
    height: 40px;
    border-radius: 0;
}

body .puanlamaBolumu .blok span {
    display: flex;
    align-items: center;
    gap: 5px;
}

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

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

.baglanButton:hover {
    background: transparent;
}

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

body .adresGir .yesilButon:hover {
    background: #406d20 !important;
    color: #fff !important;
}
/*------------------------------------Sabit Renkler--------------------------------------------*/
.divRelatedProductsPopup .ulRelatedProducts {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.bottomHead {
    display: none;
}

#divSliderYani {
    display: none;
}

body {
    background: #fff;
}

.ProductList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blokSonYazilar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blogKategori ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blogCenter ul {
    list-style: none;
}

.blogRight ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navigation .navUl ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .socialdiv ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .store ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .linkler .blink ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.category-vertical-filters .vertical-filter-panel .list-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .category-vertical-filters .vertical-filter-panel .list-group ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.TopDet .product_social_icon_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabUrunOneriler ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sepetimBody ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

body .category-vertical-filters.top-filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobilMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bottomHead ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.breadList ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.urunOzellikTab .urunTab > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CartProduct ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.welcome ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.brandlistselection ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.TopDet #IlgiliUrunDiv ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#pnlSlider ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mBread ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body .sagIcerikTutucu .hsbmLabel .hsbmCheckbox {
    margin: 0 4px;
}

body .NewAddress i {
    display: none;
}

.adresDefterim.ng-scope .row {
    margin: 0;
}

.NewAddress a {
    padding: 10px;
    transition: 0.3s;
}

    .NewAddress a:hover {
        background: #00244d;
        color: #fff;
    }
/*Sağ Sepet*/

/*Sağ Sepet*/
body .account-item .nav-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
    padding: 0;
    margin: 0;
    list-style: none;
}

body .account-item .header-button-useLogin > ul {
    padding: 0;
    margin: 0;
}

body .header-cart-hover ul {
    list-style: none;
}

.detayFixed {
    display: none;
}

#divIndirimOrani .left_line,
#divIndirimOrani .center_line {
    display: none;
}

#divIndirimOrani .indirimliOrani {
    font-size: 0;
}

    #divIndirimOrani .indirimliOrani #ltrIndirimOrani {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        line-height: 24px;
        background: #000;
        padding: 14px 14px;
    }

        #divIndirimOrani .indirimliOrani #ltrIndirimOrani:before {
            content: "-%";
        }

#divIndirimOrani {
    clear: none;
    margin: 0 10px 0 0;
}
/*------------Genel Background--------------*/
a#linkSecilenleriSil,
body #hed div.hediCekForm a,
body .uyeOlContainer #btnSave,
body .tabLink a,
body .siparisBosBtn a,
body .favoriBosBtn a,
body .yesilButon,
body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,
body .iletisimIzinSave a,
body .kuponOlustur .kuponOlusturButon,
body .hesabimMenuDon,
body .alisverisedevamet,
body .miniCartSatir2 .checkoutAsGuestButton:hover,
body .miniCartSatir2 .signInButton:hover {
    background: #00244d !important;
}

body .miniCartSatir2 .checkoutAsGuestButton:hover,
body .miniCartSatir2 .signInButton:hover {
    border-color: #00244d;
}

body .urunTabAlt .button {
    padding: 7px 20px;
    border-radius: 0;
}

body #divNewUyeGirisContent .newUserLoginBtn:not(.registerTicipass),
body .newUyeOlContainer .newUserLoginBtn,
body .acountDoneContainer .acountDoneLoginBtn,
body .pageSifreOlustur .newUserLoginBtn,
body .pageSifremiUnuttum .newUserLoginBtn,
body .commentTicimax .commentTiciNewCommentButton,
body #sepetEkleModal .divAltButonlar a {
    background: #00244d;
    transition: 0.3s;
    border-radius: 0;
}

    body #divNewUyeGirisContent .newUserLoginBtn:not(.registerTicipass):hover,
    body .newUyeOlContainer .newUserLoginBtn:hover,
    body .acountDoneContainer .acountDoneLoginBtn:hover,
    body .pageSifreOlustur .newUserLoginBtn:hover,
    body .pageSifremiUnuttum .newUserLoginBtn:hover,
    body .commentTicimax .commentTiciNewCommentButton:hover,
    body .urunTabAlt .button:hover,
    body #sepetEkleModal .divAltButonlar a:hover {
        background: #333;
    }

body .userDivTab ul li.active span {
    border-color: #333;
    color: #333;
}
/*------------Genel Hover--------------*/
a#linkSecilenleriSil:hover,
body .uyeOlContainer #btnSave:hover,
body .userLoginBtn:hover,
body .userSignBtn:hover,
body .button.basketCompletebtn:hover,
body .tabLink a.aktif,
body .tabLink a:hover,
body .siparisBosBtn a:hover,
body .favoriBosBtn a:hover,
body .yesilButon:hover,
body .commentNone .commentNoneText .commentNoneButton a:hover,
body .NewAddress a:hover,
body .iletisimIzinSave a:hover,
body .kuponOlustur .kuponOlusturButon:hover,
body .hesabimMenuDon:hover,
body .alisverisedevamet:hover,
body #hed div.hediCekForm a:hover {
    background: #333 !important;
}
/*-------------Genel Color-------------*/
a#linkSecilenleriSil,
body .uyeOlContainer #btnSave,
body .miniCartSatir2 .checkoutAsGuestButton:hover,
body .miniCartSatir2 .signInButton:hover {
    color: #fff !important;
}

body .tabLink a,
body .siparisBosBtn a,
body .favoriBosBtn a,
body .yesilButon,
body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,
body .iletisimIzinSave a,
body .kuponOlustur .kuponOlusturButon,
body .hesabimMenuDon {
    color: #fff;
}
/*-------------Genel Radius-------------*/
body.sepetimBody .basketCompletebtn,
body #hed div.hediCekForm a,
body .sepetItem,
body .kirmiziButon,
body .kuponOlustur .kuponInput,
body .sagIcerikTutucu .satirBlok .hsbmTextbox,
body .sagIcerikTutucu .satirBlok .hsbmSelect,
body .tabLink a,
body .siparisBosBtn a,
body .favoriBosBtn a,
body .yesilButon,
body .commentNone .commentNoneText .commentNoneButton a,
body .NewAddress a,
body .iletisimIzinSave a,
body .kuponOlustur .kuponOlusturButon,
body .hesabimMenuDon,
body .uyeOlContainer #btnSave,
body .userContainer .userLeftBox,
body .userContainer .userRightBox,
.uyeOlContainer #FrmYeniUye > .uyeOlCol,
body .miniCartSatir2 .signInButton,
body .icerikIkiliBlok,
body .UyelikSilmeAktifDiv,
body .solAnaMenu,
body .hesabimForm,
body .hesabimAnasayfaMenuler ul li a,
body .miniCartSatir2 .checkoutAsGuestButton,
body .siparisListeBos,
body .favoriListeBos,
body .commentNone,
body .hesabimForm .satirBlok .hsbmTextarea,
.sepetimBody .MobileHeaderControl .item .cart-btn,
.BasketDetail,
body .BasketRigth.BasketHediyeCeki,
#hed div.hediCekForm input,
.BasketRigth,
body .alisverisedevamet,
a#linkSecilenleriSil,
body .textbox.txtSepetAdet,
body .miniCartBos {
    border-radius: 0 !important;
}
/*-------------Genel Page Bacground-------------*/
body .sepetItem,
body .icerikIkiliBlok,
body .UyelikSilmeAktifDiv,
body .solAnaMenu,
body .hesabimForm,
body .BasketDetail.BasketDetailCargo.ng-scope,
body .hesabimAnasayfaMenuler ul li a,
body .userContainer .userLeftBox,
body .userContainer .userRightBox,
.uyeOlContainer #FrmYeniUye > .uyeOlCol,
body .siparisListeBos,
body .favoriListeBos,
body .commentNone {
    background: #f8f8f8;
}
    /*------------Genel Border None--------------*/
    a#linkSecilenleriSil,
    body .sepetItem,
    body .tabLink a,
    body .siparisBosBtn a,
    body .favoriBosBtn a,
    body .yesilButon,
    body .commentNone .commentNoneText .commentNoneButton a,
    body .NewAddress a,
    body .iletisimIzinSave a,
    body .kuponOlustur .kuponOlusturButon,
    body .hesabimMenuDon,
    body .NewAddress,
    body .uyeOlContainer #btnSave,
    body .userContainer .userLeftBox,
    body .userContainer .userRightBox,
    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        border: none !important;
        transition: 0.3s;
    }
/*-----------Genel Color Sepet---------------*/
body .miniCartItemprice .DiscountPrice.lineThrough,
body .miniCartButtonSil a:hover:after {
    color: #333;
    fill: #333;
}
/*------------Genel Padding--------------*/
body .userContainer .userLeftBox,
body .userContainer .userRightBox,
.uyeOlContainer #FrmYeniUye > .uyeOlCol,
body .icerikIkiliBlok,
body .UyelikSilmeAktifDiv {
    padding: 20px;
}
/*--------------------------*/
a#linkSecilenleriSilAlt {
    display: none !important;
}

body.sepetimBody {
    background: #fff;
}

body .uyeOlContainer #btnSave {
    padding: 0;
    line-height: 39px;
}

body .userDivLeft,
body .userDivRight,
.uyeOlContainer #FrmYeniUye > .uyeOlCol {
    width: calc(50% - 10px);
}

body ng-form#FrmYeniUye {
    display: flex;
    justify-content: space-between;
    float: left;
    width: 100%;
}

body .alisverisedevamet {
    line-height: 38px;
    padding: 0 15px;
}

body .UyelikSilmeAktifDiv {
    margin-top: 20px;
    width: 50%;
}

body .hesabimMenuDon {
    padding: 0 10px;
    line-height: 32px;
    margin-bottom: 20px;
}

body .solAnaMenu,
body .hesabimForm {
    padding: 15px 20px;
}

section.elementor-section.mid .footerTempRow {
    justify-content: space-between;
}

    section.elementor-section.mid .footerTempRow > div {
        width: auto;
    }

        section.elementor-section.mid .footerTempRow > div:last-child {
            width: 500px;
        }

section.elementor-section.bottom .footerTempRow {
    align-items: center;
    justify-content: center;
}

    section.elementor-section.bottom .footerTempRow > div {
    }

#headerNew {
    position: relative;
    top: 0;
    z-index: 998;
    transition: 1s;
    background: #fff;
    width: 100%;
}

    #headerNew.fixed {
        top: 0;
        position: fixed;
        box-shadow: 3px 3px 30px #0000001a;
    }

        #headerNew.fixed.gectop {
            top: 0;
        }

body .miniCartBos {
    border: 1px solid #00244d;
    font-size: 15px;
    padding: 10px;
    width: calc(100% - 20px);
    margin-left: 10px;
}

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

body:has(.filterBlock.active) {
    overflow: hidden !important;
}

body .leftImage .drift-container {
    display: none !important;
}

body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav {
    width: auto;
    padding: 0;
    left: 10px;
    right: 10px;
}

    body
    .ProductGallery
    .gallery-container
    .owl-carousel.galleryOwl
    .owl-nav > div {
        width: 40px;
        height: 40px;
        opacity: 1 !important;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }

        body
        .ProductGallery
        .gallery-container
        .owl-carousel.galleryOwl
        .owl-nav > div
        span {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0;
            line-height: normal;
            border-radius: 0;
            border: none;
            color: #000;
        }

        body
        .ProductGallery
        .gallery-container
        .owl-carousel.galleryOwl
        .owl-nav > div.owl-prev
        span:after {
            content: "\f104";
        }

        body
        .ProductGallery
        .gallery-container
        .owl-carousel.galleryOwl
        .owl-nav > div.owl-next
        span:after {
            content: "\f105";
        }

body .footerTemp .socialMedia li a i,
body .footerTemp .storeMedia li a i {
    padding: 0 !important;
    width: 40px !important;
    height: 40px;
    transition: 0.5s;
    border: 1px solid #949494;
}

body .footerTemp .socialMedia li a:hover i,
body .footerTemp .storeMedia li a:hover i {
    background: transparent !important;
    color: #fff !important;
    transform: translateY(5px);
    border-color: #fff;
}

body .footerTemp .socialMedia li a:hover span,
body .footerTemp .storeMedia li a:hover span {
    color: #000 !important;
}

body .footerTemp .socialMedia li a span,
body .footerTemp .storeMedia li a span {
    transition: 0.3s;
}

i.fab.fa-tiktok.icon:before {
    font-family: "FontAwesomeBrands";
    content: "\e07b";
}

body .footerTemp .footerMenuAlt a {
    line-height: 30px;
    position: relative;
    transition: 0.5s;
}

    body .footerTemp .footerMenuAlt a::after {
    }

ul.footerText strong {
    margin: 0 3px;
}

ul.footerText li {
    font-weight: 300;
}

body .pageNumber .productCountInfo {
    font-size: 13px;
    font-weight: 400;
    color: #4b4849;
}

body .pageNumber .productCountBar {
    display: none;
}

body .pageNumber .divMoreProducts .button {
    margin: 13px 0 0;
    background: #fff;
    font-size: 14px;
    color: #444444;
    line-height: 45px;
    padding: 0 40px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
    border: 1px solid #000;
}

    body .pageNumber .divMoreProducts .button:hover {
        color: #fff;
        background: #000;
    }
/*body .header-dil-content #lang_flag_container #langHover{padding:0!important;cursor: pointer;}
body .header-dil-content #lang_flag_container #lang{line-height:normal!important;background:none!important;padding:0!important;min-height:40px!important;}
body .header-dil-content #lang_flag_container #lang:after{content:'\f107';font-family:'FontAwesome';display:block;line-height:40px;margin-left:5px;font-weight:300;transition: .5s;}
body .header-dil-content #lang_flag_container #lang-detail{display:block!important;transform:translateY(-140%);visibility:hidden;opacity:0;transition:.5s;}
body .header-dil-content #lang_flag_container.active #lang-detail{transform:translateY(0);visibility:visible;opacity:1;}
body .header-dil-content #lang_flag_container.active #lang:after{transform:rotate(180deg);margin-top:-2px;}*/

.svgIcon.cart-svg,
.svgIcon.fav-svg,
.svgIcon.mem-svg,
.svgIcon.menu-svg,
.svgIcon.search-svg,
.svgIcon.search-times {
    display: flex;
    align-items: center;
    gap: 10px;
}

body .solAnaMenu ul li.Active > ul li a:after {
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

.mobilaf {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    backdrop-filter: blur(10px);
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    display: none;
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

    .mobilaf.acik {
        display: block;
    }

body .relatedProductsColor {
    bottom: 20px;
    right: 20px;
    left: auto;
    z-index: 9;
}

.relatedProductsColor .relatedColorDiv {
    display: none !important;
}

body .ticimaxModal .modal-close {
    line-height: 22px;
}

body .divRelatedProductsPopup .ulRelatedProducts img {
    width: 100%;
}

body .ulRelatedProducts li {
    width: calc(25% - 8px);
}

.siparisBosBtn a.ng-binding:nth-child(2) {
    display: none;
}

body .header-favori-item a.favori-link .header-favori-count,
body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    margin-top: -10px;
    margin-left: -5px;
}

body:has(.homepage) #headerNew {
    background: transparent;
}

    body:has(.homepage) #headerNew:hover {
        background: #fff;
    }

    body:has(.homepage) #headerNew.fixed {
        background: #fff;
    }

    body:has(.homepage) #headerNew:has(.dropactive) {
        background: #fff;
    }

body:has(.homepage)
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li > a {
    color: #fff;
}

body:has(.homepage)
#headerNew:hover
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li > a,
body:has(.homepage)
#headerNew:hover
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li.ulVar > a > span:after {
    color: #000;
}

body #hb-logo svg,
body #hb-logo img {
    transition: 1s;
}

body:has(.homepage) #hb-logo svg {
    fill: #fff;
}

body:has(.homepage) #headerNew:hover #hb-logo svg,
body:has(.homepage) #headerNew.fixed #hb-logo svg,
body:has(.homepage) #headerNew:has(.dropactive) #hb-logo svg {
    fill: #000;
}

body:has(.homepage) #headerNew:hover #hb-logo img,
body:has(.homepage) #headerNew.fixed #hb-logo img,
body:has(.homepage) #headerNew:has(.dropactive) #hb-logo img {
    filter: invert(0);
}

body:has(.homepage) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    color: #fff;
    transition: 0.1s;
}

body:has(.homepage)
#headerNew:hover
.cart-item
a.header-cart-link.headerButon
.sepetUrunSayisi,
body:has(.homepage)
#headerNew.fixed
.cart-item
a.header-cart-link.headerButon
.sepetUrunSayisi,
body:has(.homepage)
#headerNew:has(.dropactive)
.cart-item
a.header-cart-link.headerButon
.sepetUrunSayisi {
    color: #fff;
}

body:has(.homepage) .header-favori-item a.favori-link .header-favori-count {
    color: #fff;
    transition: 1s;
}

body:has(.homepage)
#headerNew:hover
.header-favori-item
a.favori-link
.header-favori-count,
body:has(.homepage)
#headerNew.fixed
.header-favori-item
a.favori-link
.header-favori-count,
body:has(.homepage)
#headerNew:has(.dropactive)
.header-favori-item
a.favori-link
.header-favori-count {
    color: #000;
}

body .header-favori-item a.favori-link .svgIcon svg path {
    transition: 1s;
}

body:has(.homepage) .header-favori-item a.favori-link .svgIcon svg path {
    fill: #fff;
}

body:has(.homepage)
#headerNew:hover
.header-favori-item
a.favori-link
.svgIcon
svg
path,
body:has(.homepage)
#headerNew.fixed
.header-favori-item
a.favori-link
.svgIcon
svg
path,
body:has(.homepage)
#headerNew:has(.dropactive)
.header-favori-item
a.favori-link
.svgIcon
svg
path {
    fill: #000;
}

body #divTopProductSearch .newSearcBtnClick a .svgIcon svg path {
    transition: 1s;
}

body:has(.homepage) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path {
    fill: #fff;
}

body:has(.homepage)
#headerNew:hover
#divTopProductSearch
.newSearcBtnClick
a
.svgIcon
svg
path,
body:has(.homepage)
#headerNew.fixed
#divTopProductSearch
.newSearcBtnClick
a
.svgIcon
svg
path,
body:has(.homepage)
#headerNew:has(.dropactive)
#divTopProductSearch
.newSearcBtnClick
a
.svgIcon
svg
path {
    fill: #000;
}

body #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path {
    transition: 1s;
}

body:has(.homepage)
#divHeaderUyeV2
a.account-link.headerButon
.svgIcon
svg
path {
    fill: #fff;
}

body:has(.homepage)
#headerNew:hover
#divHeaderUyeV2
a.account-link.headerButon
.svgIcon
svg
path,
body:has(.homepage)
#headerNew.fixed
#divHeaderUyeV2
a.account-link.headerButon
.svgIcon
svg
path,
body:has(.homepage)
#headerNew:has(.dropactive)
#divHeaderUyeV2
a.account-link.headerButon
.svgIcon
svg
path {
    fill: #000;
}

body .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    transition: 1s;
}

body:has(.homepage)
.cart-item
a.header-cart-link.headerButon
.svgIcon
svg
path {
    fill: #fff;
}

body:has(.homepage)
#headerNew:hover
.cart-item
a.header-cart-link.headerButon
.svgIcon
svg
path,
body:has(.homepage)
#headerNew.fixed
.cart-item
a.header-cart-link.headerButon
.svgIcon
svg
path,
body:has(.homepage)
#headerNew:has(.dropactive)
.cart-item
a.header-cart-link.headerButon
.svgIcon
svg
path {
    fill: #000;
}

body:has(.homepage)
#headerNew:hover
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li > a,
body:has(.homepage)
#headerNew.fixed
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li > a,
body:has(.homepage)
#headerNew:has(.dropactive)
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li > a,
body:has(.homepage)
#headerNew:hover
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li.ulVar > a > span:after,
body:has(.homepage)
#headerNew.fixed
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li.ulVar > a > span:after,
body:has(.homepage)
#headerNew:has(.dropactive)
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li.ulVar > a > span:after {
    color: #000;
}
/*siteozelalan*/
#top-bar {
    position: relative;
    z-index: 998;
    display: flex;
    justify-content: center;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
    border-top: 1px solid #e3e3e3;
    padding: 40px 60px;
    display: none;
}

body
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li:hover
.menu-wrap {
    display: block;
}

body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span {
    position: relative;
}

    body
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li > a > span:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        height: 1px;
        background: #000;
        width: 0;
        transition: 0.5s;
    }

body
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li:hover > a > span:after {
    width: 100%;
}

body
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li
.menu-list-kolon
.kolon {
    flex: 0 0 auto !important;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon {
    gap: 90px;
}

body
.newHeaderNavigation:not(.mobileStyle)
.newHeaderNavUl > li:hover
.menu-list-kolon
.kolon {
    margin-left: 0;
}

    body
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li:hover
    .menu-list-kolon
    .kolon:nth-child(2) {
    }

    body
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li:hover
    .menu-list-kolon
    .kolon:nth-child(3) {
    }

    body
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li:hover
    .menu-list-kolon
    .kolon:nth-child(4) {
    }

    body
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li:hover
    .menu-list-kolon
    .kolon:nth-child(5) {
    }

body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {
    transition: 0.5s;
}

    body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover {
        padding-left: 10px;
        margin-right: -10px;
    }

.main.multiBlockSliderWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper {
    right: 60px;
    top: auto;
    padding: 0;
    left: 60px;
    bottom: 20%;
    transition: 1.5s;
    transform: translateY(70px);
    visibility: hidden;
    opacity: 0;
    gap: 10px;
    transition-delay: 0.5s;
}

.main.multiBlockSliderWrapper
.owl-item.active
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.main.multiBlockSliderWrapper .bannerButtonWrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
    border: 1px solid #fff;
    margin-top: 20px;
}

    .main.multiBlockSliderWrapper .bannerButtonWrapper a {
        min-width: 220px;
        padding: 0 15px;
        line-height: 48px;
        font-size: 14px;
        font-weight: 400;
    }

    .main.multiBlockSliderWrapper .bannerButtonWrapper:hover a {
        color: #000 !important;
        background: #fff !important;
    }

.main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img {
    transition: 1s;
    transform: scale(1) !important;
    transition-delay: 0.2s;
}

.main.multiBlockSliderWrapper .bannerTitle {
    font-weight: 400;
    font-size: 80px;
}

.main.multiBlockSliderWrapper .bannerSubTitle {
    font-weight: 400;
    font-size: 20px;
}

.main.multiBlockSliderWrapper .bannerWrapper img {
    transition: 1s;
    transform: scale(1.2) !important;
}

.main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img {
    transition: 1s;
    transform: scale(1) !important;
    transition-delay: 0.2s;
}

div#ticimaxBannerProducts .sliderBannerContainer .ProductList {
    padding: 0 0 0 5px;
}

.txcol-sm-3.hide-mobile {
    padding: 0 15px 0 0 !important;
    border-radius: 0;
    overflow: hidden;
}

.productMarka {
    display: none !important;
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin: 0 0 5px;
}

.boxUrunlerContent {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    display: none;
}

.productDetail .boxUrunlerContent {
    display: block;
}

.boxUrunlerContainer {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

    .boxUrunlerContainer > div {
    }

        .boxUrunlerContainer > div > a {
            width: 25px;
            overflow: hidden;
            border: 1px solid transparent;
            padding: 2px;
            border-radius: 50%;
            height: 25px;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .boxUrunlerContainer > div a img {
            border: 1px solid #e9e9e9;
            border-radius: 50%;
            position: relative;
            z-index: 2;
            float: left;
            width: 100%;
            height: 100%;
        }

        .boxUrunlerContainer > div:hover {
            border-color: #00244d;
        }

        .boxUrunlerContainer > div.active {
            border-color: #00244d !important;
        }

        .boxUrunlerContainer > div:first-child {
            border-color: #00244d;
        }

    .boxUrunlerContainer:has(.active) > div:first-child {
        border-color: #00244d;
    }

        .boxUrunlerContainer:has(.active) > div:first-child:hover {
            border-color: #00244d;
        }

.sliderBannerContainer .owl-carousel .owl-stage,
.detaySliderContainer .owl-carousel .owl-stage {
    display: flex;
}

    .sliderBannerContainer .owl-carousel .owl-stage li,
    .detaySliderContainer .owl-carousel .owl-stage li {
        height: 100%;
    }

.sliderBannerContainer .owl-carousel .owl-stage-outer,
.detaySliderContainer .owl-carousel .owl-stage-outer {
    padding: 1px;
}

.hizliKargoIcon,
.cargoIcon,
.newIcon {
    display: none;
}

.productIconEx {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9;
}

    .productIconEx > div {
        display: flex !important;
        float: left;
        clear: left;
        width: auto;
        height: auto;
        line-height: 24px;
        overflow: hidden;
        background: #00244d;
        border-radius: 0;
        margin: 0 0 5px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        align-items: center;
        text-align: center;
        justify-content: center;
        transition: 0.5s;
        min-width: 46px;
        padding: 0 5px;
        text-transform: uppercase;
    }

        .productIconEx > div.discountIcon {
            background: #00244d;
        }

        .productIconEx > div.firsatIcon,
        .productIconEx > div.hizliKargoIcon {
        }

        .productIconEx > div > span {
            font-weight: 400;
        }

        .productIconEx > div.newIcon {
            white-space: break-spaces;
        }

        .productIconEx > div:hover {
            margin-left: 5px;
        }

.ozelAlan5,
.ozelAlan4,
.ozelAlan3,
.ozelAlan2,
.ozelAlan1 {
    display: none;
}

.productIconExSpecial {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

    .productIconExSpecial > div {
        float: left;
        margin: 0;
        display: block;
        background: #00244d;
        padding: 5px;
        min-width: 80px;
        border-radius: 0;
        color: #fff;
        font-size: 12px;
        border-radius: 0;
        transition: 0.5s;
        text-align: center;
    }

        .productIconExSpecial > div:hover {
            margin: -5px 0 5px;
        }

body #divIcerik div.anasayfa_tek_slider {
    overflow: hidden;
    width: 100%;
}

.bannerWrapper {
    border-radius: 0;
    overflow: hidden;
}

body #mainHolder_divDesign .ticimaxTabHead {
    margin: 0 0 20px;
}

    body #mainHolder_divDesign .ticimaxTabHead ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        padding: 0 0;
        background: #f7f7f700;
        transition: 0.5s;
        position: relative;
        z-index: 2;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
    }

    body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a {
        background: #00244d00;
        color: #000;
        color: #000000;
        border-bottom: 1px solid #000;
    }

    body #mainHolder_divDesign .ticimaxTabHead li {
        margin: 0 15px 0 0;
        cursor: pointer;
        padding: 0;
        float: left;
    }

        body #mainHolder_divDesign .ticimaxTabHead li:hover a {
            color: #000000;
            background: #00244d00;
        }

.ticimaxAnasayfaTab .Block_Link {
    top: -40px;
    right: 70px;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.5s;
}

.ticimaxAnasayfaTab.active .Block_Link {
    right: 0;
    visibility: visible;
    opacity: 1;
}

body .footerTemp .newsletterContent #btnMailKaydet {
    overflow: hidden;
    z-index: 2;
    flex-direction: row-reverse;
    gap: 5px;
    transition: 0.5s;
    color: #a7a7a7 !important;
}

    body .footerTemp .newsletterContent #btnMailKaydet i:before {
        content: "\f178";
        font-weight: 300;
        font-size: 20px;
    }

    body .footerTemp .newsletterContent #btnMailKaydet i {
        position: relative;
        z-index: 2;
        transition: 0.5s;
    }

    body .footerTemp .newsletterContent #btnMailKaydet:hover i {
        color: #000 !important;
    }

    body .footerTemp .newsletterContent #btnMailKaydet:hover {
        background: #fff !important;
    }

body:has(.categoryContainer) ul.breadcrumb {
    padding: 0;
}

body:has(.homepage) .header-main {
    border-bottom: 1px solid #ffffff38;
}

body:has(.homepage) #headerNew.fixed .header-main {
    border-color: #d8d8d8;
}

.FiltreBtn {
    float: left;
    display: flex;
    border-radius: 0;
    gap: 5px;
    align-items: center;
    padding: 0 0;
    cursor: pointer;
    height: 45px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    background: #fff;
}

.filtreOpenBtn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}

body
.category-vertical-filters.top-filters
.panel.div-kategori
.list-group.dropdown:has(li ul)
li {
    flex-direction: column;
    align-items: start;
}

.FiltreBtn span,
.FiltreBtn img {
    position: relative;
    z-index: 2;
    transition: 0.3s;
    color: #000000;
}

.categorydesign p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    margin: 0;
}

    .categorydesign p strong {
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

div#mainHolder_divKategoriBaslik {
    max-height: 110px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 0 0;
}

    div#mainHolder_divKategoriBaslik::-webkit-scrollbar {
        width: 3px;
    }

    div#mainHolder_divKategoriBaslik::-webkit-scrollbar-track {
        background: #c2c2c2;
        border-radius: 0;
    }

    div#mainHolder_divKategoriBaslik::-webkit-scrollbar-thumb {
        background: #000000;
        border-radius: 0;
    }

.productDetail a.itemCategory {
    display: none;
}

a.itemCategory {
    margin: 0 0 10px;
    float: left;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    transition: 0.3s;
    display: none;
    clear: left;
    padding: 5px 10px;
    border-radius: 0;
    overflow: hidden;
    background: #00244d;
    position: relative;
    border: 1px solid #000;
}

    a.itemCategory:hover {
        color: #000;
        background: #fff;
    }

.productOnYazi {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

.productStokKodu {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

.productSatisBirimi {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

.productDetail > .productMarkaLogo {
    display: flex !important;
}

.productMarkaLogo {
    float: left;
    width: 100%;
    height: 55px;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
}

    .productMarkaLogo img {
        margin: 0 auto;
        max-height: 100%;
    }

.itemCategoryLine {
    position: relative;
    z-index: 2;
}

body .productItem:hover .quickViewIco {
    display: block;
}

.productIconExButtons {
    position: absolute;
    bottom: calc(100% + 5px);
    right: 5px;
    z-index: 9;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    left: 5px;
}

.productItem:hover .productIconExButtons {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.productIconExButtons > div {
    width: 100%;
    display: block !important;
    overflow: hidden;
    border-radius: 0;
    position: relative;
    float: left;
    width: 100%;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    margin: 5px 0 0;
}

    .productIconExButtons > div a {
        line-height: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        text-align: center;
        float: left;
        width: 100%;
        background: #fff;
        position: relative;
        padding: 0;
        transition: 0.5s;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .productIconExButtons > div a i {
            display: none;
        }

        .productIconExButtons > div a:hover {
            background: #00244d !important;
            color: #fff;
        }

    .productIconExButtons > div.favori,
    .productIconExButtons > div.mycartIcon {
    }

body .collectionModalAdd .collectionAddModalBottom {
    padding: 0 10px 10px;
}

.productIconExButtons > div.examineIcon {
    display: none !important;
}

body #hizliBakis {
    width: 1160px;
    border-radius: 0;
    padding: 20px 20px 20px 20px;
}

body div#hizliBakisAltAlan {
    float: left;
    width: 1160px;
    padding: 20px 20px 20px 20px;
}

body .divHizliBakisUrunOzellikleri {
    padding: 20px 0 0;
}

body #hizliBakisAltAlan .ProductList .JKatAdi {
    padding: 20px 0 !important;
}

    body #hizliBakisAltAlan .ProductList .JKatAdi .bold .satir1 {
        font-size: 24px;
    }

div#divHizliBakisBenzerUrun {
    float: left;
    width: 100%;
    margin-top: 20px;
}

body .ProductPreviewContent {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

    body .ProductPreviewContent > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

body .ProductPreviewLeft {
    width: 500px;
    margin: 0;
}

body .PreviewImages {
    width: 100%;
}

body .PreviewallImages {
    display: none;
}

body .PreviewselectedImages {
    padding-bottom: 128%;
    border: none;
    border-radius: 0;
    overflow: hidden;
    border-radius: 0;
}

    body .PreviewselectedImages .PreviewselectedImagesBox {
        padding-bottom: 128%;
    }

body .ProductPreviewRight {
    width: calc(100% - 500px);
    padding: 0 0 0 30px;
}

body .hizliBakis_Name {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

body .hizliBakis_stokKodu {
    font-size: 14px;
    color: #898989;
}

body .ProductPreviewForm div#divFiyatAlanlari {
    margin: 20px 0 0;
    float: left;
    width: 100%;
}

    body .ProductPreviewForm div#divFiyatAlanlari .kombinFormline {
        display: none;
    }

body span.kdvYazi {
    display: none;
}

body .hizliBakis_UstuCiziliFiyat {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    float: left;
    line-height: 20px;
    text-decoration: line-through;
    margin-right: 10px;
}

body .hizliBakis_Price {
    float: left;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

body .ProductPreviewForm div#divKombinUrunEkSecenek {
    margin: 30px 0 0;
    float: left;
    width: 100%;
}

body .kombinleft_line {
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    float: left;
    width: 100%;
}

body .kombinright_line a {
    min-width: 44px;
    height: 40px;
    line-height: 38px;
    border-radius: 0;
    margin: 0 10px 10px 0;
    transition: 0.3s;
    color: #000;
    padding: 0 10px;
    border: 1px solid #d9d9d9;
}

    body .kombinright_line a:has(img) {
        height: 30px;
        overflow: hidden;
        min-width: 30px;
        width: 32px;
        padding: 2px;
        border-radius: 50% !important;
        float: left;
    }

    body .kombinright_line a img {
        border-radius: 50%;
        border: 1px solid #e9e9e9;
        width: 100%;
        height: 100%;
    }

    body .kombinright_line a:hover {
        border-color: #00244d;
        color: #000;
    }

body .ProductPreviewForm .clear {
    display: none;
}

body .kombinFormline .kombinright_line {
    float: left;
    width: 100%;
}

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

body .hizliBakis_Adet {
    float: left;
    clear: left;
    margin: 20px 0 0;
}

body .hizliBakisSepeteEkle {
    max-width: 100%;
    border-radius: 0;
    line-height: 43px;
    padding: 0;
    text-align: center;
    margin: 0 !important;
    background: #00244d;
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    border: 1px solid #00244d;
}

    body .hizliBakisSepeteEkle:hover {
        background: #fff;
        color: #000;
    }

body .kombinkutuluvaryasyon a.size_box,
body .kombinright_line a.size_box {
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: none;
    border: 1px solid #d9d9d9;
    border-radius: 0;
}

    body .kombinkutuluvaryasyon a.size_box.selected,
    body .kombinright_line a.size_box.selected {
        background: #fff;
        color: #000;
        border-color: #00244d;
    }

body .hizliBakis_Adet .riSingle .riDown,
body .hizliBakis_Adet .riSingle .riUp {
    width: 46px;
    height: 46px;
    border: 1px solid #ececec;
    border-radius: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

body .hizliBakis_Adet .riSingle {
    border: none;
    border-radius: 0;
    display: flex;
    gap: 10px;
    padding: 0;
    width: auto !important;
}

    body .hizliBakis_Adet .riSingle .riDown:hover,
    body .hizliBakis_Adet .riSingle .riUp:hover {
        border-color: #00244d;
        background: #fff;
    }

    body .hizliBakis_Adet .riSingle .riDown:after,
    body .hizliBakis_Adet .riSingle .riUp:after {
        transition: 0.5s;
        color: #000;
        position: relative;
        z-index: 2;
    }

    body .hizliBakis_Adet .riSingle input {
        width: 46px;
        height: 46px !important;
        background: #ececec;
        border-radius: 0;
        border: 1px solid #ececec;
    }

.divHizliBakisFavorilerimeEkle {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

    .divHizliBakisFavorilerimeEkle a {
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        border: 1px solid #00244d;
        color: #000;
        font-size: 14px;
    }

        .divHizliBakisFavorilerimeEkle a:hover {
            background: #00244d;
            color: #fff;
        }

        .divHizliBakisFavorilerimeEkle a span i {
            display: none;
        }

div#divNextProduct {
    display: none;
}

body .account-item .nav-dropdown {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.5s;
}

body .account-item:hover .nav-dropdown {
    visibility: visible;
    display: none;
    opacity: 1;
    transform: translateY(0);
}

body .cart-item:not(.mobileStyle) .header-cart-hover {
    visibility: hidden;
    opacity: 0;
    display: block;
    transform: translateY(20px);
    transition: 0.5s;
}

body .cart-item:not(.mobileStyle):hover .header-cart-hover {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.proDetailArea {
    float: left;
    width: 100%;
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    display: none !important;
}

div#divOzelAlan1,
div#divOzelAlan2,
div#divOzelAlan3,
div#divOzelAlan4,
div#divOzelAlan5 {
    display: none !important;
}

.proDetailArea > div {
    display: block !important;
    padding: 7px 12px;
    background: #00244d;
    color: #fff;
    border-radius: 0;
    transition: 0.5s;
    font-size: 13px;
    transform: translateY(0);
}

    .proDetailArea > div:hover {
        transform: translateY(5px);
    }

div#divUrunDetayKombin {
    float: left;
    width: 100%;
    margin-top: 10px;
}

div#kombinUrunler {
    float: left;
    width: 100%;
}

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

    .kombinContent > ul {
        float: left;
        width: 100%;
        padding: 0;
        list-style: none;
        margin: 0;
    }

body .kombinItem {
    padding: 20px;
    border-radius: 0;
    border: 1px solid #e9e9e9;
    margin: 0 0 10px;
}

    body .kombinItem .kombinleftImage {
        width: 200px;
    }

    body .kombinItem .kombinRightDetail {
        width: calc(100% - 200px);
        padding: 0 0 0 15px;
    }

    body .kombinItem .kombinImages img {
        border-radius: 0;
        max-width: 100%;
    }

    body .kombinItem .kombinImages .selectedImagesLink {
        float: left;
        width: 100%;
        margin: 10px 0 0;
        padding: 10px;
        text-align: center;
        background: #fff;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        z-index: 2;
        transition: 0.3s;
        font-size: 14px;
        color: #000;
        font-weight: 500;
        border: 1px solid #00244d;
    }

        body .kombinItem .kombinImages .selectedImagesLink:hover {
            color: #fff;
            background: #00244d;
        }

body .kombinFormline .kombinright_line {
    font-size: 14px;
    line-height: normal;
}

ul#specialFieldsList {
    display: none;
}

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

    .PriceListKombin div#divFiyatAlanlari {
        float: left;
        width: 100%;
        margin: 10px 0 0;
    }

body #divFiyatAlanlari .kombinFiyat2 {
    font-size: 15px;
}

body .KombinTopluSatinAlimBtn a {
    width: 100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 0;
    line-height: 48px;
    border: 1px solid #00244d;
}

    body .KombinTopluSatinAlimBtn a:hover {
        background: #00244d;
        color: #fff;
    }

body .kombinItem .kombinRightDetail .divKombinUrunEkSecenek {
    margin-top: 15px;
}

body .kombinright_line select {
    min-width: 100%;
    float: left;
    height: 50px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    border-radius: 0;
    position: relative;
    z-index: 2;
    transition: 0.5s;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    text-indent: 0;
    border: 1px solid #e9e9e9;
}

    body .kombinright_line select:hover {
        border-color: #00244d;
    }

body .kombinselectvaryasyon {
    width: 100%;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    z-index: 2;
}

body .kombinright_line select option {
    color: #000 !important;
}

.PriceListKombin a.button {
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    float: left;
    width: 100%;
    padding: 0;
    line-height: 45px;
    display: flex;
    position: relative;
    z-index: 2;
    border-radius: 0;
    overflow: hidden;
    transition: 0.5s;
    margin-top: 10px !important;
    border: 1px solid #00244d;
}

    .PriceListKombin a.button:hover {
        color: #fff;
        background: #00244d;
    }

.fancybox-outer .kombinContent {
    padding: 20px;
}

.hizliBakis_marka {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

    .hizliBakis_marka a,
    .UrunuIncele a {
        border-radius: 0;
        padding: 0 20px;
        line-height: 35px;
        background: #fff;
        overflow: hidden;
        position: relative;
        z-index: 2;
        float: left;
        width: auto !important;
        color: #000;
        font-weight: 500;
        transition: 0.5s;
        font-size: 14px;
        border: 1px solid #00244d;
    }

        .hizliBakis_marka a:hover,
        .UrunuIncele a:hover {
            color: #fff;
            background: #00244d;
        }

body .hizliBakis_ozyazi {
    float: left;
    width: 100%;
    max-width: 100%;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 400;
    color: #828282;
}

.hizliBakis_SalesUnit {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-weight: 600;
}

body .divHizliBakisUrunOzellikleri .TabBaslik span {
    border-radius: 0 0 0 0;
    padding: 15px 25px;
    font-size: 15px;
    font-weight: 500;
}

body .divHizliBakisUrunOzellikleri .TabIcerik {
    border-radius: 0 0 0 0;
}

.hizliBakis_aciklama span {
    font-size: 14px !important;
}

div#hizliBakisTahminiTeslimatSuresi {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.hizliBakis_DiscountRate {
    margin: 0 0 0 10px;
    float: left;
    padding: 10px;
    margin-top: -8px;
    background: #00244d;
    border-radius: 0;
    color: #fff;
    display: flex;
    align-items: center;
}

body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a,
body .collectionButtonList ul li .collectionButton.collectionTabBtn,
body .collectionButtonList ul li .collectionButton.collectionNewBtn,
body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a,
body
#checkoutCartProductDiv
.cartCheckoutButtons
.checkoutButton.orderCompleteButton
a,
body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn,
body .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a,
body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection,
body
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.upload-options
.fileClear,
body .karsilastirPopupContent .popupIcerik .compareTip a {
    border-radius: 0;
    background: #fff;
    color: #000;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border: none;
    padding: 10px 15px;
    transition: 0.5s;
    border: 1px solid #00244d;
    font-size: 14px;
}

    body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a:hover,
    body .collectionButtonList ul li .collectionButton.collectionTabBtn:hover,
    body .collectionButtonList ul li .collectionButton.collectionNewBtn:hover,
    #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a:hover,
    body
    #checkoutCartProductDiv
    .cartCheckoutButtons
    .checkoutButton.orderCompleteButton
    a:hover,
    body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn:hover,
    body
    .collectionModalAdd
    .collectionAddModalMiddle
    ul
    li
    .urlToCollection
    a:hover,
    body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection:hover,
    body
    #yorumYaz
    .frmUrunDetayYorumYaz
    .divYorumFotografEkleme
    .yorumFotograflarDiv
    .upload-options
    .fileClear:hover,
    body .karsilastirPopupContent .popupIcerik .compareTip a:hover {
        color: #fff;
        background: #00244d;
    }

body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a:hover,
body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a {
    border: 1px solid #00244d;
    background: #fff;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

div#IlgiliKombinlerDiv {
    float: left;
    width: 100%;
    margin-top: 0;
}

body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet,
body
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.upload-options
.upload-btn
label {
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 0;
    line-height: 45px;
    color: #000;
    padding: 0;
    transition: 0.5s;
    border: 1px solid #00244d;
}

body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn,
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.upload-options
.upload-btn {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #00244d;
    color: #000;
    transition: 0.5s;
    font-size: 14px;
}

    body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet:hover,
    #yorumYaz
    .frmUrunDetayYorumYaz
    .divYorumFotografEkleme
    .yorumFotograflarDiv
    .upload-options
    .upload-btn:hover
    label {
        color: #fff;
        background: #00244d;
    }

body
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.upload-options
.upload-btn
label {
    line-height: 35px;
}

body
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.upload-options
.fileClear {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}

#TavsiyeEt button,
#TelefonSiparis button {
    border-radius: 0 !important;
}

    #TavsiyeEt button:hover,
    #TelefonSiparis button:hover {
        background: #00244d !important;
    }

body .commentTicimax .commentTiciNewCommentButton {
    font-size: 15px;
    padding: 12px 25px;
}

body .fancybox-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
    justify-content: flex-end;
}

body .karsilastirPopupContent .popupIcerik .compareTip a {
    padding: 0;
    line-height: 45px;
    font-size: 14px;
    font-family: "Instrument Sans";
    font-weight: 600;
}

body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj {
    margin-bottom: 0;
}

    body
    .karsilastirPopupContent
    .popupIcerik
    .compare-products
    .ItemOrj
    .productItem {
        width: 100%;
        position: relative;
        text-align: center;
        display: inline-block;
        float: left;
        border-radius: 0;
        overflow: hidden;
        transition: 0.3s;
        padding: 0;
        height: 100%;
        transition: 0.5s;
    }

        body
        .karsilastirPopupContent
        .popupIcerik
        .compare-products
        .ItemOrj
        .productItem:hover {
            border-color: #00244d;
        }

    body
    .karsilastirPopupContent
    .popupIcerik
    .compare-products
    .ItemOrj
    .productPrice
    div
    * {
        font-size: 14px !important;
        font-family: "Instrument Sans";
    }

    body
    .karsilastirPopupContent
    .popupIcerik
    .compare-products
    .ItemOrj
    .productPrice > div {
        margin: 0 !important;
    }

    body
    .karsilastirPopupContent
    .popupIcerik
    .compare-products
    .ItemOrj
    .productPrice {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

body
#yorumYaz
.frmUrunDetayYorumYaz
.divYorumFotografEkleme
.yorumFotograflarDiv
.js--image-preview {
    border-radius: 0;
    overflow: hidden;
}

body #yorumYaz input[type="text"],
body #yorumYaz textarea,
#yorumYaz select {
    border-radius: 0;
}

/*---------------Sağ Sepet-----------------*/
body .miniCartSatir2 a.checkoutAsGuestButton {
    background: #fff;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    border: 1px solid #00244d;
}

    body .miniCartSatir2 a.checkoutAsGuestButton span {
        position: relative;
        z-index: 2;
    }

    body .miniCartSatir2 a.checkoutAsGuestButton:hover {
        background: #00244d !important;
        color: #fff;
        border-color: #00244d;
    }

body .miniCartItem .miniCartLeft .adettanim3 a {
    width: 40px;
    height: 40px;
    float: left;
    background: #fff;
    border: 1px solid #00244d;
    border-radius: 0;
    color: #000;
    transition: 0.5s;
    overflow: hidden;
    position: relative;
}

body .miniCartItem .miniCartLeft .adettanim3 input {
    height: 40px !important;
    border: 1px solid #00244d;
    width: 40px !important;
    border-radius: 0;
    float: left;
    padding: 0;
    margin: 0 10px;
    text-indent: 0;
}

body .adettanim3 {
    width: auto;
}

body .miniCartItem .miniCartLeft .adettanim3 a:hover {
    color: #fff;
    background: #00244d;
}

body .miniCartDetay .adettanim3 label {
    margin-bottom: 5px;
}

body .miniCartRigthHeader {
    background: #fff;
}

    body .miniCartRigthHeader .spnCartTxt {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        padding-left: 9px;
    }

    body .miniCartRigthHeader .header-close-btn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 10px;
        border-radius: 50%;
        background: #fff;
        overflow: hidden;
    }

        body .miniCartRigthHeader .header-close-btn svg {
            transition: 0.5s;
            fill: #000;
            width: 11px;
            position: relative;
            z-index: 2;
        }

        body .miniCartRigthHeader .header-close-btn:hover svg {
            fill: #fff;
        }

        body .miniCartRigthHeader .header-close-btn:hover {
            background: #00244d;
        }

body .hediyeCekiBtnContent {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    body .hediyeCekiBtnContent a span {
        position: relative;
        z-index: 2;
        transition: 0.5s;
    }

    body .hediyeCekiBtnContent a {
        border-radius: 0;
        padding: 15px;
        position: relative;
        overflow: hidden;
        border: 1px solid #00244d;
        color: #000;
        transition: 0.5s;
    }

        body .hediyeCekiBtnContent a:hover {
            color: #fff;
            background: #e9e9e9;
        }

body .miniCartSatir2 .checkoutAsGuestButton {
    background: #fff;
    color: #000;
    border-radius: 0;
    position: relative;
    z-index: 2;
    line-height: 45px;
    padding: 0;
    border: none;
    transition: 0.5s;
    border: 1px solid #00244d;
}

    body .miniCartSatir2 .checkoutAsGuestButton:hover {
        background: #00244d !important;
        color: #fff;
    }

body div#divRigthCartGiftCodeContent .miniCartGiftInput input {
    height: 45px;
    border-radius: 0;
    padding: 0 15px;
}

/*---------------Sağ Sepet-----------------*/

div#pnlFiyatlar:has(#divKDVDahilFiyat) #divIndirimsizFiyat {
    display: none;
}

body #yorumYaz .alert-info a {
    padding: 10px 25px;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    color: #000;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    border: 1px solid #00244d;
}

    body #yorumYaz .alert-info a:hover {
        color: #fff;
        background: #00244d;
    }

body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn,
body #sepetEkleModal .divAltButonlar a.modalSepetimBtn {
    background: #fff;
    color: #000;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: 0.5s;
    border: 1px solid #00244d;
}

    body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn:hover,
    body #sepetEkleModal .divAltButonlar a.modalSepetimBtn:hover {
        color: #fff;
        background: #00244d;
    }

#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img,
.cd-image-container img,
ul#ulMarkaSliderTemplateData li a img {
    transition: 1s;
    transition-delay: 0.5s;
    transform: scale(1.2);
}

    #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loaded,
    #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loading,
    .cd-image-container img.loaded,
    ul#ulMarkaSliderTemplateData li a img.loaded {
        transform: scale(1);
    }

body #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) {
    overflow: hidden;
}

body .cd-image-container {
    overflow: hidden;
    border-radius: 0;
}

#divIcerik
.owl-carousel.multiBlokSlider:not(.owl-loaded)
.bannerWrapper:first-child {
    display: block;
}

#divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper {
    display: none;
}
/*--------------UST----------*/
body .category-vertical-filters.top-filters {
    display: block !important;
    width: 800px;
    position: fixed;
    top: 0;
    left: auto;
    right: -100%;
    bottom: 0;
    z-index: 9999;
    background: #ffffff;
    margin: 0;
    padding: 0;
    border: none;
    transition: all 1s ease;
    overflow-x: hidden;
    overflow-y: auto;
}

    body .category-vertical-filters.top-filters ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

body .filterBlock.active .category-vertical-filters.top-filters {
    right: 0;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
    float: left;
    width: 100%;
    line-height: normal;
    font-size: 14px;
    color: #000000;
    margin-bottom: 0;
    padding: 24px;
    position: static;
    text-align: center;
    background: #ffffff;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-transform: capitalize;
    border-bottom: none;
    border-bottom: 1px solid #000000;
}

body .category-vertical-filters.top-filters .FiltreUst .closeFilt i {
    font-weight: 300;
    transition: 1s;
    font-size: 20px;
}

    body .category-vertical-filters.top-filters .FiltreUst .closeFilt i:hover {
        color: #000;
        transform: rotate(90deg);
    }

body .category-vertical-filters.top-filters .FiltreUst span {
    display: inline-block;
    vertical-align: top;
    position: static;
    text-align: left;
    color: #000000;
    font-size: 20px;
    float: left;
    width: 100%;
    text-align: left;
    /* text-transform: uppercase; */

    font-weight: normal;
}

body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
    float: right;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
    position: static;
    right: 10px;
    top: 10px;
    line-height: 1;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
    transition: 0.3s;
    float: left;
}

    body .category-vertical-filters.top-filters .FiltreUst .closeFilt:hover {
        border-color: #000;
    }

body .category-vertical-filters.top-filters .FiltreUst a {
    float: right;
    font-size: 13px;
    position: relative;
    z-index: 1;
    color: #fff;
    display: none;
}

    body .category-vertical-filters.top-filters .FiltreUst a i {
        color: #fff;
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        line-height: 50px;
        margin-left: 5px;
    }

body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
    float: left;
    width: 100%;
    margin-bottom: 0;
    position: relative;
    padding: 0;
    display: none !important;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {
    float: left;
    width: 38%;
    height: calc(100% - 153px);
    overflow: auto;
    padding: 24px;
    border-right: 1px solid #00000012;
    transition: 1s;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
    float: left;
    width: auto;
    text-align: center;
    margin-top: 0;
    display: block;
    padding: 0;
    min-width: auto;
}

    body
    #divSayfalamaUst
    .category-vertical-filters.top-filters
    .filtreUygulaBtn
    span {
        display: inline-block;
        vertical-align: top;
        min-width: 100%;
        color: #fff;
        line-height: 44px;
        font-size: 14px;
        width: 100%;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 600;
        border: none;
        background: #000000;
        border-radius: 0;
        padding: 0 24px;
        transition: 1s;
        letter-spacing: 1.5px;
    }

        body
        #divSayfalamaUst
        .category-vertical-filters.top-filters
        .filtreUygulaBtn
        span:hover {
            color: #fff;
            background: #09192d;
        }

body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding: 0;
    background: transparent;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after {
        content: "\f00c";
        float: right;
        width: 14px;
        height: 14px;
        position: static;
        top: 0;
        bottom: 0;
        right: 0;
        border-radius: 2px;
        background: transparent;
        margin: 0;
        transition: 0.5s;
        font-size: 0;
        font-weight: 300;
        font-size: 0;
        color: #fff;
        border: 1px solid #cccbc8;
        font-family: "FontAwesome";
        line-height: 10px;
        text-align: center;
    }

    body
    .category-vertical-filters.top-filters
    .tukgo
    .filterOrderInStock.selected:after {
        font-size: 10px;
        background-color: #09192d;
        border-color: #09192d;
    }

body .category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent !important;
    float: left;
    width: 100%;
}

    body .category-vertical-filters.top-filters .panel .panel-heading a {
        float: left;
        width: 100%;
        text-align: left;
        color: #000000;
        font-weight: 600;
        font-size: 14px;
        line-height: 40px;
        padding: 0;
        text-transform: capitalize;
        padding: 0;
        position: relative;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: 1s;
        cursor: default;
    }

        body .category-vertical-filters.top-filters .panel .panel-heading a:hover,
        body .category-vertical-filters.top-filters .panel .panel-heading.open a {
            color: #09192d;
        }

            body
            .category-vertical-filters.top-filters
            .panel
            .panel-heading
            a:hover::after {
                color: #09192d !important;
            }

        body .category-vertical-filters.top-filters .panel .panel-heading a:after {
            position: static !important;
            top: 0 !important;
            color: #000000 !important;
            font-weight: 400;
            font-family: "FontAwesome";
            content: "\f054" !important;
            font-size: 12px;
            line-height: 40px;
            right: 0 !important;
            float: right;
        }

    body .category-vertical-filters.top-filters .panel .panel-heading.open a:after {
        content: "\f054" !important;
    }

body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    line-height: 40px;
    font-size: 12px;
    color: #09192d;
    display: block;
    font-weight: 600;
    transition: 0.5s;
}

body
#divSayfalamaUst
.category-vertical-filters.top-filters
.panel-heading:has(> a:hover)
.moreNum {
    color: #09192d;
}

body .category-vertical-filters.top-filters .panel {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

    body .category-vertical-filters.top-filters .panel:last-child {
        margin-bottom: 0;
    }

body .category-vertical-filters.top-filters .list-group.dropdown {
    border: none;
    position: static;
    box-shadow: none;
    padding: 0;
    margin-top: 20px;
    float: left;
    max-height: 300px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0;
    margin-bottom: 15px;
    display: block !important;
    background: transparent;
}

    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: 8px;
        padding: 0;
        float: left;
        background: transparent;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        body .category-vertical-filters.top-filters .list-group.dropdown li:last-child {
            margin: 0;
        }

        body .category-vertical-filters.top-filters .list-group.dropdown li a {
            color: #666562;
            line-height: 40px;
        }

        body .category-vertical-filters.top-filters .list-group.dropdown li:hover a {
            color: #000000;
        }

        body .category-vertical-filters.top-filters .list-group.dropdown li.selected a {
            color: #000000;
        }

body
.category-vertical-filters.top-filters
.vertical-filter-panel
.list-group-item
a {
    font-size: 13px;
    color: #666562;
    font-weight: 500;
    float: left;
    letter-spacing: 1.5px;
}

body .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    display: inline-block !important;
    width: 14px;
    height: 14px;
    line-height: 12px;
    font-size: 6px;
    color: #fff;
    font-family: "FontAwesome";
    text-align: center;
    float: left;
    content: "";
    margin-right: 0 !important;
    border: 1px solid #cccbc8;
    transition: 0.5s;
    font-weight: bold;
}

body
.category-vertical-filters
.vertical-filter-panel
.list-group-item.selected:before {
    content: "\f00c";
    background: #09192d !important;
    border-color: #09192d !important;
    color: #fff;
}

body
.category-vertical-filters
.vertical-filter-panel
.list-group-item:hover:before {
    content: "\f00c";
    background: #09192d;
    border-color: #09192d;
    color: #fff;
}

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: 0;
}

body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent {
}

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

body .category-vertical-filters.top-filters::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.panel-search input {
    height: 35px;
    border: none;
    border-bottom: 1px solid #e0e3e5;
    background: #fff;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 24px;
    color: #000;
    width: 100%;
}

.panel-search {
    float: left;
    width: auto;
    min-width: 100%;
    margin: 0 0 32px !important;
}

body
#divSayfalamaUst
.category-vertical-filters.top-filters
.FiltreicerikAlan::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body
.category-vertical-filters.top-filters
.list-group.dropdown::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body
.category-vertical-filters.top-filters
.list-group.dropdown::-webkit-scrollbar-track {
    background: #dadad9;
}

body
.category-vertical-filters.top-filters
.list-group.dropdown::-webkit-scrollbar-thumb {
    background: #b2b2b2;
}

body .category-vertical-filters.top-filters .filtreAlt a {
    display: flex !important;
    justify-content: center;
    border: none;
    height: 44px;
    transition: 1s;
    padding: 0;
    min-width: auto;
    background: transparent;
    align-items: center;
    border-radius: 0;
    width: auto;
    font-size: 12px;
    font-weight: 600;
}

    body .category-vertical-filters.top-filters .filtreAlt a:hover {
        color: #09192d;
    }

    body .category-vertical-filters.top-filters .filtreAlt a i:before {
        content: "Filtreleri Kaldır";
    }

    body .category-vertical-filters.top-filters .filtreAlt a i {
        font-size: 14px;
        color: #000000;
        font-family: var(--main-font-family);
        font-weight: 600;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    body .category-vertical-filters.top-filters .filtreAlt a:hover i {
        color: #09192d;
    }

.filtreAlt {
    float: left;
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 16px;
    padding: 20px 24px;
    border-top: 1px solid #000000;
    flex-direction: row-reverse;
}

.FiyatSlider {
    float: left;
    width: 100%;
    padding: 25px 0;
}

body .ui-widget.ui-widget-content {
    width: 100%;
    background: #dfdeda;
    border: none;
    height: 8px;
    float: left;
    border-radius: 30px;
}

body .ui-slider-horizontal .ui-slider-range {
    background: #dfdeda;
}

body .ui-slider .ui-slider-handle {
    border: none;
    border-radius: 50%;
    background: #09192d;
    top: -6px;
    width: 20px;
    height: 20px;
    cursor: all-scroll;
    margin: 0;
}

.amount {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    color: #828280;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}

.FiyatSlider:before {
    content: "Fiyat";
    font-size: 14px;
    float: left;
    width: 100%;
    margin: 0 0 29px;
    text-align: left;
    font-weight: 600;
    color: #000000;
    letter-spacing: 1px;
}

body .category-vertical-filters.top-filters .list-group.dropdown {
    display: none !important;
    position: absolute;
    box-shadow: none;
    background: transparent;
    border: none;
    padding: 24px 24px 0;
    margin: 0;
    top: 60px;
    z-index: -1;
    left: 43%;
    width: auto;
    right: 0;
    bottom: 0;
    max-height: calc(100% - 177px);
}

body
.category-vertical-filters.top-filters
.panel:has(.active)
.list-group.dropdown {
    display: none !important;
}

body
.category-vertical-filters.top-filters
.panel:has(.open)
.list-group.dropdown {
    display: block !important;
    max-height: 480px !important;
    overflow: scroll !important;
    background: #FFF;
}

.panel.panel-default.vertical-filter-panel.div-fiyat-filter {
    margin-top: 20px;
}

body .category-vertical-filters.top-filters .FiyatTextBox input[type="text"] {
    width: 40%;
    margin: 0 !important;
    background: transparent;
    border: none !important;
    text-indent: 0;
    font-size: 12px;
    font-weight: 500;
    color: #1a1818;
    border-bottom: 1px solid #000 !important;
    padding: 0 0 10px;
}

    body
    .category-vertical-filters.top-filters
    .FiyatTextBox
    input[type="text"].filterPrice2 {
        margin-left: 10% !important;
    }

body
.category-vertical-filters.top-filters
.panel
.panel-heading.active
a:after {
    color: #09192d !important;
}

body
.category-vertical-filters.top-filters
.panel
.panel-heading.active
.moreNum {
    color: #09192d !important;
}

body .appliedFilter .filter-content span.filterColorBg {
    display: none;
}

body .ui-slider .ui-slider-handle:last-child {
    margin-left: -20px;
}

body:has(.categoryContainer) .white {
    display: none;
}

/*--------------UST----------*/

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

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

.Block_Link {
}

    .Block_Link a {
        display: flex;
        gap: 6px;
        line-height: 30px;
        align-items: center;
        transition: 0.5s;
        color: #413a3a;
        overflow: hidden;
        position: relative;
        background: transparent;
        z-index: 2;
        font-size: 12px;
        justify-content: center;
        padding: 0 20px;
        border: 1px solid #cbc7c7;
        width: 180px;
        margin: 0 auto;
        margin-top: 30px;
    }

        .Block_Link a:hover {
            text-decoration: underline;
        }

.footerTemp {
    margin-top: 0;
}

div#divMarka {
    margin: 5px 0;
}

body .divGrupOlusturContentBottom button {
    background: #00244d;
    line-height: 40px;
    color: #fff;
    transition: 0.5s;
    text-transform: uppercase;
    padding: 0;
    border: none;
}

    body .divGrupOlusturContentBottom button:hover {
        background: #00244d;
    }

body .detayFavoriListItem {
    padding: 10px;
}

    body .detayFavoriListItem button {
        transition: 0.5s;
        background: #00244d;
        color: #fff;
        border: none;
        padding: 7px 15px;
    }

        body .detayFavoriListItem button:hover {
            background: #00244d;
            border: none;
        }

body .divGrupOlusturContentBottom input {
    border: 1px solid #00244d;
}

.multiblockWrapper img {
    width: 100%;
}

.main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
    bottom: 20%;
    top: auto;
}

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle {
        font-size: 80px;
        font-weight: 300;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc {
        font-size: 20px;
        font-weight: 400;
    }

    .main
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 40px;
    }

        .main
        .bannerWrapper.blokTypeBackround
        .bannerDescriptionWrapper
        .bannerButtonWrapper
        a {
            border-radius: 0;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 220px;
            transition: 0.5s;
        }

            .main
            .bannerWrapper.blokTypeBackround
            .bannerDescriptionWrapper
            .bannerButtonWrapper
            a:hover {
                background: #fff;
                color: #000;
            }

body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn {
    max-height: fit-content;
}

body
.collectionModalAdd
.collectionAddModalMiddle
ul
li
.itemCollection.selected:after {
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.ProductPreviewForm div:has(.btnHizliSepeteEkle) {
    width: 100% !important;
    margin-top: 10px !important;
    float: left;
}

.productItem > .favori {
    display: block;
}

.favori {
    position: absolute;
    top: 9px;
    right: 0px;
    z-index: 9;
    opacity: 1;
    transition: 0.3s;
}

    .favori a {
        font-size: 0;
    }

        .favori a:after {
            content: "\f004";
            font-family: "FontAwesome";
            font-size: 20px;
            font-weight: 300;
            color: #00244d;
            transition: 0.5s;
        }

        .favori a:hover:after,
        .favori a.listfavoriAktif:after {
            font-weight: bold;
        }

.productItem.StokYok .productIconExButtons {
    display: none;
}

.productItem:hover .favori {
    visibility: visible;
    opacity: 1;
}

section.landing-block {
    padding: 0 0px;
}

    section.landing-block.main {
        padding: 0;
    }

.multiblockWrapper .bannerWrapper.blokTypeBackround {
}

.multiblockWrapper:not(.main)
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper {
    padding: 40px 30px;
    bottom: 0px;
}

.multiblockWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerTitle,
.videoBlockSliderWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerTitle {
    font-size: 60px;
}

.multiblockWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerDesc,
.videoBlockSliderWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerDesc {
    font-size: 14px;
}

.multiblockWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerButtonWrapper,
.videoBlockSliderWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper
.bannerButtonWrapper {
    margin-top: 30px;
}

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a {
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        border-radius: 0;
        line-height: normal;
        min-width: auto;
        text-align: center;
        transition: 0.5s;
    }


#mainHolder_divDesign
.sliderAyaritems-3
.blokResimLink:not(.widgetCenterImage)
img {
    width: 100%;
    transform: scale(1.2);
}

#mainHolder_divDesign
.sliderAyaritems-3
.active
.blokResimLink:not(.widgetCenterImage)
img {
    transform: scale(1);
    transition-delay: 0s;
    width: 100% !important;
}

#mainHolder_divDesign
.sliderAyaritems-3
.active
.blokResimLink:not(.widgetCenterImage) {
    max-width: 100%;
}

#mainHolder_divDesign
.sliderAyaritems-3
.blokResimLink:not(.widgetCenterImage):hover
img {
    transform: scale(1.2);
}

.multiBlockSliderWrapper
.bannerWrapper.blokTypeBackround
.bannerDescriptionWrapper {
    padding: 30px;
    top: auto;
}

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 40px;
        font-weight: 400;
    }

#mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div {
    width: 40px;
    height: 40px;
    background: #fff;
}

    #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div:hover {
        background: #00244d;
    }

        #mainHolder_divDesign
        .owl-carousel.sliderAyaritems-3
        .owl-nav > div:hover
        span:after {
            color: #fff;
        }

    #mainHolder_divDesign
    .owl-carousel.sliderAyaritems-3
    .owl-nav > div
    span:after {
        line-height: 1;
    }

.multiblockWrapper:not(.main)
.bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
.bannerDescriptionWrapper
.bannerTitle {
    font-size: 32px;
}

.multiblockWrapper:not(.main)
.bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
.bannerDescriptionWrapper
.bannerDesc {
    font-size: 18px;
}

.multiblockWrapper:not(.main)
.bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
.bannerDescriptionWrapper
.bannerButtonWrapper {
    margin-top: 15px;
}

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a {
        min-width: auto;
        background: #00244d00;
        color: #fff;
        border: 0px solid #00244d;
        padding: 0;
    }

        .multiblockWrapper:not(.main)
        .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
        .bannerDescriptionWrapper
        .bannerButtonWrapper
        a:hover {
            color: #000;
        }

.multiblockWrapper:not(.main)
.bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
.bannerDescriptionWrapper {
    bottom: 0;
}

.multiblockWrapper
.bannerWrapper.blokTypeTop.textLeftAlign
.bannerDescriptionWrapper {
    padding: 20px 0 0;
    gap: 20px;
}

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 24px;
        font-weight: 500;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
    }

.ticiAlignCenter {
    display: flex;
    align-items: center;
}

    .ticiAlignCenter:has(.widgetDetail) a {
        max-width: max-content;
    }

body .widgetDetail {
    padding: 0 0 0 10px;
    text-align: left;
    width: auto;
}

body .widgetTitle {
    text-align: left;
    font-weight: 500;
}

body .widgetDesc {
    font-size: 14px;
    font-weight: 500;
    color: #757575;
}

.hazirBlokContent .txcol-sm-2.ticiAlignCenter {
    max-width: max-content;
}

#mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.ticiAlignCenter) {
    justify-content: space-between;
}

section.landing-block:has(.widgetDetail) {
    border-top: 2px solid #d9d9d9;
    padding-top: 70px !important;
}

div#divTahminiTeslimatSuresi {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 15px 0 0;
}

.urunOzellikTab {
    margin: 36px 0 0;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #ececec;
}

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

        .urunOzellikTab .urunTab > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .urunOzellikTab .urunTab > ul > li {
                float: left;
                width: 100%;
                border-bottom: 1px solid #ececec;
                margin-bottom: 0;
            }

                .urunOzellikTab .urunTab > ul > li > a {
                    color: #222222;
                    font-size: 14px;
                    text-transform: capitalize;
                    line-height: 55px;
                    float: left;
                    width: 100%;
                    padding: 0;
                    font-weight: 400;
                    position: relative;
                    background: #fff;
                    border-radius: 0;
                    padding: 0;
                    transition: 0.5s;
                }

                    .urunOzellikTab .urunTab > ul > li > a span {
                    }

                .urunOzellikTab .urunTab > ul > li .urunDetayPanel {
                    display: none !important;
                }

                .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a {
                    color: #000;
                    background: #fff;
                }

                .urunOzellikTab .urunTab > ul > li[onofftip="true"] .urunDetayPanel {
                    display: block !important;
                }

    .urunOzellikTab .divYorumlarV2Slide {
        width: 100%;
        margin-bottom: 30px;
    }

    .urunOzellikTab .divYorumlarV2Ortalama {
        width: 100%;
        margin-left: 0;
    }

    .urunOzellikTab .divYorumlarV2Section1_1a1a {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .urunOzellikTab .divYorumlar-t1c9k {
        max-width: 100%;
        min-width: 0;
    }

    .urunOzellikTab .taksitWrapper .taksitBlock {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent {
            max-width: 100%;
        }

    .urunOzellikTab .yorum-item-left {
        flex: 0 0 100%;
    }

    .urunOzellikTab .v2YorumFilter {
        width: 100%;
    }

    .urunOzellikTab .v2YorumFiltreGrup {
        display: block;
    }

    .urunOzellikTab .v2YorumFilter li,
    .urunOzellikTab .v2YorumFilter ul li {
        width: 100%;
    }

    .urunOzellikTab .urunTab > ul > li > a:after {
        content: "\f054";
        float: right;
        font-family: "FontAwesome";
        font-weight: 300;
        font-size: 12px;
        color: #000;
    }

    .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:after {
    }

.multiblockWrapper img {
    width: 100%;
}

.multiblockWrapper .blokResimLink:not(.widgetCenterImage) {
    max-width: 100%;
}

body .header-dil-content #lang_flag_container #langHover {
    padding: 6.5px 8px !important;
    cursor: pointer;
    border-radius: 0;
    background: #fff !important;
    transition: 0.3s;
    margin-left: 0;
    border: 2px solid transparent;
    min-width: 100px;
}

body .header-dil-content #lang_flag_container #lang {
    line-height: normal !important;
    min-height: 13px !important;
    padding: 0 !important;
    background: transparent !important;
    justify-content: center;
}

    body .header-dil-content #lang_flag_container #lang:after {
        content: "\f107";
        font-family: "FontAwesome";
        display: block;
        line-height: 13px;
        margin-left: 5px;
        font-weight: 300;
        transition: 0.5s;
        font-size: 15px;
    }

body .header-dil-content #lang_flag_container #lang-detail {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

body .header-dil-content #lang_flag_container.active #lang-detail {
    visibility: visible;
    opacity: 1;
}

body .header-dil-content #lang_flag_container.active #lang:after {
    transform: rotate(180deg);
    margin-top: -2px;
}

body .header-dil-content #lang_flag_container #langHover.white {
    border-color: #000;
}

body .header-dil-content #lang_flag_container.active #langHover {
    border-color: #000 !important;
    background: #fff !important;
    border-radius: 4px 4px 0 0;
    border-bottom-color: transparent;
}

body #lang-detail .language,
body #lang-detail .currency {
    width: 100%;
    padding: 5px;
}

body .header-dil-content #lang_flag_container #lang-detail {
    background: #333;
    border: none;
    box-shadow: none;
    border: 2px solid #000;
    border-radius: 0 0 4px 4px;
    width: 100%;
    border-top: 0;
}

body #lang-detail p {
    color: #fff;
    font-size: 9px;
    margin: 0 0 5px;
}

body #lang-detail .language .lang-detail-div,
body #lang-detail .currency .lang-detail-div {
    color: #fff;
    opacity: 1;
    margin: 5px 0 0;
    background: #000;
    padding: 5px;
    line-height: normal;
    height: auto;
    border: 2px solid transparent;
    transition: 0.3s;
    border-radius: 4px;
    font-size: 10px;
}

    body #lang-detail .language .lang-detail-div.active,
    body #lang-detail .language .lang-detail-div:hover,
    body #lang-detail .currency .lang-detail-div.active,
    body #lang-detail .currency .lang-detail-div:hover {
        color: #fff;
        border-color: #fff;
    }

    body #lang-detail .currency .lang-detail-div i {
        display: none;
    }

body .videoBlockSliderWrapper .active img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body .bannerVideoWrapper iframe,
body .bannerVideoWrapper video {
    width: 100%;
    height: 100%;
}

body .main .bannerVideoWrapper .blokResimLink,
body .main .bannerWrapper .blokResimLink {
    height: 100dvh;
}

video[poster] {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bannerVideoWrapper {
    width: 100%;
}

.urunsecbody .RightDetail {
    position: static !important;
}
/*siteozelalan*/
@media (min-width: 1042px) {
    select#filterOrderSelect {
        padding: 0 25px 0 10px;
        text-indent: 0;
        border: 0px solid #00244d;
        height: 45px;
        border-radius: 0;
        text-align: left;
        appearance: none;
        text-align: center;
        cursor: pointer;
        transition: 0.5s;
        position: relative;
        z-index: 2;
        background: url(../../Uploads/EditorUploads/images/siralaicon.svg) no-repeat right 10px top 50% transparent;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

        select#filterOrderSelect option {
            color: #000 !important;
        }

    body .appliedFilter.FiltrelemeUrunAdet span {
        display: none;
    }

    body .sortingContent .blockSelect a.Active i {
        color: #000;
    }

    body .sortingContent .blockSelect a i {
        color: #acacac;
        transition: 0.5s;
    }

    body .sortingContent .blockSelect a:hover i {
        color: #000;
    }

    body .brandlistselection .sortingContent li > a {
        height: 30px;
        padding: 0 10px;
        line-height: 28px;
        background: #fff;
        border-radius: 0 !important;
        margin-left: 10px;
        transition: 0.5s;
        font-weight: 500;
        color: #000;
        position: relative;
        overflow: hidden;
        border: 1px solid #00244d;
    }

        body .brandlistselection .sortingContent li > a:hover {
            color: #fff;
            background: #00244d;
        }

        body .brandlistselection .sortingContent li > a.selected {
            color: #fff;
            background: #00244d;
        }

        body .brandlistselection .sortingContent li > a span {
            position: relative;
            z-index: 2;
        }

    body:has(#divLeftBlock) .FiltreBtn {
        display: none;
    }

    body:has(#divLeftBlock) #divSayfalamaUst {
        margin: 0 0 25px;
    }

    .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a {
        padding: 0;
        border: none;
        border-right: 1px solid #00244d;
        padding: 0 7px;
        line-height: 18px;
        float: left;
    }

        .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a i {
            display: none;
        }

        .brandlistselection
        .sortingContent
        li.appliedFilter.FiltrelemeUrunAdet
        a:after {
            content: "";
            font-size: 14px;
            color: #ababab;
            transition: 0.5s;
        }

        .brandlistselection
        .sortingContent
        li.appliedFilter.FiltrelemeUrunAdet
        a.btnCatSorting.sort_3:after {
            content: "3";
        }

        .brandlistselection
        .sortingContent
        li.appliedFilter.FiltrelemeUrunAdet
        a.btnCatSorting.sort_4:after {
            content: "4";
        }

        .brandlistselection
        .sortingContent
        li.appliedFilter.FiltrelemeUrunAdet
        a:last-child {
            border: 0;
        }

        .brandlistselection
        .sortingContent
        li.appliedFilter.FiltrelemeUrunAdet
        a.btnCatSorting.sort_4 {
            border: 0;
        }

    .brandlistselection
    .sortingContent
    li.appliedFilter.FiltrelemeUrunAdet
    .blockSelect {
        display: none;
        height: 30px;
        align-items: center;
        margin-right: 20px;
    }

    .brandlistselection
    .sortingContent
    li.appliedFilter.FiltrelemeUrunAdet
    a.Active:after {
        color: #00244d;
    }

    .brandlistselection .sortingContent li:nth-child(2) {
        display: none;
    }
}

@media (min-width: 1042px) {
    .sortingContent {
        display: block !important;
    }

    .col-5li {
        width: 20%;
    }

    .mobilMenu {
        display: none;
    }
}
/* ------------------------------------Container--------------------------------------------*/
body ul.breadcrumb,
.userLoginContent,
.hesabimContent,
.ticiContainer,
.hContainer {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: block;
    padding: 0 0px;
}

body .header-main .headerContainer,
body #headerNew .headerContainer {
    max-width: 100% !important;
    padding: 0 60px !important;
}

.sliderBannerContainer .ProductList {
    max-width: 100%;
}

.detaySliderContainer .ProductList {
    max-width: 100%;
}

.homeContainer .ProductListContent .ProductList {
    max-width: 100%;
}

.markaSlider .jCarouselLite {
    max-width: 100%;
}
/**/
.innerContainer {
}

#divIcerik.homepage {
    margin-top: -140px !important;
}

.UyeOl .ticiContainer {
}

#footer .ticiContainer {
}

.UyeGiris .ticiContainer {
}

.Magazalar .ticiContainer {
}

.sepetimBody .ticiContainer {
    margin: 0 auto;
}

.HesabimTakip .ticiContainer {
}

.Iletisimaspx .ticiContainer {
}

.homeContainer .ticiContainer {
}

.ticiContainer.homeContainer {
}

.ticiContainer.pageContainer {
}

.ticiContainer.categoryContainer {
    padding: 0 10px;
}

.sepetimBody #footer .ticiContainer {
}

.ticiContainer.productDetailContainer {
}

.sepetimBody .footerSslLogo {
    display: none !important;
}

.sepetimBody .headerContent {
    box-shadow: none;
}
/**/
.centerCount.Middle {
    width: 100%;
    padding: 0;
}

.centerCount.userLoginContent {
    width: 100%;
    padding: 0;
}

.centerCount.iletisimContent {
    width: 100%;
    padding: 0;
}

.centerCount.UyeolContent {
    width: 100%;
    padding: 0;
}

.centerCount.HesabimTakip {
    width: 100%;
    padding: 0;
}
/**/
.leftBlock {
    float: left;
    width: 275px;
    padding: 20px;
    background: #f7f7f7;
}

.rightBlock {
    float: right;
    width: 300px;
    padding-left: 20px;
}

.centerCount.LeftMiddle,
.leftBlock + .centerCount {
    width: calc(100% - 295px);
}

.centerCount.RightMiddle {
    width: calc(100% - 300px);
}

.centerCount {
    float: right;
    width: 100%;
    padding: 0;
}
/*SolOrtaSag*/
.leftBlock.LeftMiddleRight {
    width: 25%;
}

.rightBlock.LeftMiddleRight {
    width: 25%;
}

.centerCount.LeftMiddleRight {
    width: 50%;
}
/**/
.ticiContainer:before,
.ticiContainer:after {
    content: "";
    display: table;
}

.ticiContainer:after {
    clear: both;
}

.ticiContainer {
    clear: both;
    zoom: 1;
}
/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width: 1041px) and (max-width: 1200px) {
    .leftBlock.LeftMiddle {
        width: 24%;
        padding-right: 20px;
    }

    .centerCount.LeftMiddle {
        width: 75%;
    }
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight {
        width: 25%;
    }

    .rightBlock.LeftMiddleRight {
        width: 25%;
    }

    .centerCount.LeftMiddleRight {
        width: 50%;
    }
    /*OrtaSag*/
    .rightBlock.MiddleRight {
        width: 25%;
    }

    .centerCount.MiddleRight {
        width: 75%;
    }

    .homeContainer .col-5li {
        width: 25%;
    }
}

@media screen and (min-width: 1540px) and (max-width: 1660px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 40px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container {
        padding: 0 40px !important;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    section.landing-block,
    body #divTopProductSearch .header-search-form-wrapper,
    body #divTopProductSearch.dropactive .header-search-form-wrapper {
        padding: 0 0px !important;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 13%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 45px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 30px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 145px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 160px);
    }
}

@media screen and (min-width: 1500px) and (max-width: 1539px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 40px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container {
        padding: 0 40px !important;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 13%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 45px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 30px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 145px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 160px);
    }
}

@media screen and (min-width: 1380px) and (max-width: 1499px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 10px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container {
        padding: 0 40px !important;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    section.landing-block {
        padding: 0 0;
    }

    body .kombinselectvaryasyon {
        width: 55%;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 13%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 45px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 30px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 26px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    .leftImage {
        width: 60%;
    }

    .RightDetail {
        width: 40%;
    }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 125px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 140px);
    }
}

@media screen and (min-width: 1300px) and (max-width: 1379px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 10px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container,
    .SayacAktif .main-container {
        padding: 0 10px !important;
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    body .kombinselectvaryasyon {
        width: 55%;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 35px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 15px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 14px;
    }

    .leftImage {
        width: 60%;
    }

    .RightDetail {
        width: 40%;
    }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 125px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 140px);
    }
}

@media screen and (min-width: 1240px) and (max-width: 1299px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 20px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container,
    .SayacAktif .main-container,
    #top-bar .custom.html_2 {
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    section.landing-block,
    body #divTopProductSearch .header-search-form-wrapper,
    body #divTopProductSearch.dropactive .header-search-form-wrapper {
    }

    body .kombinselectvaryasyon {
        width: 60%;
    }

    body #hizliBakis,
    body div#hizliBakisAltAlan {
        width: 1100px;
        padding: 20px;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 35px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 15px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 14px;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        width: 380px;
    }

    .leftImage {
        width: 55%;
    }

    .RightDetail {
        width: 45%;
    }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 100px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 115px);
    }
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 20px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container {
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .txcol-sm-3.hide-mobile {
        display: none !important;
    }

    div#ticimaxBannerProducts .sliderBannerContainer .ProductList {
        padding: 0;
    }

    body .kombinselectvaryasyon {
        width: 70%;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 35px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 15px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 14px;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        width: 380px;
    }

    body .widgetTitle {
        font-size: 13px;
    }

    body .widgetDesc {
        font-size: 12px;
    }

    .productIconEx > div {
        line-height: 22px;
        font-size: 9px;
        min-width: 30px;
    }

    .favori {
        top: 10px;
        right: 10px;
    }

    .productIconExButtons > div a {
        line-height: 30px;
        font-size: 12px;
    }

    .productItem .productName a {
    }

    .productItem .regularPrice span {
    }

    .productItem .discountPrice span {
    }

    .productItem .productDetail {
        padding: 10px 10px;
    }

    a.itemCategory {
        margin: 0 0 5px;
        font-size: 11px;
        padding: 5px;
    }

    .leftImage {
        width: 55%;
    }

    .RightDetail {
        width: 45%;
        padding: 0 0 0 20px;
    }

    .SmallImages div.AltImgCapSmallImg,
    body
    .leftImage
    .ProductGallery
    .gallery-container
    .galleryOwl-thumb
    .thumb-list
    .thumb-item {
        width: 100%;
    }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 100px;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 115px);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 20px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container,
    .SayacAktif .main-container {
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    body ng-form#FrmYeniUye {
        flex-direction: column;
        gap: 20px;
    }

    body .userDivLeft,
    body .userDivRight,
    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
    }

    body .userDivLeft {
        margin-bottom: 20px;
    }

    body .icerikIkiliBlok,
    body .UyelikSilmeAktifDiv {
        width: 100%;
    }

        body .icerikIkiliBlok:nth-child(2n) {
            width: 100%;
            margin-top: 20px;
        }

    body #divTopProductSearch .header-search-form-wrapper,
    body #divTopProductSearch.dropactive .header-search-form-wrapper {
    }

    .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .txcol-sm-3.hide-mobile {
        display: none !important;
    }

    .TukendiIco span {
        line-height: 35px;
        bottom: 47%;
        max-width: 150px;
        font-size: 13px;
    }

    div#ticimaxBannerProducts .sliderBannerContainer .ProductList {
        padding: 0;
    }

    body #hizliBakis,
    body div#hizliBakisAltAlan {
        width: 800px;
        padding: 20px;
    }

    body .ProductPreviewLeft {
        width: 100%;
    }

    body .ProductPreviewRight {
        width: 100%;
        padding: 20px 0 0;
    }

    body .kombinselectvaryasyon {
        width: 90%;
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj,
    .categoryContainer .ProductList.PlSc_3 .ItemOrj,
    .categoryContainer .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .ProductList.PlSc_5 .ItemOrj,
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj,
    .ItemOrj {
        width: 33.33%;
        max-width: 33.33%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 30px;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 24px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 14px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 5px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 18px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 10px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 14px;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 15px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        font-size: 14px;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        width: 350px;
    }

    body .widgetTitle {
        font-size: 13px;
    }

    body .widgetDesc {
        font-size: 12px;
    }

    .html.custom.html_1 {
        font-size: 12px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a {
        font-size: 14px;
        min-width: 180px;
        line-height: 35px;
    }

    .productIconEx > div {
        line-height: 22px;
        font-size: 9px;
        min-width: 30px;
    }

    .favori {
        top: 10px;
        right: 10px;
    }

    .productIconExButtons > div a {
        line-height: 30px;
        font-size: 12px;
    }

    .productItem .productName a {
        font-size: 13px;
    }

    .productItem .regularPrice span {
        font-size: 15px;
    }

    .productItem .discountPrice span {
        font-size: 15px;
    }

    .productItem .productDetail {
        padding: 5px 0 0;
    }

    a.itemCategory {
        margin: 0 0 5px;
        font-size: 11px;
        padding: 5px;
    }

    .brandlistselection
    .sortingContent
    li.appliedFilter.FiltrelemeUrunAdet
    .blockSelect {
        display: none;
    }

    .leftImage {
        width: 55%;
    }

    .RightDetail {
        width: 45%;
        padding: 0 0 0 20px;
    }

    .SmallImages div.AltImgCapSmallImg,
    body
    .leftImage
    .ProductGallery
    .gallery-container
    .galleryOwl-thumb
    .thumb-list
    .thumb-item {
        width: 100%;
    }

    body .fullSliderImg .fullSliderThumbWrap {
        width: 100px;
        display: none !important;
    }

    body .fullSliderImg .fullSliderListWrap {
        width: calc(100% - 9px);
    }
}

@media (min-width: 1100px) {
    body .logo-center #hb-logo {
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    body:has(.homepage) .header-dil-content #lang_flag_container #langHover {
        background: transparent !important;
        border-color: #fff;
    }

    body .header-dil-content #lang_flag_container #lang {
        transition: 0.3s;
    }

    body:has(.homepage) .header-dil-content #lang_flag_container #lang {
        color: #fff !important;
    }

    body .header-dil-content #lang_flag_container #lang {
        transition: 0.3s;
    }

    body:has(.homepage)
    #headerNew:hover
    .header-dil-content
    #lang_flag_container
    #langHover,
    body:has(.homepage)
    #headerNew.fixed
    .header-dil-content
    #lang_flag_container
    #langHover,
    body:has(.homepage)
    #headerNew:has(.dropactive)
    .header-dil-content
    #lang_flag_container
    #langHover {
        background: #fff !important;
        border-color: #000;
    }

    body:has(.homepage)
    #headerNew:hover
    .header-dil-content
    #lang_flag_container
    #lang,
    body:has(.homepage)
    #headerNew.fixed
    .header-dil-content
    #lang_flag_container
    #lang,
    body:has(.homepage)
    #headerNew:has(.dropactive)
    .header-dil-content
    #lang_flag_container
    #lang {
        color: #000 !important;
    }

    body .header-dil-content #lang_flag_container {
        z-index: 9 !important;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .searchform-wrapper
    #txtbxArama {
        padding: 0;
        height: 60px;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .searchform-wrapper
    #btnKelimeAra
    i:before {
        content: "ARA";
        font-family: "Instrument Sans";
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .searchform-wrapper
    #btnKelimeAra {
        width: 70px;
        height: 40px;
        background: #fff;
        transition: 0.3s;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        border: 1px solid #00244d;
    }

        body
        [data-search-icon="true"]
        #divTopProductSearch
        .searchform-wrapper
        #btnKelimeAra:hover {
            background: #00244d;
        }

        body
        [data-search-icon="true"]
        #divTopProductSearch
        .searchform-wrapper
        #btnKelimeAra
        i {
            color: #000;
            font-size: 14px;
            font-weight: 500;
            transition: 0.5s;
            position: relative;
            z-index: 2;
        }

        body
        [data-search-icon="true"]
        #divTopProductSearch
        .searchform-wrapper
        #btnKelimeAra:hover
        i {
            color: #fff;
        }

    body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper {
        border: none;
        max-width: 100%;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .header-search-form-wrapper {
        display: block;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .header-search-form-wrapper,
    body
    [data-search-icon="true"]
    #divTopProductSearch.dropactive
    .header-search-form-wrapper {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        width: auto;
        z-index: 5;
        padding: 0;
        box-shadow: 0px 3px 6px #00000029;
        background: #fff;
        transition: 0.3s;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 60px;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .header-search-form-wrapper {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch.dropactive
    .header-search-form-wrapper {
        opacity: 1;
        visibility: visible;
        height: 60px;
    }

    body [data-search-icon="true"] .svgIcon.search-times:after {
        font-size: 25px;
    }

    body [data-search-icon="true"] .svgIcon.search-times {
        width: 26px;
        height: 26px;
    }

        body [data-search-icon="true"] .svgIcon.search-times:after {
            content: "\f00d";
            font-family: "FontAwesome";
            font-weight: 300;
            font-size: 16px;
            line-height: 26px;
        }

        body [data-search-icon="true"] .svgIcon.search-times svg {
            display: none;
        }
}

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

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

@media (max-width: 1099px) {
    #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl {
        padding: 0;
        margin: 0;
    }

    body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
        position: static;
        margin: 0;
    }

    body #headerNew .header-main .headerContainer {
        position: static;
    }

    body #headerNew .cart-item {
        top: 18px;
        right: 15px;
    }

    .svgIcon.cart-svg {
        display: flex;
    }

    body.modalOpen {
        padding: 0 !important;
    }

    body #headerNew #divTopProductSearch .header-search-form-wrapper {
        display: block;
    }

    body #headerNew #divTopProductSearch {
        display: block;
    }

    body #headerNew #lang span {
        display: block;
    }

    body #headerNew #lang {
        height: auto;
        width: auto;
    }

    body #headerNew .header-main .header-dil-content {
        position: static;
    }

    body:has(.ticimaxModal),
    body:has(.newHeaderNavigation.mobileStyle.mobileactive) {
        padding-right: 0;
    }

    body #headerNew .header-main {
        height: 70px;
        background: #fff;
    }

    #divIcerik.homepage {
        margin-top: 0 !important;
    }

    body:has(.homepage) #hb-logo svg {
        fill: #000;
    }

    body:has(.homepage)
    #headerNew:hover
    .cart-item
    a.header-cart-link.headerButon
    .sepetUrunSayisi,
    body:has(.homepage)
    #headerNew.fixed
    .cart-item
    a.header-cart-link.headerButon
    .sepetUrunSayisi,
    body:has(.homepage)
    #headerNew:has(.dropactive)
    .cart-item
    a.header-cart-link.headerButon
    .sepetUrunSayisi {
        color: #fff;
    }

    body #headerNew .header-dil-content #lang_flag_container #langHover {
        padding: 6.5px 8px !important;
    }

    body #divTopProductSearch .searchform-wrapper #txtbxArama {
        padding: 0;
        height: 60px;
    }

    body #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before {
        content: "ARA";
        font-family: "Instrument Sans";
    }

    body #divTopProductSearch .searchform-wrapper #btnKelimeAra {
        width: 70px;
        height: 40px;
        background: #fff;
        transition: 0.3s;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        border: 1px solid #00244d;
    }

        body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover {
            background: #00244d;
        }

        body #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
            color: #000;
            font-size: 14px;
            font-weight: 500;
            transition: 0.5s;
            position: relative;
            z-index: 2;
        }

        body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover i {
            color: #fff;
        }

    body #divTopProductSearch .searchform-wrapper {
        border: none;
        max-width: 100%;
    }

    body
    [data-search-icon="true"]
    #divTopProductSearch
    .header-search-form-wrapper {
        display: block;
    }

    body #divTopProductSearch .header-search-form-wrapper,
    body #divTopProductSearch.dropactive .header-search-form-wrapper {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        width: auto;
        z-index: 5;
        padding: 0;
        box-shadow: 0px 3px 6px #00000029;
        background: #fff;
        transition: 0.3s;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 20px;
    }

    body #divTopProductSearch .header-search-form-wrapper {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }

    body #divTopProductSearch.dropactive .header-search-form-wrapper {
        opacity: 1;
        visibility: visible;
        height: 60px;
    }

    body .svgIcon.search-times:after {
        font-size: 25px;
    }

    .svgIcon.search-times {
        width: 26px;
        height: 26px;
    }

        .svgIcon.search-times:after {
            content: "\f00d";
            font-family: "FontAwesome";
            font-weight: 300;
            font-size: 33px;
            line-height: 26px;
        }

        .svgIcon.search-times svg {
            display: none;
        }

    body:has(.homepage) #hb-logo img {
        filter: invert(0);
    }
}

@media (min-width: 768px) and (max-width: 1041px) {
    body .ulRelatedProducts li {
        width: calc(33.33% - 7px);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    body ul.breadcrumb,
    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        padding: 0 20px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container {
    }
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    section.landing-block.main {
        padding: 0 !important;
    }

    #divMobileImage img {
        width: 100% !important;
    }

    body #mainHolder_divDesign .t-vw-6 .ticiContainer {
        width: 720px !important;
        padding: 0 !important;
    }

    #divMobileImageList img {
        width: 100%;
    }

    #divMobileImageList .owl-nav,
    #divProductImageCarousel .owl-nav {
        display: flex;
        justify-content: space-between;
        left: 15px;
        right: 15px;
    }

    #divMobileImageList {
        float: left;
        width: 100%;
        position: relative;
        border-radius: 0;
        overflow: hidden;
    }

        #divMobileImageList .owl-nav > div,
        #divProductImageCarousel .owl-nav > div {
            font-size: 0;
            width: 36px;
            height: 36px;
            background: transparent;
            border-radius: 0;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 3px 3px 30px #0000001a;
        }

            #divMobileImageList .owl-nav > div.owl-prev span:after,
            #divProductImageCarousel .owl-nav > div.owl-prev span:after {
                content: "\f104";
            }

            #divMobileImageList .owl-nav > div.owl-next span:after,
            #divProductImageCarousel .owl-nav > div.owl-next span:after {
                content: "\f105";
            }

    body ng-form#FrmYeniUye {
        flex-direction: column;
        gap: 20px;
    }

    body .userDivLeft,
    body .userDivRight,
    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
    }

    body .userDivLeft {
        margin-bottom: 20px;
    }

    body .icerikIkiliBlok,
    body .UyelikSilmeAktifDiv {
        width: 100%;
    }

        body .icerikIkiliBlok:nth-child(2n) {
            width: 100%;
            margin-top: 20px;
        }

    body .solAnaMenu {
        width: 100%;
    }

    body .sagIcerikTutucu {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    #divProductImageCarousel img {
        width: 100%;
    }

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

    .SmallImages,
    .Images,
    #divVideoGoruntulemeAlan {
        display: none !important;
    }

    body #divTopProductSearch .searchform-wrapper,
    .countdownBlockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper {
        max-width: 720px;
    }

    .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .txcol-sm-3.hide-mobile {
        display: none !important;
    }

    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12 {
        padding: 0 !important;
    }

    div#ticimaxBannerProducts .sliderBannerContainer .ProductList {
        padding: 0;
    }

    body .cartCheckoutProduct .checkoutProductContent {
        max-height: 500px;
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj,
    .categoryContainer .ProductList.PlSc_3 .ItemOrj,
    .categoryContainer .ProductList.PlSc_4 .ItemOrj,
    .categoryContainer .ProductList.PlSc_5 .ItemOrj,
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj,
    .ItemOrj {
        width: 33.33%;
        max-width: 33.33%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        margin-bottom: 20px;
    }

    .categorydesign p strong {
        font-size: 15px;
        margin: 0 0 5px;
    }

    .categorydesign p {
        font-size: 12px;
        line-height: 18px;
    }

    .leftImage {
        width: 100%;
    }

    .RightDetail {
        padding: 20px 0 0;
        width: 100%;
    }

    body .kombinselectvaryasyon {
        width: 40%;
    }

    body .leftImage .ProductGallery .gallery-container .GalleryArea,
    body .fullSliderImg .fullSliderListWrap {
        width: 100%;
    }

    div#divProductGalleryThumb {
        display: none !important;
    }

    body .fullSliderImg .fullSliderThumbWrap,
    body .fullSliderImg .swiper-pagination-container {
        display: none !important;
    }

    body #hizliBakis,
    body div#hizliBakisAltAlan {
        width: 700px;
        padding: 20px;
    }

    body .ProductPreviewLeft {
        width: 100%;
    }

    body .ProductPreviewRight {
        width: 100%;
        padding: 20px 0 0;
    }

    section.elementor-section.mid .footerTempRow > div:first-child {
        width: 100%;
        margin-bottom: 25px;
    }

    section.elementor-section.mid .footerTempRow {
        flex-wrap: wrap;
    }

        section.elementor-section.mid .footerTempRow > div:first-child .footerimg {
            justify-content: center;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a {
        font-size: 12px;
        padding: 0;
        height: 40px;
        min-width: 175px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 10px;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 28px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 12px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        padding: 0 10px;
        font-size: 13px;
        height: 38px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li {
        margin: 0 10px 0 0;
    }

    body #mainHolder_divDesign .ticimaxTabHead {
        margin: 0 0 10px;
    }

    .ticimaxAnasayfaTab .Block_Link {
        top: -45px;
    }

    .productIconEx > div {
        line-height: 22px;
        font-size: 9px;
        min-width: 30px;
    }

    .favori {
        top: 10px;
        right: 10px;
    }

    .productIconExButtons > div a {
        line-height: 30px;
        font-size: 12px;
    }

    .productItem .productName a {
        font-size: 13px;
    }

    .productItem .regularPrice span {
        font-size: 15px;
    }

    .productItem .discountPrice span {
        font-size: 15px;
    }

    .productItem .productDetail {
        padding: 5px 0 0;
    }

    a.itemCategory {
        margin: 0 0 5px;
        font-size: 11px;
        padding: 5px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper {
        bottom: 15px;
        padding: 0 15px;
    }

    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi {
        padding-bottom: 15px !important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 22px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,
    .JKatAdi {
        padding: 20px 0 15px !important;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    .Block_Link {
        top: 15px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 17px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 13px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin: 0;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 5px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerTitle {
            font-size: 14px;
        }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 12px;
        }

    .ticiAlignCenter {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }

    body .widgetDetail {
        padding: 0;
        text-align: center;
        width: 100%;
    }

    body .widgetTitle {
        text-align: center;
        font-size: 12px;
    }

    body .widgetDesc {
        font-size: 12px;
        line-height: 1.3;
    }

    body .widgetCenterImage img {
        margin: auto;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        width: 100%;
        margin-top: 25px;
    }

    .leftImage {
        width: 100%;
    }

    .RightDetail {
        width: 100%;
        padding: 20px 0 0;
        position: relative;
        top: 0;
    }

    body .leftImage .ProductGallery .gallery-container .GalleryArea {
        position: static;
        opacity: 1;
        width: 100%;
    }
}
/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1041px) {
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
        line-height: 32px;
    }

    body .category-vertical-filters.top-filters .panel .panel-heading a,
    body .category-vertical-filters.top-filters .panel .panel-heading a:after,
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
        line-height: 45px;
    }

    body .category-vertical-filters.top-filters .filtreAlt a {
        height: 45px;
    }

    body
    #divSayfalamaUst
    .category-vertical-filters.top-filters
    .filtreUygulaBtn
    span {
        line-height: 45px;
    }

    .filtreAlt {
        padding: 20px 10px;
    }

    body
    #divSayfalamaUst
    .category-vertical-filters.top-filters
    .FiltreicerikAlan {
        height: calc(100% - 215px);
    }

    body .category-vertical-filters.top-filters {
        width: 370px;
    }
    /******************************************************/
    .FiltreBtn {
        display: none;
    }

    .navigation {
        display: none;
    }

    #divSayfalamaUst .filterBlock {
        display: block !important;
    }

    .mobilMenuAcButton {
        display: block;
    }

    body .dropdown-toggle:after {
        display: none;
    }

    body #divSayfalamaUst {
        padding: 0;
        margin: 0 0 20px;
        width: 100%;
        border: none;
        background: transparent;
    }

    .urunListRel {
        width: 100%;
    }

    body .mobilFilterOpenBtn .button {
        padding: 0;
        margin: 0;
        color: #000;
        width: calc(50% - 10px);
        float: left;
        line-height: 38px;
        background: #fff;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
        border-radius: 0;
    }

        body .mobilFilterOpenBtn .button:before {
            content: "";
            font-family: "FontAwesome";
            display: inline-block;
            vertical-align: top;
            line-height: 38px;
            margin-right: 5px;
            font-weight: 300;
        }

    body .mobilFilterOpenBtn {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 0;
    }

        body .mobilFilterOpenBtn .button.mobilFilterBtn:before {
            content: "\f1de";
        }

        body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
            content: "\f15d";
        }

    .categorydesign .uNo {
        float: right;
        color: #999a9d;
        font-size: 12px;
    }

    body #divSayfalamaUst .filterDeleteContent {
        display: none;
    }

    body
    #divSayfalamaUst.Slct
    .brandlistselection
    .sortingContent
    li:nth-child(1):after {
        display: none;
    }

    body #divSayfalamaUst.Slct .brandlistselection {
        position: absolute;
        left: 0;
        top: 0;
        width: 120px;
        background: transparent;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
    }

        body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
            width: 100%;
            display: block !important;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none;
            border-radius: 0;
        }

            body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
                width: 100%;
                background: transparent;
                padding: 0;
                margin: 0;
                border: none;
                border-radius: 0;
            }

            body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
                width: 100%;
                height: 40px;
                font-size: 0;
                text-indent: 0;
                border: none;
                color: #000;
                font-weight: 500;
                min-width: auto;
                border-radius: 0;
                background: transparent;
                -webkit-appearance: none;
                -moz--appearance: none;
            }

                body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option {
                    font-size: 14px;
                }

            body
            #divSayfalamaUst.Slct
            .brandlistselection
            .sortingContent
            li:nth-child(2) {
                display: none;
            }

            body
            #divSayfalamaUst.Slct
            .brandlistselection
            .sortingContent
            li.appliedFilter.FiltrelemeUrunAdet {
                display: none;
            }

    body #divSayfalamaUst:not(.Slct) .brandlistselection {
        padding: 0;
        text-align: center;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 10;
        border-bottom: none;
        background: #fff;
    }

        body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
            display: none;
        }

            body
            #divSayfalamaUst:not(.Slct)
            .brandlistselection
            .sortingContent
            li:not(.appliedFilter) {
                margin: 0;
                width: 100%;
            }

            body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a {
                border: none;
                text-align: center;
            }

                body
                #divSayfalamaUst:not(.Slct)
                .brandlistselection
                .sortingContent
                li
                a
                span {
                    line-height: 35px;
                }

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

            body
            #divSayfalamaUst:not(.Slct)
            .brandlistselection
            .sortingContent
            li:nth-child(5) {
                display: none;
            }

                body
                #divSayfalamaUst:not(.Slct)
                .brandlistselection
                .sortingContent
                li:nth-child(5)
                a:before {
                    display: none;
                }

            body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a {
                border-bottom: 1px solid #e5e5e5;
            }

            body
            #divSayfalamaUst:not(.Slct)
            .brandlistselection
            .sortingContent
            li:nth-child(4) > a {
                border-bottom: none;
            }

    .centerCount {
        width: 100% !important;
    }

    .leftBlock {
        display: none !important;
    }

    .rightBlock {
        display: none !important;
    }

    .homeContainer .leftBlock {
    }

    .homeContainer .rightBlock {
    }

    .UyeolContent .grid {
        margin: 30px 18px;
    }

    .owl-carousel .owl-item img {
        max-width: 100%;
        margin: 0 auto;
    }

    .mobileImageSlider .owl-stage-outer {
        float: left;
        width: 100%;
    }

    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
        padding: 10px;
        margin: 10px 10px 0 0;
    }

    .uyeOlContainer .FormTitle {
        margin: 10px 0;
        padding: 10px 0;
        font-size: 18px;
        font-weight: 600;
    }

    .uyeOlContainer .uyeOlCol input.textbox {
        padding: 10px 0;
    }

    .uyeOlContainer .uyeOlCol select.selectboxx {
        padding: 10px 0;
    }

    .Magazalar .magazaSelect {
        width: 100%;
        margin-right: 0;
    }

    .Magazalar #searchStore {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    body .sepetItem div.sepetItemB0 {
        height: auto;
    }

    body .sepetItemB.sepetItemB1 {
        width: 80%;
    }

    body .sepetItemB.sepetItemB2 {
        width: auto;
        clear: left;
        margin: 10px 0 0;
    }

    body .adetGuncelleContent {
        margin: 0;
    }

    body.sepetimBody .BasketPage {
        padding: 10px !important;
    }

    body.sepetimBody #headerNew,
    body.sepetimBody .footerTemp,
    body.sepetimBody .wp-fixed,
    body.sepetimBody #divTicimaxCopyrightContent {
        display: none;
    }

    body.sepetimBody {
        padding: 0 !important;
    }

    body .textbox.txtSepetAdet {
        border-radius: 0;
    }

    a#linkSecilenleriSil {
        margin-bottom: 10px;
    }

    body .adetGuncelleContent .textbox.txtSepetAdet {
        border-radius: 0 !important;
    }
}
/* Mobil Ekran */
@media (max-width: 767px) {
    #mainHolder_divDesign .JKatAdi.categoryTitle,
    .JKatAdi {
        padding: 10px 0 !important;
    }

    .html.custom.html_1 {
        font-size: 10px;
        text-align: center;
        overflow: hidden;
    }

    .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .txcol-sm-3.hide-mobile {
        display: none !important;
    }

    .TukendiIco span {
        line-height: 35px;
        bottom: 55%;
        max-width: 150px;
        font-size: 13px;
    }

    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12,
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12 {
        padding: 0 !important;
    }

    div#ticimaxBannerProducts .sliderBannerContainer .ProductList {
        padding: 0;
    }

    body #headerNew .header-main {
        border-radius: 0 0 0 0;
        height: 55px;
    }

    body #headerNew .cart-item {
        top: 10px;
        right: 5px;
    }

    body:has(.cart-item.mobileStyle.mobileactive) {
        overflow: hidden;
    }

        body:has(.cart-item.mobileStyle.mobileactive) .bottomHead {
            display: none;
        }

    body .cartCheckoutProduct .checkoutProductContent {
        max-height: 400px;
    }

    .proDetailArea > div {
        padding: 5px 10px;
        font-size: 12px;
    }

    .proDetailArea {
        gap: 5px;
    }

    body #productDetailRelated {
        padding: 20px 0 0;
        display: flex;
        flex-wrap: wrap;
    }

        body #productDetailRelated .JKatAdi {
            margin: 0 0 10px !important;
            width: 100%;
            flex: 0 0 100%;
        }

    .yg-related-more {
        margin-left: 0 !important;
    }

    body #productDetailRelated > a {
        width: 60px;
    }

    #divOnyazi .teksatir {
        margin-top: 15px;
        font-size: 12px;
        line-height: 18px;
    }

    body .kombinItem {
        flex-wrap: wrap;
    }

        body .kombinItem .kombinleftImage {
            width: 100%;
        }

        body .kombinItem .kombinRightDetail {
            width: 100%;
            padding: 10px 0;
        }

    body .kombinselectvaryasyon {
        width: 100%;
        max-width: 100%;
    }

    div#divSatinAl {
        margin: 0 0 10px;
    }

    .detaySliderContainer .JKatAdi {
        padding: 20px 0 10px !important;
    }

    div#UrunAksesuarDiv {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    body .leftImage .ProductGallery .gallery-container .GalleryArea,
    body .fullSliderImg .fullSliderListWrap {
        width: 100%;
    }

    div#divProductGalleryThumb {
        display: none !important;
    }

    body .fullSliderImg .fullSliderThumbWrap,
    body .fullSliderImg .swiper-pagination-container {
        display: none !important;
    }

    body #hizliBakis,
    body div#hizliBakisAltAlan {
        width: 400px;
        padding: 10px;
    }

    body .ProductPreviewLeft {
        width: 100%;
    }

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

    body .lg-outer .lg-item:before,
    body .lg-outer .lg-img-wrap:before {
        height: 50%;
    }

    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,
    #headerNew .newHeaderNavigation.mobileStyle .menu-wrap,
    body
    #headerNew
    .newHeaderNavigation.mobileStyle
    .menu-list-row
    .kolon
    .nav-submenu,
    body #headerNew .mobileStyle .header-cart-hover {
        width: 100%;
    }

    body #mainHolder_divDesign .ticiContainer {
        padding: 0 !important;
    }

    section.landing-block.full {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body #mainHolder_divDesign .ticimaxTabHead li {
        float: none;
    }

    .footerTemp {
        margin-top: 20px;
    }

    .kategoriBaslik {
        margin: 10px 0;
    }

    .productItem .productIconExButtons {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .ProductName h1 span {
        font-size: 17px;
    }

    .buyfast {
        margin-top: 10px;
    }

    div#divTahminiTeslimatSuresi {
        flex-direction: row;
        margin: 15px 0 0;
    }

        div#divTahminiTeslimatSuresi .boxIcon {
            margin: 0 10px 0 0;
        }

    .ProductIcon .boxIcon,
    .ProductIcon2 .boxIcon {
        margin: 0;
    }

    .urunTabAlt {
        font-size: 12px;
        line-height: 20px;
    }

        .urunTabAlt strong {
            font-size: 14px;
        }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper
    a {
        font-size: 12px;
        padding: 0;
        height: 30px;
        min-width: 150px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin-top: 10px;
    }

    .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper {
        bottom: 10%;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 20px;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerDesc,
    .videoBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 12px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li a {
        padding: 0 10px;
        font-size: 13px;
        height: 38px;
    }

    body #mainHolder_divDesign .ticimaxTabHead li {
        margin: 0 10px 0 0;
    }

    body #mainHolder_divDesign .ticimaxTabHead {
        margin: 0 0 10px;
    }

    .ticimaxAnasayfaTab .Block_Link {
        top: -45px;
    }

    .productIconEx > div {
        line-height: 22px;
        font-size: 9px;
        min-width: 30px;
    }

    .favori {
        top: 10px;
        right: 10px;
    }

    .productIconExButtons > div a {
        line-height: 30px;
        font-size: 12px;
    }

    .productItem .productName a {
        font-size: 13px;
    }

    .productItem .regularPrice span {
        font-size: 12px;
    }

    .productItem .discountPrice span {
        font-size: 12px;
    }

    .productItem .productDetail {
        padding: 5px 0 0;
    }

    a.itemCategory {
        margin: 0 0 5px;
        font-size: 11px;
        padding: 5px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper {
        bottom: 0px;
        padding: 15px 15px;
    }

    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
    .JKatAdi .bold .satir1 {
        font-size: 19px;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,
    .JKatAdi {
        padding: 20px 0 15px !important;
    }

    .multiBlockSliderWrapper
    .bannerWrapper.blokTypeBackround
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 25px;
    }

    .Block_Link {
        top: 15px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerTitle {
        font-size: 17px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerDesc {
        font-size: 13px;
    }

    .multiblockWrapper:not(.main)
    .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign
    .bannerDescriptionWrapper
    .bannerButtonWrapper {
        margin: 0;
    }

    .multiblockWrapper
    .bannerWrapper.blokTypeTop.textLeftAlign
    .bannerDescriptionWrapper {
        padding: 5px 0 0;
        gap: 10px;
    }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerTitle {
            font-size: 14px;
        }

        .multiblockWrapper
        .bannerWrapper.blokTypeTop.textLeftAlign
        .bannerDescriptionWrapper
        .bannerDesc {
            font-size: 12px;
        }

    .ticiAlignCenter {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }

    body .widgetDetail {
        padding: 0;
        text-align: center;
        width: 100%;
    }

    body .widgetTitle {
        text-align: center;
        font-size: 12px;
    }

    body .widgetDesc {
        font-size: 12px;
        line-height: 1.3;
    }

    body .widgetCenterImage img {
        margin: auto;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        width: 100%;
        margin-top: 25px;
    }

    .ticimaxAnasayfaTab .Block_Link {
        display: none !important;
    }

    body #mainHolder_divDesign .ticimaxTabHead ul {
        text-align: left;
    }

    #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.widgetDetail) > div {
        width: 100%;
        min-width: 100%;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 10px !important;
    }

        #mainHolder_divDesign
        .t-vw-9
        .ticiContainer
        .txrow:has(.widgetDetail) > div:last-child {
            border: none;
        }

    .urunOzellikTab {
        margin: 0;
    }

    body .leftImage .ProductGallery .gallery-container .GalleryArea {
        position: static;
        opacity: 1;
        width: 100%;
        aspect-ratio: 4/5;
    }

        body
        .leftImage
        .ProductGallery
        .gallery-container
        .GalleryArea
        .owl-carousel
        .owl-item
        a {
            height: 100%;
            float: left;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        body
        .leftImage
        .ProductGallery
        .gallery-container
        .GalleryArea
        .owl-carousel
        .owl-item
        .zoom-js
        img {
            height: auto;
        }

    body .fullSliderImg.mobileSwiper {
        max-height: calc(100vh - 214px);
    }

    body #headerNew .header-main .header-dil-content {
        display: none !important;
    }

    body .main .bannerVideoWrapper .blokResimLink,
    body .main .bannerWrapper .blokResimLink {
        height: 70dvh;
    }

        body .main .bannerVideoWrapper .blokResimLink video,
        body .main .bannerWrapper .blokResimLink img {
            height: 100%;
            object-fit: cover;
        }
    /*---------------------767------------------------*/
    .SmallImages,
    .Images,
    #divVideoGoruntulemeAlan {
        display: none !important;
    }

    .leftImage {
        float: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 0;
    }

    .RightDetail {
        width: 100%;
        padding: 10px 0 0;
        position: relative;
        top: auto;
    }

    .userLoginContent,
    .hesabimContent,
    .ticiContainer,
    .hContainer {
        max-width: 100%;
        padding: 0 5px;
    }

    body .header-main .headerContainer,
    body #headerNew .headerContainer,
    body .footerTempContainer.elementor-container,
    .SayacAktif .main-container,
    #top-bar .custom.html_2 {
        max-width: 100% !important;
        padding: 0 10px !important;
    }

    section.landing-block {
        padding: 0 10px !important;
    }

        section.landing-block.cabaninews {
            padding: 0 !important;
        }

    body ul.breadcrumb {
        max-width: 100%;
        padding: 0;
        margin: 0 !important;
    }

    .markaSlider .jCarouselLite {
        padding: 0 10px;
    }

    .sliderBannerContainer .ProductList {
        padding: 0;
    }

    section.landing-block.main {
        padding: 0 !important;
    }

    body .divRelatedProductsPopup .ulRelatedProducts {
        flex-wrap: wrap;
    }

    body .ulRelatedProducts li {
        width: calc(50% - 5px);
    }

        body .ulRelatedProducts li span {
            font-size: 11px;
        }

    body ul.breadcrumb li {
        float: none !important;
    }

    body .solAnaMenu ul li a {
        display: flex;
        align-items: center;
    }

    ul.footerMenuAlt.vertical {
        margin-bottom: 20px;
    }

    section.elementor-section.mid .footerTempRow > div {
        max-width: 100%;
        width: 100%;
    }

    body:has(.newHeaderNavigation.mobileStyle.mobileactive) #back-to-top {
        display: none !important;
    }

    body #divTopProductSearch.dropactive .header-search-form-wrapper,
    body #divTopProductSearch .header-search-form-wrapper {
        padding: 10px;
        border-top: 1px solid #eee;
        height: 50px;
    }

    body #divTopProductSearch .searchform-wrapper #txtbxArama {
        height: 30px;
    }

    body #divTopProductSearch .searchform-wrapper #btnKelimeAra {
        height: 30px;
    }

    body.sepetimBody #top-bar {
        display: none;
    }

    body #divStokYok {
        margin-bottom: 10px;
    }

    body:has(.RightDetail.StokYok) .detayFixed {
        display: none;
    }

    .ProductBody:has(.RightDetail.StokYok) .bottomHead {
        display: block;
    }

    body .hesabimBolumuTutucu {
        margin: 10px 0;
    }

    body .footerTemp .footerMenul.accordionMode .footerMenuTitle:after {
        margin: 0;
    }

    body .icerikIkiliBlok,
    body .UyelikSilmeAktifDiv {
        width: 100%;
    }

        body .icerikIkiliBlok:nth-child(2n) {
            width: 100%;
            margin-top: 20px;
        }

    body ng-form#FrmYeniUye {
        flex-direction: column;
        gap: 20px;
    }

    body .userDivLeft,
    body .userDivRight,
    .uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
    }

    body .userDivLeft {
        margin-bottom: 20px;
    }

    .favNum {
        display: none;
    }

    body .sepetItemB.sepetItemB1 {
        width: 58%;
    }

    body.sepetimBody .BasketPage {
        padding: 5px !important;
        margin-bottom: 60px !important;
    }

    body .BasketRigth.BasketHediyeCeki {
        margin-top: 10px;
    }

    body.sepetimBody .MobileHeaderControl {
        margin-top: 5px;
    }

    body.sepetimBody .MobileHeaderControlContent {
        margin-bottom: 5px;
    }

    body .BasketDetailContainer {
        margin-top: 5px;
    }

    body .footerTemp .footerMenul.accordionMode .footerMenuAlt li {
        float: left;
        clear: left;
    }

    body .mobilFilterOpenBtn .button {
        width: max-content;
        padding: 0 20px 0 0;
        letter-spacing: 0.05em;
        font-weight: 500;
        font-size: 16px !important;
    }

        body .mobilFilterOpenBtn .button.mobilFilterBtn {
            margin-left: 20px;
        }

    body #divSayfalamaUst {
        margin: 10px 0 10px;
    }

    body .mobilFilterOpenBtn .button:before {
        margin-right: 8px;
        width: 22px;
        font-size: 18px;
    }

    body .category-vertical-filters.top-filters {
        background: #fff;
    }

        body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
            float: right;
        }

    #divMobileImageList img {
        width: 100%;
    }

    #divMobileImageList .owl-nav {
        display: flex;
        justify-content: space-between;
        left: 15px;
        right: 15px;
    }

    #divMobileImageList {
        float: left;
        width: 100%;
        position: relative;
        border-radius: 0;
        overflow: hidden;
        aspect-ratio: 4/5;
    }

        #divMobileImageList .owl-nav > div,
        body
        .ProductGallery
        .gallery-container
        .owl-carousel.galleryOwl
        .owl-nav > div {
            font-size: 0;
            width: 36px;
            height: 36px;
            background: #fff;
            border-radius: 0;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 3px 3px 30px #0000001a;
        }

            #divMobileImageList .owl-nav > div.owl-prev span:after,
            body
            .ProductGallery
            .gallery-container
            .owl-carousel.galleryOwl
            .owl-nav > div.owl-prev
            span::after {
                content: "\f104";
                display: block !important;
                color: #000;
                font-family: "FontAwesome";
                font-size: 18px;
            }

            #divMobileImageList .owl-nav > div.owl-next span:after,
            body
            .ProductGallery
            .gallery-container
            .owl-carousel.galleryOwl
            .owl-nav > div.owl-next
            span:after {
                content: "\f105";
                display: block !important;
                color: #000;
                font-family: "FontAwesome";
                font-size: 18px;
            }

    .detayFixed {
        position: fixed;
        bottom: 0;
        z-index: 9;
        left: 0;
        right: 0;
        height: 70px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px;
        background: #fff;
        box-shadow: 0px 0px 33px #00000014;
    }

    .fixedPrice {
        font-size: 25px;
        font-weight: 800;
        color: #000000;
    }

    .fixedSepet {
        float: right;
        width: 100%;
        max-width: 137px;
    }

        .fixedSepet input {
            width: 100%;
            font-size: 14px;
            font-weight: 800;
            line-height: 45px;
            padding: 0;
            text-transform: uppercase;
        }

    .fixedPrice .PiyasafiyatiContent .right_line *,
    .fixedPrice .IndirimliFiyatContent .right_line * {
        font-size: 14px;
        line-height: 1.3;
        float: left;
        margin-right: 10px;
    }

    .detayFixed .PiyasafiyatiContent .right_line,
    .detayFixed .IndirimliFiyatContent .right_line {
        float: left;
    }

    .fixedPrice .PiyasafiyatiContent {
        float: left;
        margin: 0;
        width: 100%;
    }

    .sepetItemB.sepetItemB4.sepetFiyatBold {
        width: 100% !important;
    }

    body #productDetailRelated .JKatAdi .bold .satir1 {
        font-size: 13px;
    }

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

    body.sepetimBody #divTicimaxCopyrightContent {
        display: none;
    }

    body.sepetimBody #headerNew,
    .sepetimBody .footerTemp {
        display: none;
    }

    body .sepetItemB.sepetItemB2 {
        width: 60%;
    }

    body .adetGuncelleContent {
        margin: 10px 0 0;
    }

    body.sepetimBody .wp-fixed {
        display: none;
    }

    body.overflow {
        overflow: hidden;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    body {
        padding-top: 0;
    }

        body.sepetimBody {
            padding-top: 0;
        }

    .userContainer .userLeftBox,
    .userContainer .userRightBox {
        padding: 0;
    }

    .userContainer .userRightBox {
        margin-top: 20px;
    }

    .SifremiUnuttumContent .userWrapper.SifremiUnuttum {
        width: 100%;
        padding: 0 10px;
    }

    #divIcerik {
        padding: 0 10px;
        margin: 0 auto;
    }

    .proCategoryTitle.categoryTitleText {
        padding: 0 10px;
    }

    #divTicimaxCopyrightContent {
        text-align: center;
        float: left;
        width: 100%;
        margin-bottom: 60px;
    }

        #divTicimaxCopyrightContent a {
            display: inline-block;
        }

        #divTicimaxCopyrightContent img {
            display: inline-block;
            vertical-align: top;
        }

    body:has(.newHeaderNavigation.mobileactive) .bottomHead,
    body:has(.filterBlock.active) .bottomHead {
        display: none !important;
    }
    /*sepetalan*/
    /*Sabit sayfalar icerik*/
    .spanTittle {
        font-size: 18px !important;
    }

    .iletisimContent .iletisimForm {
        width: 100%;
        padding: 0;
    }

    .iletisimContent .AdBan {
        width: 100%;
    }

    .iletisimContent .categoryTitle {
        margin: 0;
    }

        .iletisimContent .categoryTitle .categoryTitleText {
            line-height: 65px;
        }

        .iletisimContent .categoryTitle:before {
            display: none;
        }

    .iletisimContent .iletisimRight .categoryTitle {
        margin-bottom: 10px;
    }

        .iletisimContent .iletisimRight .categoryTitle .categoryTitleText {
            line-height: 65px;
            font-size: 19px;
        }

    .iletisimContent .iletisimForm .categoryTitle {
        margin-bottom: 10px;
    }

        .iletisimContent .iletisimForm .categoryTitle .categoryTitleText {
            line-height: 65px;
            font-size: 19px;
        }

    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
        float: none;
        display: block;
        margin: 10px 0 0;
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
        font-size: 17px;
    }

    .iletisimContent .iletisimRight .iletisimbanka .span > div span {
        font-size: 12px;
    }

    .iletisimContent .iletisimLeft .Right {
        font-size: 12px;
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
        font-size: 20px;
    }

    .UyeolContent .grid {
        width: 100%;
        margin: 0;
        padding: 10px;
        border: none;
        margin-bottom: 10px;
    }

    .SifremiUnuttum {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .SifremiUnuttum .line {
            width: 100%;
        }

        .SifremiUnuttum #mainHolder_txtbxMail {
            width: 70%;
        }

        .SifremiUnuttum .button {
            width: 30%;
        }
    /*Arama*/
    .ButtonMic {
        right: 40px;
        height: 40px;
    }
    /*urun butonlari*/
    .ProductIcon {
        margin: 0;
        float: left;
        width: 100%;
    }

        .ProductIcon > div {
            margin: 0 0 10px;
            float: left;
            width: 100%;
        }

    .ProductIcon2 > div {
        margin: 0 0 10px;
        float: left;
        width: 100%;
    }

    .ProductIcon > div > a {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-direction: row;
        gap: 10px;
    }

    .ProductIcon2 > div > a {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-direction: row;
        gap: 10px;
    }

    .socialButons iframe {
        margin-right: 10px;
    }

    .socialButons .UWhatsApp {
        float: left;
        margin-right: 10px;
    }

    .socialButons .UTelegram {
        float: left;
        margin-right: 10px;
    }

    .TopDet .product_social_icon_wrapper {
        text-align: center;
        margin: 20px 0 0;
        float: left;
        width: 100%;
        padding: 0;
    }

        .TopDet .product_social_icon_wrapper .PaylasTit {
        }
    /******************************************************/
    .bottomHead {
        float: left;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1002;
        background: #fff;
        border-top: 1px solid #cecece;
        display: none;
    }

        .bottomHead ul {
            margin: 0;
            list-style: none;
            padding: 0;
        }

            .bottomHead ul li {
                float: left;
                width: 25%;
            }

                .bottomHead ul li a {
                    float: left;
                    width: 100%;
                    text-align: center;
                    font-size: 12px;
                    padding: 0;
                    color: #000;
                    position: relative;
                    height: 60px;
                    display: flex;
                    flex-direction: column;
                    gap: 3px;
                    align-items: center;
                    justify-content: center;
                }

                    .bottomHead ul li a svg {
                        width: 19px;
                        display: block;
                        margin: 0 auto;
                        height: 21px;
                    }

                .bottomHead ul li.welcC a svg {
                    margin-bottom: 0;
                }
    /*Footer*/
    #ticimaxCopyright {
        margin-top: 5px !important;
        font-size: 11px;
    }

    #back-to-top {
        bottom: 11%;
        right: 2%;
    }

        #back-to-top a {
            width: 30px;
            height: 30px;
        }
    /*kategori*/
    .categoryContainer .categoryTitleText {
        padding: 0;
        margin: 0;
    }

    .ProductBody .categoryTitle {
        padding: 0;
        margin: 0;
    }

    body .category-vertical-filters.top-filters {
        width: 100%;
        height: 100%;
        box-shadow: none;
        border: none;
        border-radius: 0;
    }

    body ul.breadcrumb {
        white-space: nowrap;
        position: relative;
        overflow: auto;
        flex-wrap: nowrap;
    }

        body ul.breadcrumb::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        body ul.breadcrumb.zindex {
            z-index: 1;
            pointer-events: auto;
        }

        body ul.breadcrumb li:nth-child(1) a:before {
            display: none;
        }

        body ul.breadcrumb:before {
            content: "\f015";
            font-family: "FontAwesome";
            font-weight: 300;
            line-height: 40px;
            margin-right: 5px;
            display: inline-block;
            vertical-align: top;
            display: none;
        }

        body ul.breadcrumb * {
            line-height: 40px !important;
            font-size: 13px !important;
            max-width: max-content;
            text-decoration: none;
            padding: 0 !important;
        }

        body ul.breadcrumb li:after {
            line-height: 40px;
            font-size: 13px !important;
            content: "...";
            margin: 0 2px;
            display: none;
        }

        body ul.breadcrumb li {
            font-size: 0 !important;
        }

            body ul.breadcrumb li:nth-last-of-type(1) a span:after {
                display: none;
            }

            body ul.breadcrumb li:nth-last-of-type(1) {
                max-width: 80%;
            }

                body ul.breadcrumb li:nth-last-of-type(1) * {
                    max-width: 100%;
                    font-size: 13px !important;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            body ul.breadcrumb li a span {
                font-size: 13px !important;
            }

                body ul.breadcrumb li a span:after {
                    content: "\f105";
                    font-family: "FontAwesome";
                    font-size: 14px !important;
                    display: inline-block;
                    vertical-align: top;
                    line-height: 40px;
                    font-weight: 300;
                    margin: 0 4px 0 7px;
                }

    .categoryTitleText {
        position: relative;
        z-index: 9;
    }

    .breadList {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        padding: 10px 20px;
        z-index: 999;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    }

        .breadList.breadActive {
            display: none !important;
        }

        .breadList ul {
            list-style: none;
        }

        .breadList .mBread {
            float: left;
            width: 100%;
        }

            .breadList .mBread ul {
                float: left;
                width: 100%;
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .breadList .mBread ul li {
                    float: left;
                    width: 100%;
                    font-size: 0;
                    display: block;
                    margin-right: 0;
                    line-height: 1;
                }

                    .breadList .mBread ul li a {
                        float: left;
                        width: 100%;
                        font-size: 11px;
                        color: #454545;
                        padding: 6px 8px;
                        position: relative;
                    }

                        .breadList .mBread ul li a:before {
                            content: "\f148";
                            font-family: "FontAwesome";
                            font-size: 10px;
                            position: absolute;
                            left: -5px;
                            top: 8px;
                            transform: rotate(90deg);
                            -webkit-transform: rotate(90deg);
                        }

                        .breadList .mBread ul li a span {
                            font-weight: normal;
                            line-height: 15px;
                        }

                    .breadList .mBread ul li ul {
                        padding-left: 4px;
                    }

            .breadList .mBread > ul > li > a span {
                font-weight: 600;
            }

        .breadList .clbtn {
            position: absolute;
            right: 5px;
            top: 10px;
            width: 30px;
            text-align: center;
            font-size: 18px;
            color: #000;
            z-index: 99;
        }

    .categoryContainer .breadList .clbtn {
        right: -5px;
    }

    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .categoryContainer .ProductList.PlSc_3 .ItemOrj {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .categoryContainer .ProductList.PlSc_4 .ItemOrj {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .categoryContainer .ProductList.PlSc_5 .ItemOrj {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    body:not(.sepetimBody) .ItemOrj {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 0px;
        margin-bottom: 10px;
    }

    .categoryContainer .ProductList {
        margin: 0;
    }

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

    /*urundetay*/
    body a#linkOncekiSayfa {
        display: none;
    }

    body .leftImage a#linkOncekiSayfa {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        background: #fff;
        text-align: center;
        font-size: 0 !important;
        font-family: "FontAwesome";
        color: #000;
        z-index: 5;
        line-height: 35px;
        display: none;
    }

        body .leftImage a#linkOncekiSayfa:before {
            content: "\f053";
            font-size: 20px;
            display: inline-block;
            vertical-align: top;
            line-height: 35px;
        }

    #divUrunKodu {
        clear: left;
        float: left;
        line-height: 14px;
    }

        #divUrunKodu span {
            line-height: 14px;
        }

    #divTaksitAciklama {
        clear: left;
        float: left;
    }
    /*mobilicerik*/
    .detaySliderContainer {
        margin: 0;
        padding: 0;
    }

    .sliderBannerContainer {
        margin: 0;
    }
}

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

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

@media screen and (min-width: 0px) and (max-width: 449px) {
    .categoryContainer .breadList .clbtn {
        right: -5px;
    }

    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .categoryContainer .ProductList.PlSc_3 .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .categoryContainer .ProductList.PlSc_5 .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    body #hizliBakis,
    body div#hizliBakisAltAlan {
        width: 325px;
        padding: 10px;
    }

    body .ProductPreviewLeft {
        width: 100%;
    }

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

.RenkSecimi {
    position: fixed;
    width: 300px;
    background: #fafafa;
    z-index: 999;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
}

.RC-Title {
    font-size: 15px;
    font-weight: 700;
    background: #15284b;
    color: #fff;
    text-align: left;
    padding: 0 20px;
    line-height: 50px;
    float: left;
    width: 100%;
}

.RC-Detail {
    display: none;
    float: left;
    width: 100%;
    padding: 0px 10px 0px 10px;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 110px;
    bottom: 100px;
}

.RC-MainColor {
    background: #fff;
    float: left;
    width: calc(100% - 20px);
    border: 1px solid #eee;
    padding: 0 0 0 10px;
    margin: 10px;
    border-radius: 5px;
}

.RC-Tab {
    float: left;
    width: 100%;
}

.RC-TabRow {
    float: left;
    width: 100%;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 10px;
}

    .RC-TabRow:last-child {
        margin-bottom: 0;
    }

    .RC-TabRow .RC-TabTitle {
        font-size: 14px;
        font-weight: 600;
        color: #555;
        float: left;
        width: calc(100% + 2px);
        padding: 0 10px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        line-height: 45px;
        margin-left: -1px;
        margin-top: -1px;
    }

    .RC-TabRow.active .RC-TabTitle {
        color: #fff;
        background: #15284b;
    }

    .RC-TabRow .RC-TabDetail {
        float: left;
        width: 100%;
        display: none;
        padding: 10px;
    }

        .RC-TabRow .RC-TabDetail ul {
            padding: 0;
            margin: 0;
            float: left;
            width: 100%;
            list-style: none;
        }

            .RC-TabRow .RC-TabDetail ul li {
                float: left;
                width: 100%;
                border: 1px solid #eee;
                padding: 0 0 0 10px;
                margin: 5px 0;
                border-radius: 5px;
            }

    .RC-TabRow.active .RC-TabDetail {
        display: block;
    }

    .RC-TabRow .RC-TabTitle:after {
        content: "\f078";
        float: right;
        font-size: 14px;
        font-family: "FontAwesome";
        line-height: 45px;
        display: block;
        margin-right: 5px;
    }

    .RC-TabRow.active .RC-TabTitle:after {
        content: "\f077";
    }

.RenkSecimi label {
    padding: 0;
    font-size: 12px;
    position: relative;
    z-index: 2;
    pointer-events: none;
    width: auto;
    float: left;
    clear: both;
    line-height: 40px;
    font-weight: 500;
}

.RenkSecimi input.jscolor {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    top: 0;
    left: 0;
    bottom: 0;
    height: 40px;
    border-radius: 0;
    cursor: pointer;
    width: 70px;
    border: 0;
    border-left: 1px solid #eee;
    font-size: 11px;
    padding: 0 10px;
    float: right;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.RenkSecimi input:last-child {
    margin: 0;
}

.RC-Detail::-webkit-scrollbar {
    width: 5px;
}

.RC-Detail::-webkit-scrollbar-track {
    background: #fafafa;
}

.RC-Detail::-webkit-scrollbar-thumb {
    background: #15284b;
}

.RC-Buttons {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.RC-Reset {
    width: calc(50% - 5px);
    line-height: 35px;
    background: #15284b;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: right;
    cursor: pointer;
}

.RC-Save {
    width: 100%;
    line-height: 35px;
    background: green;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.RC-Cancel {
    width: calc(50% - 5px);
    line-height: 35px;
    background: #ca0c0c;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}

    .RC-Cancel:hover {
        background: #a20b0b;
    }

.RC-Save:hover {
    background: #0d940d;
}

.RC-Reset:hover {
    background: #213f75;
}

.RC-UrunBox {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
}

.RC-UrunBox-Title {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    margin: 5px 0 0 0;
}

.RC-UrunBox ul {
    float: left;
    width: calc(100% + 10px);
    list-style: none;
    padding: 0;
    margin: 10px -5px 0;
}

    .RC-UrunBox ul li {
        float: left;
        position: relative;
        width: calc(33.33% - 10px);
        border: 1px solid #eee;
        margin: 0 5px;
        padding: 5px 0;
    }

        .RC-UrunBox ul li span:before {
            content: "-";
            content: "\f111";
            font-family: "FontAwesome";
            font-size: 0;
            position: absolute;
            top: 5px;
            left: 0;
            right: 0;
            text-align: center;
            color: #fff;
            line-height: 55px;
        }

        .RC-UrunBox ul li input[type="radio"]:checked + span:before {
            content: "\f058";
            font-family: "FontAwesome";
            font-size: 18px;
        }

        .RC-UrunBox ul li span {
            font-size: 12px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.5;
            width: 100%;
            text-align: center;
        }

        .RC-UrunBox ul li input {
            display: inline-block;
            vertical-align: middle;
            margin-top: 0;
            margin-left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            cursor: pointer;
            opacity: 0;
            margin: 0;
        }

        .RC-UrunBox ul li span i {
            font-size: 45px;
            color: #999;
            width: 100%;
            text-align: center;
            line-height: 55px;
        }

.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a {
    color: #333;
    font-size: 14px !important;
    font-weight: 300 !important;
    padding: 0px 10px;
    letter-spacing: 0.5px;
}

.miniCartRigthHeader .miniCartRigthHeader-fav-button {
    display: none;
}

.miniCartRigthHeader .miniCartRigthHeader-operation {
    cursor: POINTER;
}

body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    width: 15px;
    height: 15px;
    background: #00244d;
    text-align: center;
    color: #fff;
    line-height: 15px;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    top: 1px;
    right: -5px;
    transition: 1s;
}

p.homeTextCab {
    font-size: 43px;
}

.cabani-popular {
    float: left;
    width: 100%;
    padding: 90px 0;
}

.cabani-popular-title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #000;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 34px;
}

.cabani-popular-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 30%;
    height: 0;
    overflow: hidden;
}

    .cabani-popular-list.owl-carousel {
        height: auto;
        overflow: visible;
    }

    .cabani-popular-list li a {
        display: block;
        position: relative;
        text-align: center;
    }

        .cabani-popular-list li a img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .cabani-popular-list li a span {
            margin: 0px;
            position: relative;
            /* left: 50%; */
            /* transform: translateX(-50%); */
            bottom: 40px;
            font-size: 12px;
            letter-spacing: 1;
            color: #ffffff;
            padding: 13px 13px;
            background: #00244d4d;
            transition: 0.4s;
            opacity: 0;
            width: 100%;
            display: flow-root;
        }

            .cabani-popular-list li a span:hover {
                background: #00244d;
                color: #fff;
            }

        .cabani-popular-list li a:hover span {
            margin-bottom: 0;
            opacity: 1;
        }

    .cabani-popular-list.owl-carousel .owl-item {
        transition: padding 0.2s;
    }

#mainHolder_divDesign .cabani-popular-list .owl-nav {
    left: 0;
    right: auto;
    width: 30%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    top: calc(50% - 12.5px);
    padding-top: 38px;
}

    #mainHolder_divDesign .cabani-popular-list .owl-nav > div {
        width: 23px;
        height: 23px;
        border: 1px solid transparent;
        border-radius: 50%;
        font-size: 0;
        text-align: center;
        color: #999999;
        transition: 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #mainHolder_divDesign .cabani-popular-list .owl-nav .owl-prev:before,
    #mainHolder_divDesign .cabani-popular-list .owl-nav .owl-next:before {
        font-family: "FontAwesome";
        font-size: 17px;
        line-height: 23px;
    }

    #mainHolder_divDesign .cabani-popular-list .owl-nav .owl-prev:before {
        content: "\f104";
    }

    #mainHolder_divDesign .cabani-popular-list .owl-nav .owl-next:before {
        content: "\f105";
    }

    #mainHolder_divDesign .cabani-popular-list .owl-nav > div:hover {
        border-color: #000;
        color: #000;
    }

/* mikro CLS için baseline boşluğunu kapat */
.cabani-popular img {
    display: block;
}

.productIconExButtons > div.mycartIcon {
    display: none !important;
}

.cargoIcon {
    display: none !important;
}

.storeMedia li a {
    width: max-content !important;
}

.footer-left-colon {
    min-width: 35% !important;
}

@media screen and (min-width: 768px) {
    .newaslater.ebultenDivTemp {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(2, auto) !important;
        grid-template-areas:
            "top-left top-right"
            "bottom-left bottom-right";
        gap: 0;
        row-gap: 0 !important;
    }

        .newaslater.ebultenDivTemp .eTempTitle {
            grid-row-start: 1;
            grid-row-end: 3;
        }

    div#UpdatePanel1 {
        float: right;
        max-width: 50%;
        margin-left: auto;
        height: 48px !important;
    }

    .footerTemp .permissionBox label {
        flex: unset !important;
    }
}

@media screen and (max-width: 767px) {
    .footerTemp .newsletterContent {
        margin-bottom: 12px;
    }

    .newaslater.ebultenDivTemp {
        gap: 14px !important;
    }

    .appMediaDiv ul.vertical.storeMedia {
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: wrap;
    }

    .appMediaDiv ul li {
        width: max-content;
    }
}

footer.footerTemp .newsletterContent #txtbxNewsletterMail {
    height: 100% !important;
}

.center-copyright {
    justify-content: center !important;
}

.storeMediaTitle {
    line-height: 1.8;
    margin-bottom: 4px;
}

.footerTemp .permissionDiv {
    margin-top: 12px;
}

.discountIcon {
    display: flex !important;
    float: right;
    clear: left;
    width: 32px;
    height: 20px;
    line-height: normal;
    overflow: hidden;
    background: #000;
    margin-left: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    align-items: center;
    text-align: center;
    justify-content: center;
    transition: 0.5s;
}

#divTelefonSiparis {
    display: none !important;
}

.newIcon {
    width: 46px !important;
    height: 20px !important;
}

.favori {
    display: none;
    float: right;
}

.bannerButton {
    font-size: 14px !important;
    padding: 5px 0 !important;
    color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0 !important;
}

body .newHeaderNavigation .menuBanners {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

    body .newHeaderNavigation .menuBanners a {
        position: relative;
    }

        body .newHeaderNavigation .menuBanners a.col-full {
            grid-column: span 3;
        }

        body .newHeaderNavigation .menuBanners a img {
            width: 100%;
        }

        body .newHeaderNavigation .menuBanners a span {
            position: absolute;
            left: 15px;
            bottom: 15px;
            font-size: 13px;
            font-weight: 700;
            color: #fff;
        }
/* Mobil Ayarlar*/
@media (max-width: 900px) {
    p.homeTextCab {
        font-size: 20px;
    }
}

.ImageProductsDetail {
    float: left;
    width: 100%;
    margin: 40px 0 0;
    display: flex;
    gap: 40px;
    align-items: center;
}

.IP-Img {
    width: calc(50% - 20px);
}

.IP-Product {
    width: calc(50% - 20px);
    text-align: center;
}

    .IP-Product > div {
        max-width: 343px;
        margin: 0 auto;
    }

.uslider-Title {
    font-size: 24px;
    margin-bottom: 40px !important;
}

#mainHolder_divDesign .homeSliderBannerContainer .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    position: static;
    margin-top: 40px;
}

.sliderBannerContainer .owl-carousel .owl-stage-outer,
.homeSliderBannerContainer .owl-carousel .owl-stage-outer,
.detaySliderContainer .owl-carousel .owl-stage-outer,
.homeSliderBannerContainerNew .owl-carousel .owl-stage-outer {
    padding: 2px;
    margin: -2px;
    width: calc(100% + 4px);
}

.IP-Product:has(.homeSliderBannerContainerNew) > div {
    max-width: 100%;
}

.IP-Product:has(.homeSliderBannerContainerNew) {
    padding: 120px 0 120px 24px;
}

.ImageProductsDetail:has(.homeSliderBannerContainerNew) {
    gap: 20px;
    background: #f7f7f7;
    align-items: stretch;
}

div#ResimliUrun2 {
    margin-right: -100px;
    max-width: calc(100% + 100px);
}

.IP-Product:has(.homeSliderBannerContainerNew) .uslider-Title {
    text-align: left;
}

    .IP-Product:has(.homeSliderBannerContainerNew) .uslider-Title small {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        letter-spacing: 0;
        margin: 25px 0 0;
    }

/* ==== Görsel alanı: büyüme efekti + sıfır hizalama ==== */
.ImageProducts .IP-Img {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .ImageProducts .IP-Img a,
    .ImageProducts .IP-Img img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .ImageProducts .IP-Img img {
        object-fit: cover;
        filter: brightness(0.8);
        transition: transform 0.6s ease;
    }

    .ImageProducts .IP-Img:hover img {
        transform: scale(1.07);
    }

a.productLink {
    float: right;
    clear: left;
    margin: 40px 70px 40px;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border: none;
    background: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
}

    /* Sağdaki ok ikonu */
    a.productLink::after {
        content: "\f061"; /* classic FontAwesome arrow-right */
        font-family: "FontAwesome";
        font-size: 13px;
        margin-left: 6px;
        transition: transform 0.3s ease;
        font-weight: 100;
        display: none !important;
    }

    /* Hover efekti */
    a.productLink:hover::after {
        transform: translateX(4px);
    }

    /* Alt çizgi efekti için ayrı pseudo element kullanıyoruz */
    a.productLink span {
        position: relative;
        display: inline-block;
    }

        a.productLink span::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0%;
            height: 1px;
            background: #000;
            transition: width 0.4s ease;
        }

    a.productLink:hover span::after {
        width: 100%;
    }

/* Eski ok ikonu iptal edildi — istersen yeniden aktif edilebilir
a.productLink:after {
    content: '\f061';
    font-family: 'FontAwesome';
    position: absolute;
    left: calc(100% + 5px);
    transition: .3s;
    font-weight: 300;
}
*/

/* ==== Görsel/ürün alanı renk ve spacing uyumu ==== */
.ImageProductsDetail:has(.homeSliderBannerContainerNew) .IP-Img {
    width: 50%;
}

.ImageProductsDetail.image-left {
    display: flex;
    gap: 20px;
    background: #f7f7f7;
}

#ResimliUrun2Left {
    margin-left: -20px;
    padding-left: 0;
}

#ResimliUrun2Right {
    margin-left: -70px;
    padding-left: 0;
}

.ImageProductsDetail.image-right .uslider-Title {
    text-align: right;
    margin-right: 30px;
}

/* ==== Responsive ==== */
@media screen and (min-width: 1000px) and (max-width: 1539px) {
    div#ResimliUrun2Left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .ImageProductsDetail.image-left {
        flex-direction: column !important;
    }

        .ImageProductsDetail.image-left .IP-Img,
        .ImageProductsDetail.image-left .IP-Product {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }

    #ResimliUrun2Left {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .ImageProductsDetail.image-left .IP-Product {
        padding: 10px !important;
    }
}

.ImageProducts2 .ImageProductsDetail.image-right {
    display: flex;
    align-items: center;
    align-items: stretch;
}

    .ImageProducts2 .ImageProductsDetail.image-right .IP-Product {
        width: 50%;
        padding: 40px 0 40px 24px;
    }

    .ImageProducts2 .ImageProductsDetail.image-right .IP-Img {
        width: 50%;
        text-align: right;
    }

.ImageProducts2 .IP-Img img {
    max-width: 100%;
    height: 100%;
    display: block;
}

.ImageProducts2 .uslider-Title {
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
}

    .ImageProducts2 .uslider-Title small {
        display: block;
        font-weight: 400;
        font-size: 15px;
        color: #555;
        margin-top: 6px;
    }

.ImageProductsDetail {
    float: left;
    width: 100%;
    margin: 40px 0 0;
    display: flex;
    gap: 40px;
    align-items: center;
}

.IP-Img {
    width: calc(50% - 20px);
}

.IP-Product {
    width: calc(50% - 20px);
    text-align: center;
}

.ImageProductsDetail.image-left.image-left3 .IP-Product {
    width: calc(60% - 20px);
    text-align: center;
}

.IP-Product > div {
    max-width: 343px;
    margin: 0 auto;
}

.uslider-Title {
    font-size: 24px;
    margin-bottom: 40px !important;
}

#mainHolder_divDesign .homeSliderBannerContainer .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    position: static;
    margin-top: 40px;
}

.sliderBannerContainer .owl-carousel .owl-stage-outer,
.homeSliderBannerContainer .owl-carousel .owl-stage-outer,
.detaySliderContainer .owl-carousel .owl-stage-outer,
.homeSliderBannerContainerNew .owl-carousel .owl-stage-outer {
    padding: 2px;
    margin: -2px;
    width: calc(100% + 4px);
}

.fuoi {
    width: 100%;
    min-height: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    background: #f7f7f7;
    grid-template-areas: "left center right";
}

.left {
    grid-area: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.center {
    grid-area: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #00244d;
}

.fuoi .center .header {
    font-size: 16px;
    font-weight: 500;
    color: #b9b9b9;
    line-height: 1;
    margin-bottom: 16px;
    text-align: center;
}

.fuoi .center .title {
    font-size: 36px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
    text-align: center;
    margin-bottom: 8px;
    letter-spacing: 0.02em;
}

.fuoi .center .subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #b9b9b9;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 16px;
    max-width: 80%;
}

.fuoi .center .button {
    background: #ffffff36;
    padding: 10px 24px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    display: inline-block;
    transition: all 0.225s ease-in-out;
    position: relative;
    z-index: 2;
}

    .fuoi .center .button::before {
        content: "";
        position: absolute;
        top: -12%;
        left: -4%;
        width: 108%;
        height: 124%;
        background: #12325a;
        z-index: -1;
        border-radius: 4px;
        transition: all 0.225s ease-in-out;
        opacity: 0;
    }

    .fuoi .center .button:hover::before {
        opacity: 1;
    }

.fuoi-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

    .fuoi-img::before {
        content: "\f16d";
        font-family: FontAwesome;
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
        background: #fff;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        margin-top: 10px;
        pointer-events: none;
        opacity: 0;
        z-index: 2;
        transition: all 0.2s ease-in-out;
    }

    .fuoi-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.05);
        transition: all 0.275s ease-in-out;
    }

    .fuoi-img:hover img {
        transform: scale(1);
    }

    .fuoi-img:hover::before {
        opacity: 1;
        margin-top: 0;
    }

.right {
    grid-area: right;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 1024px) {
    .fuoi {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr auto 1fr;
        grid-template-areas: "left" "center" "right";
    }

        .fuoi .center {
            padding: 64px 0;
        }
}

.ImageProducts2 .ImageProductsDetail.image-right {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    overflow: visible;
    gap: 20px;
}

    .ImageProducts2 .ImageProductsDetail.image-right .IP-Product {
        width: 50%;
        padding: 120px 0 120px 0px;
        position: relative;
        z-index: 2;
        transform: translateX(70px);
    }

#ResimliUrun2Right {
    position: relative;
    z-index: 3;
}

.ImageProducts2 .ImageProductsDetail.image-right .IP-Img {
    width: 50%;
    text-align: right;
    position: relative;
    z-index: 1;
}

.ImageProducts2 .ImageProductsDetail.image-right .uslider-Title {
    text-align: left;
    margin: 0 90px 25px 0;
}

@media (max-width: 1024px) {
    .ImageProducts2 .ImageProductsDetail.image-right {
        flex-direction: column !important;
    }

        .ImageProducts2 .ImageProductsDetail.image-right .IP-Product,
        .ImageProducts2 .ImageProductsDetail.image-right .IP-Img {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
            transform: none !important;
        }
}

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

    .katTumunuGor a {
        font-size: 13px;
        color: #000;
        border-bottom: 1px solid #707070;
        padding-bottom: 5px;
    }

#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img {
    transition: transform 0.4s ease-in-out;
    display: block;
}

#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage):hover img,
#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage):active img {
    transform: scale(1.08);
}

.cabani-desc-section {
    text-align: center;
}

.image-left .productLink {
    float: left !important;
    clear: left;
    margin: 40px 0px 40px !important;
}

.cabani-campaigns {
    position: relative;
    text-align: center;
    padding: 30px 0;
}

.cabani-campaigns-carousel {
    position: relative;
    overflow: hidden;
}

.cabani-campaigns-title {
    font-size: 24px;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    font-weight: normal;
}

.cabani-campaign-item {
    background: #fff;
    text-align: center;
}

.cabani-campaign-img img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.cabani-campaign-info {
    padding: 20px 10px 10px;
}

.cabani-campaign-head {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.cabani-campaign-info p {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
}

.cabani-campaign-btn {
    /* background: #000; */
    display: none;
    color: #000000;
    padding: 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: 0.3s;
}

    .cabani-campaign-btn:hover {
        background: #333;
    }

.cabani-campaigns .owl-nav {
    display: block !important;
}

@media (max-width: 768px) {
    .cabani-campaigns {
        padding: 20px 0;
    }
}

.eTempTitle1 {
}

@media screen and (min-width: 768px) {
    /* Formun genel yapısı */
    .newaslater.ebultenDivTemp {
        position: relative;
    }

        /* Checkbox kutusunu input hizasına getir */
        .newaslater.ebultenDivTemp .permissionBox {
            position: absolute;
            left: 50%; /* UpdatePanel1 yüzde 50 genişlikteydi, tam oradan başlat */
            top: 100%; /* inputun altına getir */
            transform: translateX(0); /* sola kaydırma yok */
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 8px;
        }

            /* Checkbox ve yazı */
            .newaslater.ebultenDivTemp .permissionBox input[type="checkbox"] {
                margin: 0;
            }

            .newaslater.ebultenDivTemp .permissionBox label {
                font-size: 13px;
                text-decoration: underline;
                line-height: 1.3;
                margin: 0;
            }
}

.permissionBox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

    .permissionBox input[type="checkbox"] {
        appearance: none;
        width: 18px;
        height: 18px;
        border: 2px solid #999;
        border-radius: 2px;
        background: transparent;
        cursor: pointer;
        position: relative;
        transition: all 0.2s ease;
    }

        .permissionBox input[type="checkbox"]:checked {
            background-color: #000;
            border-color: #000;
        }

            .permissionBox input[type="checkbox"]:checked::after {
                content: "";
                position: absolute;
                top: 2px;
                left: 6px;
                width: 4px;
                height: 9px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }

    .permissionBox label span {
        font-size: 13px;
        text-decoration: underline;
        cursor: pointer;
        color: #ccc;
        transition: color 0.2s ease;
    }

    .permissionBox label:hover span {
        color: #fff;
    }

.cabani-desc-section {
    display: none;
}

#divTicimaxCopyrightContent {
    display: flex;
    clear: both;
    align-items: center;
    justify-content: center;
    display: none !important;
}

footerTemp .permissionBox input {
    width: 20px !important;
    height: 20px !important;
}

.YG-benefits-tr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #666;
    font-size: 13px;
    width: 100%;
    line-height: 1.6;
}

.YG-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

    .YG-benefit-item img {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        margin-top: 2px;
    }

    .YG-benefit-item span {
        text-transform: none;
        letter-spacing: 0;
    }

.ProductBody #headerNew {
    border-bottom: 1px solid #e9e9e9;
}

/* Özel Button */
.buyfast input {
    background: #00244d !important;
    color: black !important;
    background-image: linear-gradient(white, white), linear-gradient(#00244d, #00244d) !important;
    background-position: right !important;
    border: 1px solid #00244d;
    border-left: 3px solid #00244d !important;
    font-size: 14px !important;
    cursor: pointer;
    background-size: 100% 100%, 0 100% !important;
    background-repeat: no-repeat !important;
    transition: background-size 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), background-position 0.45s step-end, color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .buyfast input:hover {
        color: white !important;
        background-size: 0 100%, 100% 100% !important;
        background-position: left !important;
    }

.YG-benefits-tr {
    margin-top: 30px;
    margin-bottom: 30px;
    display: none;
}

.productMarka {
    display: block !important;
    font-size: 12px;
    font-weight: 500;
}

body .sortingContent .blockSelect:before {
    content: "GÖRÜNÜM";
    float: left;
    line-height: 30px;
    margin-right: 20px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
}

/*Sağ Sepet*/
body #globalLiteCart.ticimaxModal {
    z-index: 9999;
}

body .miniCartRigth,
body .miniCartGiftCodeContent {
    padding: 0;
    width: 500px;
    transition: 1s;
}

body .miniCartRigthHeader {
    position: relative;
    background: #fff;
    height: 80px;
}

    body .miniCartRigthHeader .spnCartTxt {
        left: 0;
        transform: translateY(-50%);
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.16px;
        text-transform: uppercase;
        padding: 0 24px;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0;
        color: #000;
    }

    body .miniCartRigthHeader .header-close-btn {
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 24px;
    }

        body .miniCartRigthHeader .header-close-btn svg {
            fill: #a0a2af;
            transition: 0.3s;
            width: 12px;
            height: 12px;
        }

        body .miniCartRigthHeader .header-close-btn:hover svg {
            fill: #fff;
        }

body .miniCartRigthScroll {
    height: calc(100dvh - 80px);
    padding: 24px;
    display: flex;
    flex-direction: column;
}

    body .miniCartRigthScroll::-webkit-scrollbar {
        width: 0;
    }

body .miniCartSatir1.bottom:first-child,
.miniCartSatir1.bottom:nth-child(2),
.miniCartSatir1.bottom:nth-child(3),
.miniCartSatir1.bottom:nth-child(4),
.miniCartSatir2:nth-child(3),
.miniCartSatir2:nth-child(4),
body .miniCartSatir2:nth-child(5),
.miniCartSatir2:nth-child(2),
.miniCartSatir1.bottom.subTotalVatIncluded:nth-last-child(3) {
    display: none;
}

body .hediyeCekiBtnContent {
    display: none;
}

body
.miniCartSatir1.bottom.subTotalVatIncluded.miniCartSubTotalVatBottom:nth-last-child( 5 ) {
    display: none;
}

body .miniCartItem {
    display: block;
    float: left;
    width: 100%;
}

body .miniCartContent {
    padding: 0 0 24px;
    width: 100%;
    height: calc(100% - 140px);
    overflow: auto;
}

    body .miniCartContent::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

body .miniCartItem .miniCartRight {
    max-width: 130px;
    float: left;
}

body .miniCartItem .miniCartLeft {
    max-width: calc(100% - 186px);
    display: block;
    float: left;
    width: calc(100% - 186px);
    padding-left: 24px;
}

body .miniCartDetail {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    gap: 0;
    flex: 0;
    position: static;
    order: 1;
    letter-spacing: 1px;
}

    body .miniCartDetail span.minimarka {
        display: none;
    }

    body .miniCartDetail span.miniurunAdi a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 13px;
        font-weight: 400;
        color: #222;
        line-height: 20px;
        padding-right: 20px;
    }

    body .miniCartDetail span.ministokKodu {
        display: none;
    }

body .miniCartButtonSil {
    position: absolute;
    top: 0;
    margin: 0;
    right: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    body .miniCartButtonSil svg {
        display: none;
    }

body .miniCartItem .miniCartLeft .miniCartButtonSil a {
    font-size: 0;
    max-width: 100%;
    flex: none;
    height: 100%;
}

body .miniCartButtonSil a:after {
    content: "\f057";
    font-family: fontawesome;
    font-size: 14px;
    color: #a0a2af;
    transition: 0.3s;
    font-weight: 300;
}

body .miniCartButtonSil a:hover:after {
    color: #000;
}

body .miniCartDetail span {
    float: left;
    width: 100%;
}

body .miniCartDetay {
    order: 3;
    margin-top: 8px;
    float: left;
    width: 100%;
}

    body .miniCartDetay > div {
        clear: left;
        float: left;
    }

body .miniCartItemprice {
    flex-direction: row;
    align-items: center;
    order: 2;
    margin-top: 12px;
    float: left;
    clear: left;
    flex-wrap: wrap;
    gap: 10px;
}

    body .miniCartItemprice .DiscountPrice.lineThrough {
        font-size: 12px;
        font-weight: bold;
        color: #a3a3a0 !important;
    }

    body .miniCartItemprice .CartPrice {
        font-size: 12px;
        font-weight: bold;
        color: #000;
    }

body .miniCartSatir1.bottom.totalAmount {
    border: none;
    margin: 12px 0;
    min-height: 20px;
    padding: 0;
    justify-content: end;
    gap: 12px;
}

body span.miniCartCol1 {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px;
}

body span.miniCartCol2 {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px;
}

body .miniCartSatir2 {
    padding: 0;
    margin-top: 0;
    border: none;
}

    body .miniCartSatir2 .checkoutAsGuestButton,
    body .miniCartSatir2 .signInButton {
        height: 44px;
        line-height: 42px;
        padding: 0;
        background: #000;
        border: 1px solid #000;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        transition: 0.3s;
        border-radius: 0;
        letter-spacing: 1.5px;
    }

        body .miniCartSatir2 .checkoutAsGuestButton:hover,
        body .miniCartSatir2 .signInButton:hover {
            background: #000;
            border-color: #000;
            color: #fff;
        }

body .miniCartDetayItem.eksecenek:hover {
    color: #000;
    padding: 4px 16px;
}

body .miniCartDetayItem.eksecenek {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    float: left;
    clear: left;
    border: 1px solid #1d1f20;
    padding: 4px 12px;
    border-radius: 20px;
    transition: 0.5s;
    margin: 0 0 5px;
}

    body .miniCartDetayItem.eksecenek span:first-child:after {
        content: "/";
        margin-left: 3px;
    }

body .miniCartSatir2 a.modalDevamEtBTn {
    height: 40px;
    line-height: 38px;
    padding: 0;
    background: #fff;
    border: 1px solid #222;
    font-size: 13px;
    font-weight: 400;
    color: #222;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 5px;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

    body .miniCartSatir2 a.modalDevamEtBTn:hover {
        background: #222;
        color: #fff;
    }

body .miniCartHr {
    margin: 10px 0;
    background: #e3e3e363;
    height: 1px;
    float: left;
    width: 100%;
}

body .miniCartSatir2 .signInButton {
    border-radius: 5px;
}

body .miniCartItemprice > div {
    display: none;
}

body .miniCartItemprice .DiscountPrice.lineThrough,
body .miniCartItemprice .CartPrice {
    display: block;
}

body .miniCartItem .miniCartRight a {
}

    body .miniCartItem .miniCartRight a img {
        object-fit: cover;
    }

body .miniCartDetay .adettanim3 label {
    display: none;
}

body .miniCartItemprice .DiscountPrice {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #000;
}

.rcInfo {
    margin: 0 auto 0 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1px;
    color: #000;
}

body .miniCartLeftProduct {
    right: 800px;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 234px;
    border-right: 1px solid #000;
    transition: 1s;
}

    body .miniCartLeftProduct::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

body .miniCartLeftTitle {
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 24px;
    height: 80px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
}

body .miniCartLeftProduct .miniCartLeftProductIem {
    padding: 0 24px;
    margin: 0 0 24px;
}

    body .miniCartLeftProduct .miniCartLeftProductIem:nth-child(2) {
        margin-top: 24px;
    }

    body .miniCartLeftProduct .miniCartLeftProductIem > div {
        display: none;
    }

        body .miniCartLeftProduct .miniCartLeftProductIem > div.productImage {
            display: block;
        }

        body .miniCartLeftProduct .miniCartLeftProductIem > div.productDetail {
            display: block;
            float: left;
            width: 100%;
            position: relative;
        }

            body
            .miniCartLeftProduct
            .miniCartLeftProductIem > div.productDetail
            .productName
            a {
                font-weight: 400;
                font-size: 12px;
                line-height: 130%;
                letter-spacing: 1px;
                color: #000;
            }

            body
            .miniCartLeftProduct
            .miniCartLeftProductIem > div.productDetail
            .productName {
                margin: 8px 0;
                float: left;
                width: 100%;
            }

    body .miniCartLeftProduct .miniCartLeftProductIem .productPrice {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px 10px;
    }

        body
        .miniCartLeftProduct
        .miniCartLeftProductIem
        .productPrice
        .discountPriceSpan {
            font-weight: 700;
            font-size: 12px;
            line-height: 133%;
            letter-spacing: 0px;
            vertical-align: middle;
            text-decoration: line-through;
            color: #000;
            text-decoration: none;
        }

    body .miniCartLeftProduct .miniCartLeftProductIem .regularPrice {
        font-weight: 700;
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 1px;
        color: #a3a3a0;
        margin: 0;
    }

    body .miniCartLeftProduct .miniCartLeftProductIem > div.productImage a {
        padding-bottom: 100%;
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        body .miniCartLeftProduct .miniCartLeftProductIem > div.productImage a img {
            width: auto;
            height: auto;
            transition: 1s;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            object-fit: cover;
            margin: auto;
        }

            body
            .miniCartLeftProduct
            .miniCartLeftProductIem > div.productImage
            a
            img.loaded {
                transform: scale(1);
                width: 100%;
                height: 100%;
            }

body .miniCartItem .miniCartRight a {
    overflow: hidden;
}

    body .miniCartItem .miniCartRight a img {
        object-fit: cover;
    }

body .miniCartLeftProductIem > .mycartIcon {
    display: block;
}

body .miniCartLeftProductIem:hover .mycartIcon {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

body .miniCartLeftProductIem .productDetail > .mycartIcon {
    display: block;
}

body .miniCartSatir1 {
    padding: 0;
}

body .miniCartItem .miniCartLeft > .miniCartDetayItem.adettanim {
    display: block;
}

body .miniCartDetayItem.adettanim > div {
    display: none;
    margin-top: 10px;
}

body .miniCartDetayItem.adettanim {
    display: none;
    float: left;
    clear: left;
}

    body .miniCartDetayItem.adettanim > div.adettanim3 {
        display: block;
    }

        body .miniCartDetayItem.adettanim > div.adettanim3 label {
            display: none;
        }

body .miniCartItem .miniCartLeft .adettanim3 a {
    transition: 0.5s;
    border: none;
    width: 36px;
    height: 33px;
    bottom: 1px;
    font-size: 14px;
}

body .miniCartItem .miniCartLeft .adettanim3 input {
    text-indent: 0;
    padding: 0;
    height: 35px;
    min-height: 35px;
    font-size: 13px;
    border: 1px solid #e9e9e9;
}

body .miniCartItem .miniCartLeft .adettanim3 a.aMiniSepetAzalt {
    left: 1px;
}

body .miniCartItem .miniCartLeft .adettanim3 a.aMiniSepetArtir {
    right: 1px;
}

body .miniCartItem .miniCartLeft .adettanim3 a:hover {
    background: #000;
    color: #fff;
}

body .miniCartItem .miniCartLeft .loadingPiece {
    height: 35px !important;
}

.miniCartRigthHeader .miniCartRigthHeader-fav-button {
    display: none !important;
}

/*Sağ Sepet*/

.bedenT {
    float: right;
}

    .bedenT a {
        display: flex;
        align-items: center;
        line-height: 12px;
        gap: 7px;
        font-size: 12px;
        font-weight: 400;
        color: #000000 !important;
        transition: 0.3s;
    }

        .bedenT a:hover {
            color: #383838;
        }

/* Menü Banner’ları Izgara */
.menuBanners {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

    /* Her Banner Kapsayıcısı */
    .menuBanners a {
        position: relative;
        display: block;
        overflow: hidden; /* Taşmayı Kes → “İçe Doğru” Etkisi */
    }

        /* Görselin Kendisi */
        .menuBanners a img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1) translateZ(0);
            transform-origin: center center; /* Merkezden Büyüsün */
            transition: transform 0.5s cubic-bezier(0.2, 0.6, 0.2, 1);
            will-change: transform;
        }

        /* Hover’da Zoom-In (İçe Doğru Büyüme) */
        .menuBanners a:hover img,
        .menuBanners a:focus-visible img {
            transform: scale(1.08); /* 1.05–1.12 arası zevkine göre */
        }

        /* Alt Başlık (İstersen) */
        .menuBanners a span {
            display: block;
            margin-top: 10px;
            text-align: center;
            font-size: 14px;
        }

/* Hareket Azaltma Tercihi Olanlar İçin */
@media (prefers-reduced-motion: reduce) {
    .menuBanners a img {
        transition: none;
    }
}

body .productItem:hover .productImage img {
}

.productItem .productImage img,
.productItem .productImage .Videolu video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    transition: 1s !important;
    transform: translateY(30px) !important;
    visibility: hidden;
    opacity: 0;
    max-height: 100% !important;
}

    .productItem .productImage img.loaded,
    .productItem .productImage .Videolu video.loaded,
    .productItem .productImage img.owl-lazy,
    .productItem .productImage .owl-item.active img,
    .productItem .productImage .owl-item.active .Videolu video {
        transform: translateY(0) !important;
        visibility: visible;
        opacity: 1;
    }

body .productItem:hover .productImage img {
}

img.resimOrginal.lazyImage.entered.loaded {
}

/* Sekme genel stili */
.urunTab ul li {
    position: relative;
    overflow: hidden;
}

    /* Başlangıçta görünmeyen çizgi */
    .urunTab ul li::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px; /* Çizgi kalınlığı */
        width: 0; /* Başlangıçta görünmez */
        background-color: #000; /* Renk */
        transition: width 0.6s ease; /* Akıcı animasyon */
    }

    /* Hover veya aktif olduğunda soldan sağa dolsun */
    .urunTab ul li:hover::after,
    .urunTab ul li.active::after {
        width: 100%;
    }
/* ====== Yeni Nesil Drawer Yapısı ====== */

/* Arka plan blur efekti */
.drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(0px);
    opacity: 0;
    visibility: hidden;
    transition-property: backdrop-filter, opacity, visibility;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 9998;
}

/* Sağdan açılan panel */
.drawer-panel {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 40%;
    height: 100vh !important;
    background: #fff;
    transition-property: transform, opacity, visibility;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: transform;
    z-index: 9999;
    overflow-y: auto;
    padding: 0px 32px !important;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
}

/* Aktif halleri */
.drawer-overlay.active {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(10px);
}

.drawer-panel.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

/* Kapat butonu */
.drawer-close {
    position: absolute;
    top: 9px;
    right: 9px;
    background: #fff;
    color: #000;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 24px;
    z-index: 10000;
    transition: transform 0.3s ease;
}

    .drawer-close:hover {
        transform: rotate(90deg);
    }

/* ===== Elegant Drawer Header (Birebir Shipping Tarzı) ===== */
.drawer-header {
    position: sticky;
    top: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 28px 0px 25px;
    z-index: 3;
    font-family: "Baskervville", serif !important;
    font-weight: normal;
    font-size: 20px;
}

    /* Başlık */
    .drawer-header .drawer-title {
        font-size: 22px;
        font-weight: 400;
        color: #111;
        margin: 0;
        letter-spacing: 0.2px;
        line-height: 1.2;
    }

/* X butonu (FontAwesome yerine saf karakter) */
.drawer-close {
    background: none;
    border: none;
    color: #111;
    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-top: 23px;
    transition: opacity 0.3s ease;
}

    .drawer-close:hover {
        opacity: 0.6;
    }

/* İçerik kısmı */
.drawer-panel {
    background: #fff;
    color: #111;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 40px 60px;
    overflow-y: auto;
}

    /* Başlıklar içeride */
    .drawer-panel h2,
    .drawer-panel h3 {
        font-weight: 400;
        font-size: 20px;
        margin: 32px 0 12px;
    }

    /* Scrollbar sade */
    .drawer-panel::-webkit-scrollbar {
        width: 6px;
    }

    .drawer-panel::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }

#divBenzerUrun {
    padding-top: 50px;
    padding-bottom: 100px;
}

/*YGMOBIL*/

@media (max-width: 900px) {
    .cabani-ad-img {
        height: auto;
    }
}

.appliedFilter a i.fa-times-circle:before {
    content: "x";
    font-family: "Instrument Sans";
}

.categoryDeleteFilters {
    position: relative;
    display: none;
}

#divMarka .left_line,
#divMarka .center_line {
    display: none;
}

/* OZEL ALANLAR */
/*
.HeaderSayac {
    width: 100%;
    display: none;
    z-index: 1;
    position: relative;
}

    .HeaderSayac.gizle {
        display: none !important;
    }

.SayacAktif.HeaderSayac {
    display: flex;
}

.SayacAktif .main-container {
    margin: 0 auto;
    position: relative;
    clear: both;
    display: flex;
    padding: 0 60px;
}

.SayacAktif .SayacDiv {
    float: left;
    width: 100%;
}

.SayacAktif .main-container .countdown-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .SayacAktif .main-container .countdown-container .countdown-link {
        position: relative;
        align-items: center;
        height: 100%;
        color: #fff;
        float: left;
        width: 100%;
        text-align: left;
        height: 48px;
        display: flex;
        align-items: center;
    }

        .SayacAktif .main-container .countdown-container .countdown-link .countdown-left {
            font-size: 14px;
            font-weight: 400;
            color: #fff;
            text-align: left;
        }

            .SayacAktif .main-container .countdown-container .countdown-link .countdown-left span {
                display: block;
                height: 100%;
                display: flex;
                align-items: center;
            }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link > .countdown {
            float: right;
            background-color: #fff;
            border-radius: 8px;
            margin-left: 25px;
            line-height: normal;
            height: 36px;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: flex;
            align-items: center;
        }

            .SayacAktif
            .main-container
            .countdown-container
            .countdown-link > .countdown
            .countdown-main {
                list-style-type: none;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 15px;
                cursor: pointer;
                color: #000;
                margin: auto;
            }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link > .countdown-img {
            width: 100%;
        }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link > .countdown
        .countdown-main > li {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0px 10px;
        }

            .SayacAktif
            .main-container
            .countdown-container
            .countdown-link > .countdown
            .countdown-main > li:last-child {
                margin-right: 0;
            }

            .SayacAktif
            .main-container
            .countdown-container
            .countdown-link > .countdown
            .countdown-main > li:after {
                font-size: 8px;
                display: inline;
                position: absolute;
                bottom: 5px;
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                content: attr(title);
                font-weight: 100;
                text-transform: uppercase;
            }

            .SayacAktif
            .main-container
            .countdown-container
            .countdown-link > .countdown
            .countdown-main > li:last-child::before {
                display: none;
            }

            .SayacAktif
            .main-container
            .countdown-container
            .countdown-link > .countdown
            .countdown-main > li > div {
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 12px;
                position: relative;
                top: 0px;
                font-weight: 600;
                color: #000;
                cursor: pointer;
                transition: 0.3s;
            }

                .SayacAktif
                .main-container
                .countdown-container
                .countdown-link > .countdown
                .countdown-main > li > div > span {
                    display: block;
                    font-weight: 600;
                    color: #333;
                    font-size: 17px;
                    text-align: center;
                    transition: 0.3s;
                }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link > .countdown
        .countdown-main > li {
            color: #333;
            background-color: #ffffff;
        }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link
        .SayacMobil {
            display: none;
        }

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .SayacAktif
    .SayacDiv
    .main-container
    .countdown-container
    .countdown-link {
        background-position: left;
        background-size: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {

    .SayacAktif
    .SayacDiv
    .main-container
    .countdown-container
    .countdown-link {
        background-position: left;
        background-size: 85%;
    }

    .SayacAktif
    .main-container
    .countdown-container
    .countdown-link > .countdown
    .countdown-main > li {
        padding: 1px 5px;
    }

    .SayacAktif
    .main-container
    .countdown-container
    .countdown-link > .countdown {
        height: 44px;
    }
}
*/
/*@media only screen and (max-width: 767px) {
    .HeaderSayac {
        height: 70px;
        padding: 0;
    }

    .SayacAktif .main-container .countdown-container .countdown-link {
        height: 70px;
    }

    .SayacAktif .main-container {
        padding: 0;
    }

        .SayacAktif
        .main-container
        .countdown-container.mobile
        .countdown-link > .countdown {
            margin-left: 0;
            position: absolute;
            right: 0px;
            top: 0px;
            height: 46px;
        }

            .SayacAktif
            .main-container
            .countdown-container.mobile
            .countdown-link > .countdown
            .countdown-main {
                padding: 0 5px;
            }

                .SayacAktif
                .main-container
                .countdown-container.mobile
                .countdown-link > .countdown
                .countdown-main > li {
                    padding: 4px 6px;
                }

        .SayacAktif
        .main-container
        .countdown-container.mobile
        .countdown-link {
            background-size: cover;
            min-height: 58px;
        }

            .SayacAktif
            .main-container
            .countdown-container.mobile
            .countdown-link > .countdown
            .countdown-main > li > div {
                font-size: 10px;
                gap: 4px;
            }

                .SayacAktif
                .main-container
                .countdown-container.mobile
                .countdown-link > .countdown
                .countdown-main > li > div > span {
                    font-size: 14px;
                }

        .SayacAktif .main-container .countdown-container .countdown-link img {
            display: none;
        }

        .SayacAktif
        .main-container
        .countdown-container
        .countdown-link
        .SayacMobil {
            display: block;
            max-height: 70px;
        }

    body.homeBody.SayacAktif {
        padding-top: 0px;
    }

    body.SayacAktif.sepetimBody {
        padding-top: 0;
    }
}

@media only screen and (max-width: 576px) {
    .SayacAktif .main-container .countdown-container .countdown-link .countdown-left span {
        max-width: 75%;
    }

    .SayacAktif .main-container {
        padding: 0;
    }
}
*/
.ygd-banner-photo img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.ygd-banner-container {
    display: flex;
}

    .ygd-banner-container ul,
    .ygd-video-container ul,
    .ygd-photo-container ul,
    .yg-banner-by-link-container ul {
        padding: 0 !important;
        list-style-type: none;
    }

.yg-banner-container-item {
    display: flex;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

.ygd-banner-photo {
    width: 50%;
    height: 90dvh;
    overflow: hidden;
    position: relative;
}

.ygd-banner-video {
    width: 50%;
    height: 90dvh;
    overflow: hidden;
}

    .ygd-banner-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.ygd-banner-content {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 96px;
}

    .ygd-banner-content.center-boxes {
        bottom: unset;
        top: 80%;
    }

    .ygd-banner-content a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        width: auto;
        padding: 0 0;
        height: 36px;
        color: white;
        text-transform: uppercase;
        background: inherit;
        border-bottom: 1px solid white;
        border-radius: 0;
        transition: background-color 0.5s ease;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        font-weight: 500;
    }

#mainHolder_divDesign .ygd-banner-container .owl-carousel .owl-dots,
#mainHolder_divDesign .ygd-video-container .owl-carousel .owl-dots,
#mainHolder_divDesign .ygd-photo-container .owl-carousel .owl-dots,
#mainHolder_divDesign .yg-banner-by-link-container .owl-carousel .owl-dots,
#mainHolder_divDesign .ygd-all-slider-container .owl-carousel .owl-dots {
    display: block !important;
    text-align: right !important;
    max-width: 1620px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
}

@media screen and (max-width: 900px) {
    .ygd-banner-content {
        bottom: 10%;
        gap: 16px !important;
    }

    .ygd-banner-photo {
        width: 100%;
        height: 90dvh;
    }

    .ygd-banner-video {
        display: none;
    }

    #mainHolder_divDesign .ygd-banner-container .owl-carousel .owl-dots,
    #mainHolder_divDesign .ygd-video-container .owl-carousel .owl-dots,
    #mainHolder_divDesign .ygd-photo-container .owl-carousel .owl-dots,
    #mainHolder_divDesign .yg-banner-by-link-container .owl-carousel .owl-dots,
    #mainHolder_divDesign .ygd-all-slider-container .owl-carousel .owl-dots {
        text-align: center !important;
    }
}

.ygd-video-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ygd-video-container-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ygd-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 96px;
}

.ygd-photo-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .ygd-photo-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.ygd-photo-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 96px;
}

    .ygd-photo-content a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 400;
        padding: 4px;
        border-bottom: 1px solid #fff;
    }

.ygd-photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.yg-banner-by-link {
    width: 100%;
    height: 90dvh;
    position: relative;
}

.yg-banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    .yg-banner-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
    }

.yg-banner-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.link-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yg-banner-by-link-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: max-content;
    padding: 0 10px;
    height: 36px;
    color: white;
    text-transform: uppercase;
    background: inherit;
    border: 1px solid white;
    border-radius: 0;
    transition: background-color 0.5s ease;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: 500;
}

    .yg-banner-by-link-button:hover {
        background-color: white;
        color: black;
    }

    .yg-banner-by-link-button:nth-child(even) {
        margin-top: 36px;
    }

    .yg-banner-by-link-button:nth-child(odd) {
        margin-bottom: 36px;
    }

.yg-banner-by-link-title {
    font-size: 40px;
    line-height: 56px;
    font-weight: 500;
    color: white;
    text-align: center;
    margin-bottom: 0;
}

.yg-banner-by-link-subtitle {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: white;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 2px;
}

@media screen and (max-width: 767px) {
    .link-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .yg-banner-by-link-button {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

        .yg-banner-by-link-button:nth-child(even) {
            margin-left: 160px;
        }

        .yg-banner-by-link-button:nth-child(odd) {
            margin-right: 160px;
        }

        .yg-banner-by-link-button:nth-child(3n) {
            margin-top: 24px !important;
        }
}

#top-bar .html.custom.html_3 {
    width: 100%;
    display: block;
}

#divTopProductSearch .searchform-wrapper .searchform {
    border-bottom: 1px solid #d8d8d8 !important;
}

#divTopProductSearch .searchform-wrapper #txtbxArama {
    padding: 0 6px !important;
}

.big-tiny-carousel ul {
    list-style: none;
    padding: 0;
}

    .big-tiny-carousel ul .owl-stage {
        display: flex;
        align-items: center;
    }

.big-tiny-carousel .bt-carousel-item {
    display: flex;
    flex-direction: column;
}

    .big-tiny-carousel .bt-carousel-item img {
        width: 100%;
        padding: 20px;
        height: auto;
    }

.big-tiny-carousel .bt-carousel-item-content {
    padding: 12px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bt-carousel-item-content-title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1;
    margin: 0 0 6px 0;
    letter-spacing: 0.02em;
}

.bt-carousel-item-content-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 1;
    margin: 0;
}

.bt-carousel-item-content-discover {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    margin: 8px 0 0 0;
    text-decoration: underline;
    cursor: pointer;
}

.cats-container {
    width: 100%;
    overflow: hidden;
}

.cat-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.cat-tab-button {
    background: #f0f0f0;
    border: none;
    outline: none;
    padding: 10px;
    color: #000000;
    font-size: 13px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase;
    background: transparent;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: auto;
}

    .cat-tab-button::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #000000;
        transition: width 0.275s ease-in-out;
    }

    .cat-tab-button.active::before {
        width: 100%;
    }

.cat-tab-content {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(6, 1fr);
    margin: 0 auto;
    gap: 2.25%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(64px);
    transition: opacity 0.425s ease-in-out, transform 0.375s ease-in-out;
    height: 0;
    pointer-events: none;
}

    .cat-tab-content.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: opacity 0.425s ease-in-out, transform 0.375s ease-in-out;
        pointer-events: auto;
        height: auto;
        padding: 1rem 0;
    }

.cats-contents {
    position: relative;
    z-index: 2;
}

.cat-tab-content-item {
    width: 100%;
    height: 100%;
    position: relative;
    color: #000000;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

    .cat-tab-content-item .cat-tab-content-item-content .tail {
        width: 1rem;
        transition: width 0.275s ease-in-out;
    }

    .cat-tab-content-item:hover .cat-tab-content-item-content .tail {
        width: 1.5rem;
        transition: width 0.275s ease-in-out;
    }

.cat-tab-content-item-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cat-tab-content-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.275s ease-in-out;
}

.cat-tab-content-item:hover img {
    transform: scale(1.02);
    transition: transform 0.275s ease-in-out;
}

.cat-tab-content-item-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

.cat-tab-content-item-content-title {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: normal;
}

@media screen and (max-width: 768px) {
    .cat-tab-content.active {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }

    .cat-tab-content-item {
        min-width: 180px;
    }
}

.ygd-video-container-item,
.ygd-photo-container-item {
    height: 90dvh;
}

    .ygd-photo-container-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#top-bar > .headerContainer > .flex-col > .nav {
    gap: 0 !important;
}

#top-bar .custom.html_2 {
    width: 100%;
    background: #00244d !important;
    padding: 8px 30px;
}

@media screen and (max-width: 1379px) {
    #top-bar .custom.html_2 {
        padding: 6px 10px !important;
    }
}

@media screen and (max-width: 767px) {
    #top-bar .custom.html_2 {
        padding: 6px 4px !important;
    }

    .katTumunuGor a {
        border: none !important;
        color: #c40017 !important;
    }
}

#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li {
    min-height: 70px !important;
    max-height: 70px !important;
    background: #ffffff;
    margin-bottom: 0px;
}

.newHeaderNavigation.mobileStyle .newHeaderNavUl li a {
    min-height: 70px !important;
}

.yg-mobile-menu {
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
    width: 100%;
}

.yg-mobile-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 20px 12px 16px;
    height: 70px;
    text-decoration: none;
    color: #111;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

    .yg-mobile-item:hover {
    }

.yg-mobile-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.yg-mobile-item i {
    font-size: 15px;
    color: #000;
}

.yg-mobile-menu {
    display: none;
}

.newHeaderNavUl .yg-mobile-menu {
    display: inline-block !important;
    background: #f7f7f7;
}

.image-right .owl-carousel .owl-nav {
    z-index: 2;
    position: relative !important;
    right: 0;
    top: 30px !important;
    left: 50% !important;
    width: 75px;
}

.image-left .owl-carousel .owl-nav {
    z-index: 2;
    position: relative !important;
    right: 0;
    top: 30px !important;
    left: 50% !important;
    width: 75px;
}

.footerlogoByz {
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7422%) hue-rotate(292deg) brightness(121%) contrast(83%);
}

.YG-contact-item img {
    width: auto;
    display: block;
    margin-top: 2px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7422%) hue-rotate(292deg) brightness(121%) contrast(83%);
}

ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    padding-inline-start: 0 !important;
    unicode-bidi: isolate;
}

#top-bar .headerContainer {
    flex-flow: column-reverse !important;
}

    #top-bar .headerContainer .flex-center,
    #top-bar .headerContainer .flex-left {
        width: 100%;
    }

@media (max-width: 767px) {
    .yg-popcats-slider .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/*---------*/

.product-info-secondary {
    padding-top: 36px;
}

.secondary-title {
    color: #1f1f1f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 0 0 16px 0.05em;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

    .secondary-title:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 1px;
        right: 0;
        border-bottom: 2px solid #1f1f1f;
        width: 14px;
        margin: auto;
    }

.product-info-secondary .product.attribute.overview {
    max-width: 748px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 16px;
    font-size: 12px;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 22px;
    letter-spacing: 0.025em;
    padding-left: 0.025em;
    text-align: center;
}

.product-info-secondary ul {
    list-style: none;
}

.product-info-secondary .product-icons {
    display: flex;
    text-align: center;
    justify-content: center;
    column-gap: 54px;
    flex-wrap: wrap;
}

    .product-info-secondary .product-icons .product-icon {
        display: grid;
        justify-items: center;
        grid-template-rows: 74px 32px;
        width: 120px;
        padding-bottom: 34px;
        text-align: center;
        user-select: none;
    }

        .product-info-secondary .product-icons .product-icon img {
            margin-top: 2px;
            width: 64px;
            padding: 0;
            display: block;
            height: auto;
            mix-blend-mode: darken;
        }

.product-info-secondary .secondary-inner-wrapper {
    display: flex;
    padding-top: 36px;
    padding-bottom: 72px;
    width: 100%;
}

    .product-info-secondary .secondary-inner-wrapper .featured-product-wrapper {
        display: block;
        width: 358px;
        margin: 0 -3px 0 auto;
        padding: 0 70px 0 0;
        text-align: center;
        overflow: hidden;
        border-right: 2px solid #ddd;
    }

        .product-info-secondary
        .secondary-inner-wrapper
        .featured-product-wrapper
        .featured-title {
            display: block;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0.05em;
            line-height: 22px;
            text-transform: uppercase;
            color: #1f1f1f;
            padding-left: 0.05em;
            position: relative;
            z-index: 1;
        }

        .product-info-secondary
        .secondary-inner-wrapper
        .featured-product-wrapper
        .featured-link {
            display: block;
            outline-offset: -4px;
            padding-top: 3px;
        }

            .product-info-secondary
            .secondary-inner-wrapper
            .featured-product-wrapper
            .featured-link > span {
                color: #1f1f1f;
                text-transform: uppercase;
                line-height: 16px;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: 0.05em;
                text-align: center;
                display: block;
                padding-left: 0.05em;
                position: relative;
                z-index: 1;
            }

            .product-info-secondary
            .secondary-inner-wrapper
            .featured-product-wrapper
            .featured-link
            .featured-img {
                margin-top: -74px;
                padding-left: 2px;
                display: block;
                max-width: 100%;
                transform: scale(1);
                transition: all 0.45s cubic-bezier(0.09, 0.72, 0.76, 1.01);
                will-change: transform;
                width: 100%;
                height: auto;
            }

                .product-info-secondary
                .secondary-inner-wrapper
                .featured-product-wrapper
                .featured-link
                .featured-img:hover {
                    transform: scale(1.05);
                }

    .product-info-secondary .secondary-inner-wrapper .additional-details {
        text-align: center;
        width: 354px;
        margin: 0 auto 0 0;
        padding-left: 90px;
        padding-right: 20px;
    }

        .product-info-secondary
        .secondary-inner-wrapper
        .additional-details
        .details-title {
            display: block;
            color: #1f1f1f;
            font-size: 15px;
            line-height: 22px;
            font-weight: 600;
            letter-spacing: 0.05em;
            padding: 0 0 11px 0.05em;
            text-align: center;
            text-transform: uppercase;
            position: relative;
            margin-bottom: 4px;
        }

            .product-info-secondary
            .secondary-inner-wrapper
            .additional-details
            .details-title:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 1px;
                right: 0;
                border-bottom: 2px solid #1f1f1f;
                width: 14px;
                margin: auto;
            }

        .product-info-secondary .secondary-inner-wrapper .additional-details ul {
            font-size: 12px;
            line-height: 16px;
            color: #1f1f1f;
            font-weight: 600;
            letter-spacing: 0.05em;
            list-style: none;
        }

            .product-info-secondary .secondary-inner-wrapper .additional-details ul li {
                padding: 9px 0;
            }

@media screen and (max-width: 768px) {
    .product-info-secondary .secondary-inner-wrapper .featured-product-wrapper,
    .product-info-secondary .secondary-inner-wrapper .additional-details {
        width: 100%;
    }

    .product-info-secondary .secondary-inner-wrapper {
        flex-direction: column;
        padding-top: 32px;
        padding-bottom: 64px;
    }

        .product-info-secondary .secondary-inner-wrapper .featured-product-wrapper {
            margin: 0 auto 0 auto;
            padding: 32px 0;
            text-align: center;
            overflow: hidden;
            border-right: none;
            border-top: 2px solid #ddd;
            border-bottom: 2px solid #ddd;
        }

        .product-info-secondary .secondary-inner-wrapper .additional-details {
            padding: 32px 0;
            margin: 0 auto;
            border-bottom: 2px solid #ddd;
        }
}

.YG-menu-container ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    unicode-bidi: isolate;
    margin-top: 20px;
    margin-bottom: 60px;
}

.YG-menu-container {
    width: 100%;
}

.YG-menu-container-title {
    font-size: 17px;
    font-weight: 500;
}

.YG-menu-item .menu-item-image {
    background: transparent;
    border-radius: 6px;
    padding: 8px;
}

    .YG-menu-item .menu-item-image img {
        width: 100%;
    }

.YG-menu-item .menu-item-text {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin: 5px 0 0;
}

.YG-menu-container .owl-carousel:not(.owl-loaded) {
    opacity: 0;
    visibility: hidden;
}

.YG-menu-container .owl-carousel.owl-loaded {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.175s ease;
}

body .leftImage .ProductGallery .gallery-container {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .ProductGallery .owl-carousel.galleryOwl .owl-dots {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        bottom: -25px !important;
        background: transparent !important;
    }

        .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot {
            margin: 0 !important;
        }

            .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot span {
                width: 36px !important;
                height: 2px !important;
                border: none !important;
                background: #e5e5e5 !important;
            }

            .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot.active span {
                background: #004182 !important;
            }
}

.productList-Image-Owl .owl-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    bottom: 0 !important;
    background: transparent !important;
}

    .productList-Image-Owl .owl-dots .owl-dot {
        margin: 0 !important;
        flex: 1 !important;
    }

        .productList-Image-Owl .owl-dots .owl-dot span {
            width: 96% !important;
            height: 2px !important;
            border: none !important;
            background: #0000004a !important;
            margin: 0 !important;
        }

        .productList-Image-Owl .owl-dots .owl-dot.active span {
            background: #004182 !important;
        }

.orjinal-brand {
    display: none !important;
    align-items: center;
    gap: 6px;
    padding: 6px 12px 6px 0;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-bottom: 10px;
}

    .orjinal-brand .original-badge {
        color: #1a1a1a;
        font-weight: 600;
        font-size: 13px;
        padding: 3px 8px;
        border-radius: 6px;
    }

    .orjinal-brand .original-text {
        color: #1a1a1a;
        font-weight: 500;
    }

    .orjinal-brand i {
        font-size: 13px;
        color: #1a1a1a;
    }

@media screen and (min-width: 768px) and (max-width: 1379px) {
    body.ProductBody .categoryTitleText {
        padding: 15px 0px;
    }
}

@media screen and (min-width: 1380px) and (max-width: 1660px) {
    body.ProductBody .ticiContainer.productDetailContainer {
        padding: 0 0;
    }

    body.ProductBody .categoryTitleText {
        padding: 15px 20px;
    }
}

@media screen and (min-width: 1661px) {
    body.ProductBody .ticiContainer.productDetailContainer {
        padding: 0 2px;
    }

    body.ProductBody .categoryTitleText {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 767px) {
    body.ProductBody .ticiContainer.productDetailContainer {
        padding: 0 10px;
    }

    body.ProductBody .categoryTitleText {
        padding: 10px;
    }
}

.relatedProductsColor .productRelatedColorCount {
    position: relative;
    font-size: 12px !important;
    line-height: 12px !important;
}

    .relatedProductsColor .productRelatedColorCount:before {
        content: "+";
        display: inline-block;
        font-size: 14px;
    }

    .relatedProductsColor .productRelatedColorCount:after {
        content: "Renk";
        display: inline-block;
        font-size: 13px;
        margin-left: 4px;
    }

.relatedProductsColor .relatedProductsColorBtn {
    border-radius: 32px !important;
    padding: 6px 8px !important;
}

body #relatedProduct .modal-content {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 520px !important;
    min-width: auto !important;
    padding: 0;
}

body #relatedProduct .modal-close {
    height: 30px;
    width: 30px;
    margin-right: 30px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    color: #fff !important;
    background: #004182;
    border-radius: 100%;
    text-align: center;
    justify-content: center;
    font-size: 35px !important;
    line-height: 25px;
}

body #relatedProduct .divRelatedProductsPopup h3 {
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    padding-left: 30px;
}

body #relatedProduct .divRelatedProductsPopup .ulRelatedProducts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow-y: auto;
    max-height: calc(100vh - 70px);
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
    margin: 0 8px !important;
    width: calc(100% - 16px);
    gap: 8px;
}

body #relatedProduct .ulRelatedProducts li {
    width: 100% !important;
    padding: 0;
    text-align: center;
    border-radius: 0;
    margin-bottom: 0 !important;
    gap: 0 !important;
}

.ulRelatedProducts li .ulRelatedProductName {
    margin-top: 0 !important;
}

body #relatedProduct .ulRelatedProducts li .ulRelatedProductName a {
    margin-top: 8px;
    padding: 0 10px;
    text-align: left;
}

body #relatedProduct .ulRelatedProducts li .ulRelatedProductsButtons {
    margin-top: 12px;
    padding: 0 10px;
}

body #relatedProduct .ulRelatedProducts li .relatedAddtoCartBtn {
    background: #004182 !important;
}

@media (max-width: 767px) {
    body #relatedProduct .modal-content {
        top: 15px;
        right: 15px;
        left: 15px;
        width: 340px !important;
        max-width: 100% !important;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    /* Sol içerik alanı %100 olacak */
    #divSayfalamaUst .FiltreicerikAlan {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        position: static !important;
        padding: 16px !important;
        border-right: 0 !important;
        height: auto !important;
        box-sizing: border-box;
    }

    /* Tüm dropdown listeler kapalı başlasın */
    .vertical-filter-panel ul.dropdown {
        display: none !important;
        position: static !important;
        width: 100% !important;
        float: none !important;
        clear: both !important;
        padding: 0 8px 16px 8px !important;
        max-height: none !important;
        overflow: visible !important;
        box-sizing: border-box;
    }

    /* Açık olan başlığın dropdownunu göster */
    .vertical-filter-panel .panel-heading.open + ul.dropdown,
    .vertical-filter-panel .panel-heading.active + ul.dropdown {
        display: block !important;
    }

    /* List item kırpılmasın ama satırı da patlatmasın */
    .vertical-filter-panel .list-group-item {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: center;
        gap: 6px;
        width: 100% !important;
        min-height: 40px;
        padding: 6px 0 !important;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Alt buton barı content’i sıkıştırmadan sabit */
    .filtreAlt {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        display: flex !important;
        justify-content: space-between;
        padding: 12px 16px !important;
        border-top: 1px solid #000;
        z-index: 30;
        box-sizing: border-box;
    }

    /* INVALID DIV’leri ul içinde görmezden gel, akışı bozmasın */
    .vertical-filter-panel ul > div {
        all: unset;
        display: none;
        width: 100%;
    }

    /* Default tüm dropdownlar kapalı */
    .vertical-filter-panel ul.dropdown {
        display: none;
        width: 100%;
    }

        .vertical-filter-panel ul.dropdown.panel-search {
            display: none !important;
        }

    /* Sadece tıklananın altı açıksa ortaya çıksın */
    .vertical-filter-panel .panel-heading.open + ul.dropdown,
    .vertical-filter-panel .panel-heading.active + ul.dropdown,
    .vertical-filter-panel .panel-heading.acik + ul.dropdown {
        display: block !important;
    }

    /* Başka panel open alıp seninki active değilse görselde listesi kalmasın */
    .vertical-filter-panel
    .panel-heading.open:not(.active):not(.acik) + ul.dropdown {
        display: none !important;
    }

    /* İçerik akışı kaya/kapa yapısını bozmasın */
    .FiltreicerikAlan .panel,
    .FiltreicerikAlan > div {
        width: 100% !important;
        position: static !important;
        float: none !important;
        clear: both;
    }

    /* Alt bar içeriği sıkıştırmasın diye sabit ama containeri ezmesin */
    .filtreAlt {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        padding: 14px;
        background: #fff;
        border-top: 1px solid #000;
        box-sizing: border-box;
    }

    body .category-vertical-filters.top-filters {
        transform: translateX(110%);
        display: none;
        transition: transform 0.28s cubic-bezier(0.7, 0, 0.3, 1);
    }

    body .Block_item.filterBlock.active .category-vertical-filters.top-filters {
        transform: translateX(0);
        display: block !important;
    }

    body .Block_item.filterBlock.active .filtreAlt {
        display: flex !important;
        opacity: 1;
        transform: translateX(0);
        transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.5, -0.1, 0.3, 1.2);
    }

    body .Block_item.filterBlock.active.closing .filtreAlt {
        opacity: 0 !important;
        transform: translateX(70px);
    }
}

@media screen and (max-width: 1099px) {
    .drawer-panel.active {
        width: 60%;
    }
}

@media screen and (max-width: 992px) {
    .drawer-panel.active {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .drawer-panel.active {
        width: 100%;
    }

    .discountIcon {
        margin-left: 6px !important;
    }

    .productItem .regularPrice {
        margin-right: 6px !important;
    }
}

.brandlistselection .sortingContent li:first-child {
    position: relative;
}

    .brandlistselection .sortingContent li:first-child:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-weight: 400;
        position: absolute;
        top: 19px;
        left: -6px;
        font-size: 9px;
        color: #000;
    }

.productKampanya {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 4px 0 0;
    gap: 4px 12px;
    flex-direction: column;
    max-width: max-content;
    margin-bottom: 4px;
}

.RightDetail .detailPriceArea {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding-top: 18px;
    width: 100%;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}

.KatSepetFiyatOzelAlan4 {
    font-size: 8px;
    letter-spacing: 1.5px;
    line-height: normal;
    flex-wrap: nowrap;
    gap: 0 6px;
    white-space: nowrap;
    max-width: 100%;
    overflow: auto;
}

.productIconExSpecial > div.ozelAlan1,
.productIconExSpecial > div.ozelAlan2,
.productIconExSpecial > div.ozelAlan3,
.productIconExSpecial > div.ozelAlan4,
.productIconExSpecial > div.ozelAlan5 {
    display: none;
}

.KatSepetFiyatOzelAlan4 {
    float: left;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
    align-items: center;
    font-weight: 400;
    font-size: 10px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 3px 4px;
    color: #d80000;
    border: 1px solid #d80000;
    margin: 0 4px;
    justify-content: space-around;
}

.KatSepetFiyat {
    float: left;
    margin: 0;
    font-weight: 500;
    font-size: 10px;
    line-height: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
    border: 1px solid transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 8px;
    column-gap: 6px;
    color: #00c753;
    background: #f3f3f1;
    margin: 0 4px;
}

.sPricOzelAlan4 {
    float: left;
    display: flex;
    gap: 8px;
    font-size: 10px;
    line-height: 19px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #d80000;
    align-items: center;
    padding: 6px 8px;
    border: 1px solid #d80000;
}

span.sptPriceOzelAlan4 {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
}

.sPric {
    font-weight: 400;
    font-size: 10px;
    line-height: 19px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 1px solid transparent;
    padding: 6px 8px;
    color: #00c753;
    background: #f3f3f1;
    display: flex;
    gap: 8px;
    width: max-content;
}

span.sptPrice,
span.sptpriceOzelAlan4 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

@media screen and (min-width: 1100px) and (max-width: 1500px) {
    body .logo-center #hb-logo {
    }
}

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

    body.HomeBody #headerNew .logo-center #hb-logo {
        filter: brightness(0) invert(1);
    }

    body.HomeBody #headerNew.fixed.gectop .logo-center #hb-logo,
    body.HomeBody #headerNew:hover .logo-center #hb-logo {
        filter: unset;
    }

    body
    .leftImage
    .ProductGallery
    .gallery-container
    .GalleryArea
    .owl-carousel
    .owl-item
    .zoom-js
    img {
        aspect-ratio: 1;
        object-fit: cover;
    }

    body.HomeBody #divTopProductSearch .searchform-wrapper #txtbxArama,
    body.HomeBody
    #divTopProductSearch
    .searchform-wrapper
    #txtbxArama::placeholder,
    body.HomeBody #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
        color: #fff !important;
    }

    body.HomeBody #divTopProductSearch .searchform-wrapper .searchform {
        border-color: #fff !important;
    }

    body.HomeBody
    #headerNew:hover
    #divTopProductSearch
    .searchform-wrapper
    #txtbxArama,
    body.HomeBody
    #headerNew:hover
    #divTopProductSearch
    .searchform-wrapper
    #txtbxArama::placeholder,
    body.HomeBody
    #headerNew:hover
    #divTopProductSearch
    .searchform-wrapper
    #btnKelimeAra
    i {
        color: #09224d !important;
    }

    body.HomeBody
    #headerNew:hover
    #divTopProductSearch
    .searchform-wrapper
    .searchform {
        border-color: #09224d !important;
    }

    #headerNew.fixed.gectop #divTopProductSearch .searchform-wrapper #txtbxArama,
    #headerNew.fixed.gectop
    #divTopProductSearch
    .searchform-wrapper
    #txtbxArama::placeholder,
    #headerNew.fixed.gectop
    #divTopProductSearch
    .searchform-wrapper
    #btnKelimeAra
    i {
        color: #09224d !important;
    }

    #headerNew.fixed.gectop #divTopProductSearch .searchform-wrapper .searchform {
        border-color: #09224d !important;
    }
}

.hzts {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    margin-top: 12px;
    background: #f3f3f1;
    padding: 10px 10px;
    width: max-content;
}

@media screen and (max-width: 767px) {
    .hzts {
        margin-bottom: 12px;
    }

    .yg-bread-title {
        font-size: 20px !important;
    }
}

.UFavorilerimeEkle .boxIcon {
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.UFavorilerimeEkle .box1 i {
    display: none;
}

.UFavorilerimeEkle .box1 {
    width: max-content;
    font-size: 13px;
}

.UFavorilerimeEkle a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #00244d;
    border: 1px solid #00244d;
    border-radius: 4px;
    height: 50px;
    padding: 0 10px;
}

    .UFavorilerimeEkle a svg {
        fill: #00244d;
        width: 20px;
        height: 20px;
    }

.pesintaksit {
    width: max-content;
    margin-top: 12px;
    font-weight: 500;
    text-decoration: underline;
    color: #000;
    display: block;
    user-select: none;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 12px;
    margin-bottom: 24px;
    cursor: pointer;
    background-color: #f4f5f6;
    padding: 10px;
    border-radius: 6px;
}

.ygd-all-slider-container ul {
    list-style-type: none !important;
    padding: 0 !important;
}

/* FULL WIDTH */
.yg-full {
    width: 100%;
}

/* MAIN WRAPPER */
.yg-about {
    width: 100%;
    height: 640px;
    position: relative;
    display: flex;
    overflow: hidden;
    background: #000;
}

/* LEFT AREA */
.yg-left {
    width: 640px;
    height: 100%;
    padding: 36px 72px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 4;
    background: radial-gradient( circle at 27% 40%, #8b6a4d 0%, #5c4233 22%, #3a2a22 45%, #1e1514 70%, #0c0909 100% );
}

/* TEXTS */
.yg-tip {
    display: block;
    color: #000;
    background: #fff;
    width: max-content;
    padding: 6px 12px;
    border-radius: 32px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 12px;
}

.yg-eyebrow {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
}

.yg-title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 36px;
    line-height: 1.14;
}

/* PRODUCT LIST */
.yg-products {
    display: flex;
    gap: 4px;
    margin-top: auto;
    padding-bottom: 32px;
}

.yg-product {
    flex: 1;
    aspect-ratio: 3/4;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

    .yg-product img {
        max-height: 100%;
        width: auto;
        object-fit: contain;
    }

/* RIGHT IMAGE */
.yg-right {
    width: calc(100% - 640px);
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

    .yg-right img {
        width: 99%;
        height: 96%;
        object-fit: cover;
        object-position: left center;
        border-radius: 8px;
    }

@media (max-width: 992px) {
    .yg-about {
        height: auto !important;
        min-height: 480px;
        display: block;
        padding: 12px;
        border-radius: 6px;
    }

    .yg-right {
        width: 100% !important;
        height: 480px !important;
    }

        .yg-right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .yg-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        padding: 40px 16px !important;
        background: linear-gradient( 180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 50%, transparent 100% ) !important;
        z-index: 5;
    }

    .yg-title {
        font-size: 32px !important;
        margin-bottom: 18px !important;
    }

    /* PRODUCTS UNDER IMAGE */
    .yg-products {
        margin-top: auto !important;
        padding: 12px 24px 24px;
        flex-wrap: nowrap;
    }

        .yg-products::-webkit-scrollbar {
            display: none;
        }
}

.cabani-ad-slider {
    width: 100%;
    overflow: hidden;
}

    .cabani-ad-slider ul,
    .cabani-ad-slider li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cabani-ad-slider .owl-stage {
        display: flex;
        align-items: stretch;
        margin: 0 !important;
    }

    .cabani-ad-slider .owl-item {
        margin: 0 10px !important; /* 🔹 Görseller arası boşluk */
        box-sizing: border-box;
    }

.cabani-ad-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
}

.cabani-ad-img {
    width: 100%;
    height: 260px; /* 🔹 Tüm görseller aynı yükseklikte */
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
    transition: transform 0.3s ease;
    background-color: #f5f5f5; /* 🔹 Farklı orantıda resimler varsa arka plan doldurur */
}

.cabani-ad-item:hover .cabani-ad-img {
    transform: scale(1.03);
}

.cabani-info {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 36px;
}

.cabani-title {
    font-size: 15px;
    font-weight: normal;
    color: #353535;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .cabani-ad-img {
        height: 200px;
    }
    /* 🔹 Mobilde biraz küçültülür */
    .cabani-title {
        font-size: 14px;
    }
}

.zLnClass .productItem .productDetail {
    background: #fff;
}

.ImageProductsDetail.image-left.top-bottom {
    gap: 16px;
    background: #011F39 !important;
    width: calc(100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 0;
}

    .ImageProductsDetail.image-left.top-bottom .IP-Img {
        width: 100%;
        padding: 0 350px;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }

        .ImageProductsDetail.image-left.top-bottom .IP-Img .ipimgcontent {
            width: 50%;
            display: flex;
            flex-direction: column;
        }

            .ImageProductsDetail.image-left.top-bottom .IP-Img .ipimgcontent p {
                color: #fff;
                font-size: 24px;
                font-weight: 400;
                line-height: 1.2;
                margin-bottom: 16px;
                text-align: left;
            }

            .ImageProductsDetail.image-left.top-bottom .IP-Img .ipimgcontent a {
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                line-height: 1.2;
                text-decoration: none;
                width: max-content;
                height: max-content;
                padding: 8px 0;
            }

        .ImageProductsDetail.image-left.top-bottom .IP-Img > a {
            width: 50%;
        }

        .ImageProductsDetail.image-left.top-bottom .IP-Img img {
            width: 100%;
            height: auto;
        }

        .ImageProductsDetail.image-left.top-bottom .IP-Img:hover img {
            transform: none !important;
        }

    .ImageProductsDetail.image-left.top-bottom .IP-Product {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

        .ImageProductsDetail.image-left.top-bottom
        .IP-Product:has(.homeSliderBannerContainerNew) {
            padding: 12px 0;
        }

    .ImageProductsDetail.image-left.top-bottom #ResimliUrun4Left {
        max-width: 100% !important;
        width: 100%;
    }

#mainHolder_divDesign #ResimliUrun4Left .owl-carousel .owl-nav {
    position: absolute !important;
    top: 45% !important;
    width: calc(100% - 20px);
    left: 0 !important;
    left: 10px !important;
}

@media screen and (min-width: 768px) {
    #mainHolder_divDesign #ResimliUrun4Left .owl-carousel .owl-nav {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .ImageProductsDetail.image-left.top-bottom .IP-Img {
        padding: 0 240px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ImageProductsDetail.image-left.top-bottom .IP-Img {
        padding: 0 120px !important;
    }
}

@media screen and (max-width: 991px) {
    .ImageProductsDetail.image-left.top-bottom .IP-Img {
        padding: 0 10px !important;
    }

    .ImageProductsDetail.image-left.top-bottom .IP-Product {
        padding: 0px !important;
    }
}

.yg-popcats-card-bottom-item img {
    display: block;
    height: auto;
    transition: transform 0.4s ease;
    transform: scale(1);
}

    .yg-popcats-card-bottom-item img:hover {
        transform: scale(1.08);
    }
/* Genel Alan */
.yg-popular-wrap {
    max-width: 1440px;
    margin: 0 auto 20px;
    padding: 40px 24px 0;
    box-sizing: border-box;
}

.yg-popular-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    gap: 16px;
}

.yg-popular-eyebrow {
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #9b9b9b;
    margin: 0 0 6px;
}

.yg-popular-title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}

/* Oklar */
.yg-popular-arrows {
    display: flex;
    align-items: center;
    gap: 8px;
}

.yg-popular-arrow {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #dedede;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

    .yg-popular-arrow:hover {
        background: #f3f3f3;
        border-color: #c9c9c9;
        transform: translateY(-1px);
    }

/* Slider Kartları */
.yg-popcats-slider .owl-stage {
    display: flex;
}

.yg-popcats-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    border: 1px solid #e5e5e5;
}

.yg-popcats-card-top {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
}

    .yg-popcats-card-top img {
        width: 100%;
        /*  height: 380px;
        object-fit: cover;*/
        display: block;
    }

    .yg-popcats-card-top::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 120px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
        pointer-events: none;
    }

.yg-popcats-label-link {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    text-decoration: none;
}

.yg-popcats-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
    padding: 10px 18px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
}

.yg-popcats-label-arrow {
    font-size: 16px;
    line-height: 1;
    margin-left: 2px;
}

.yg-popcats-label-link:hover .yg-popcats-label {
    background: rgba(255, 255, 255, 0.22);
    border-color: #ffffff;
    transform: translateY(-1px);
}

/* Alt Ürün Çizgisi */
.yg-popcats-card-bottom {
    background: #f4f4f5;
    padding: 14px 10px 12px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.yg-popcats-card-bottom-item {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 8px 4px;
    overflow: hidden;
}

    .yg-popcats-card-bottom-item img {
        max-height: 120px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        display: block;
    }

/* Responsive */
@media (max-width: 991px) {
    .yg-popular-wrap {
        padding: 24px 16px 0;
    }

    .yg-popular-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .yg-popular-title {
        font-size: 26px;
    }
}

@media (max-width: 576px) {
    .yg-popcats-card-top img {
    }

    .yg-popcats-card-bottom-item img {
        max-height: 100px;
    }
}

.ImageProductsDetail.image-left.image-left3 {
    gap: 2px;
    background: #e5e5e5 !important;
    margin-left: 60px;
    width: calc(100% - 60px);
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    overflow: hidden;
}

    .ImageProductsDetail.image-left.image-left3 .IPs-Img img {
        transition: all 0.3s ease;
    }

        .ImageProductsDetail.image-left.image-left3 .IPs-Img img:hover {
            transition: all 0.3s ease;
            scale: 1.05;
        }

    .ImageProductsDetail.image-left.image-left3 .IPs-Img {
        width: 40%;
        overflow: hidden;
    }

        .ImageProductsDetail.image-left.image-left3 .IPs-Img a {
            width: 100%;
            height: 100%;
        }

        .ImageProductsDetail.image-left.image-left3 .IPs-Img img {
            width: 100%;
            height: 100%;
        }

    .ImageProductsDetail.image-left.image-left3 .IP-Product {
        padding: 72px 0 72px 0;
    }

#mainHolder_divDesign #ResimliUrun3Left .owl-carousel .owl-nav {
    position: absolute !important;
    top: 50% !important;
    width: calc(100% - 4px);
    left: 0 !important;
    left: 4px !important;
}

@media screen and (max-width: 1660px) {
    .ImageProductsDetail.image-left.image-left3 {
        margin-left: 40px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1320px) {
    .ImageProductsDetail.image-left.image-left3 {
        margin-left: 10px;
        width: calc(100% - 10px);
    }
}

@media screen and (max-width: 1190px) {
    .ImageProductsDetail.image-left.image-left3 {
        margin-left: 20px;
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 767px) {
    .ImageProductsDetail.image-left.image-left3 {
        margin-left: 0;
        width: calc(100% - 0px);
        border-top-left-radius: 16px !important;
        border-bottom-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    }

        .ImageProductsDetail.image-left.image-left3 .IPs-Img {
            width: 100%;
        }
}

.size-box-wrap {
    padding: 25px 10px;
    text-align: center;
    width: 100%;
}

.size-title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.size-list {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: nowrap;
}

    .size-list span {
        width: 55px;
        height: 55px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        cursor: pointer;
        transition: 0.2s;
        border: 1px solid #ccc;
    }

        .size-list span:hover {
            border-color: #5a5a5a;
        }

.size-subtitle {
    margin-top: 15px;
    font-size: 12px;
    color: #333;
}

@media (max-width: 768px) {
    .size-box-wrap {
        padding: 20px 0;
    }

    .size-title {
        font-size: 12px;
        margin-bottom: 14px;
        letter-spacing: 1.5px;
    }

    .size-list {
        gap: 8px;
        padding: 0 10px;
        flex-wrap: wrap;
    }

        .size-list span {
            padding: 6px 12px;
            font-size: 12px;
            border-radius: 100px;
            flex: 0 0 auto;
            /* Taşmayı engeller */
        }

    .size-subtitle {
        font-size: 11px;
        margin-top: 15px;
    }
}

.trend-hero {
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.trend-left,
.trend-right {
    flex: 1;
    background-size: cover;
    background-position: center;
}

.trend-left {
    background-image: url("https://static.ticimax.cloud/74964/uploads/bankalogo/basliksiz-1.png");
}

.trend-right {
    background-image: url("https://static.ticimax.cloud/74964/uploads/bankalogo/basliksiz-0.png");
}

/* ORTAK YAZI BLOĞU */
.trend-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
}

.trend-title {
    font-size: 3.8rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0.4rem;
}

.trend-subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 1.8rem;
}

/* BUTONLAR */
.trend-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

    .trend-buttons a {
        text-decoration: none;
        padding: 0.8rem 1.8rem;
        font-weight: 500;
        font-size: 0.9rem;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
    }

        .trend-buttons a.filled {
            background: #fff;
            color: #000;
            border: 1px solid #fff;
        }

        .trend-buttons a.outlined {
            border-bottom: 1px solid #fff;
            color: #fff;
        }

        .trend-buttons a.filled:hover {
            background: transparent;
            color: #fff;
        }

        .trend-buttons a.outlined:hover {
            background: #fff;
            color: #000;
        }

@media (max-width: 768px) {
    .trend-hero {
        flex-direction: column;
    }

    .trend-left {
        width: 100%;
        height: 100vh;
    }

    .trend-right {
        display: none;
    }

    .trend-title {
        font-size: 2.6rem;
    }

    .trend-subtitle {
        font-size: 1rem;
    }

    .trend-buttons {
        flex-direction: column;
        gap: 0.7rem;
    }

        .trend-buttons a {
            display: inline-block;
            width: 70%;
        }
}

.cabani-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    background: #f7f7f5; /* hafif gri arka plan */
}

/* sol taraf */
.cabani-hero-left {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

.cabani-hero-content {
    max-width: 700px;
    color: #111; /* yazılar siyah */
}

.cabani-hero-eyebrow {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 18px;
    color: #222;
}

.cabani-hero-headline {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.06;
    margin-bottom: 24px;
    color: #000;
}

.cabani-hero-desc {
    font-size: 18px;
    line-height: 1.6;
    max-width: 560px;
    margin-bottom: 36px;
    color: #333;
}

/* buton */
.cabani-hero-cta {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 14px 22px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.08s ease, background 0.15s ease;
}

    .cabani-hero-cta:hover {
        background: #333;
        transform: translateY(-1px);
    }

/* sağ taraf (görsel) */
.cabani-hero-right {
    position: relative;
    overflow: hidden;
    background: #ddd;
}

    .cabani-hero-right img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

/* responsive */
@media (max-width: 980px) {
    .cabani-hero {
        grid-template-columns: 1fr;
    }

    .cabani-hero-right {
        order: -1;
        min-height: 56vh;
    }

    .cabani-hero-left {
        padding: 48px 20px;
    }
}

.cabani-hero-alt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    align-items: center;
    background: #f7f7f5;
    color: #111;
}

.cabani-hero-alt-left {
    position: relative;
    overflow: hidden;
}

.cabani-hero-alt-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cabani-hero-alt-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

.cabani-hero-alt-content {
    max-width: 600px;
}

.cabani-hero-alt-eyebrow {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 18px;
    color: #9f754d;
    letter-spacing: 0.5px;
}

.cabani-hero-alt-headline {
    font-size: 58px;
    font-weight: 700;
    line-height: 1.08;
    margin-bottom: 24px;
}

.cabani-hero-alt-desc {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 36px;
    color: #383838;
}

.cabani-hero-alt-cta {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 14px 26px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.08s ease, background 0.15s ease;
}

    .cabani-hero-alt-cta:hover {
        background: #383838;
        transform: translateY(-1px);
    }

@media (max-width: 980px) {
    .cabani-hero-alt {
        grid-template-columns: 1fr;
    }

    .cabani-hero-alt-left {
        order: -1;
        min-height: 56vh;
    }

    .cabani-hero-alt-right {
        padding: 48px 20px;
        text-align: center;
    }
}

.cabani-hotspot {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* her görsel alanı */
.cabani-hotspot-item {
    position: relative;
    overflow: hidden;
}

.cabani-hotspot-img {
    width: 100%;
    height: auto;
    display: block;
}

/* hotspot noktası */
.cabani-hotspot-point {
    position: absolute;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s ease;
}

    .cabani-hotspot-point:hover {
        transform: scale(1.15);
    }

/* ürün kartı */
.cabani-hotspot-card {
    position: absolute;
    top: -260%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #000;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    width: 160px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    text-align: center;
    overflow: hidden;
}

    .cabani-hotspot-card img {
        width: 100%;
        height: auto;
        display: block;
    }

.cabani-hotspot-title {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 8px 0;
}

.cabani-hotspot-price {
    font-size: 13px;
    padding: 0 0 8px 0;
    color: #555;
}

/* hoverda kutuyu aç */
.cabani-hotspot-point:hover .cabani-hotspot-card {
    opacity: 1;
    visibility: visible;
    top: -290%;
}

/* responsive */
@media (max-width: 900px) {
    .cabani-hotspot {
        grid-template-columns: 1fr;
    }

    .cabani-hotspot-item {
        margin-bottom: 40px;
    }
}

.yg-cb-blog-section {
    width: 100%;
    background: #fff;
}
/* Full-bleed */
.yg-cb-blog-inner {
    width: 100%;
    margin: 0;
    padding: 24px 16px 8px;
}

.yg-cb-blog-title {
    font-size: 14px;
    letter-spacing: 0.18em;
    color: #111;
    margin: 0 0 22px 0;
    font-weight: 700;
    text-transform: uppercase;
}

/* Desktop/tablet: 3 sütun grid */
.yg-cb-blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px;
    align-items: start;
}

.yg-cb-blog-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* NO aspect-ratio — sadece full width */
.yg-cb-blog-media {
    margin: 0;
    border: 0;
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
}

    .yg-cb-blog-media img {
        display: block;
        width: 100%;
        height: auto; /* doğal yükseklik */
        object-fit: cover; /* istersen kalsın, yükseklik verilirse kırpar */
        transition: transform 0.4s ease;
    }

.yg-cb-blog-card:hover .yg-cb-blog-media img {
    transform: scale(1.02);
}

.yg-cb-blog-meta {
    margin-top: 10px;
}

.yg-cb-blog-date {
    display: block;
    font-size: 11px;
    color: #6b6b6b;
    margin-bottom: 6px;
}

.yg-cb-blog-heading {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin: 0;
    color: #111;
}

@media (max-width: 992px) {
    .yg-cb-blog-grid {
        gap: 24px;
    }
}

/* MOBİL: tek kart görünür + yatay scroll */
@media (max-width: 768px) {
    .yg-cb-blog-grid {
        display: flex; /* grid yerine flex */
        overflow-x: auto; /* yatay kaydır */
        gap: 16px; /* kart aralığı */
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
    }

    .yg-cb-blog-card {
        flex: 0 0 100%; /* her kart ekranın %100’ü */
        scroll-snap-align: start;
    }
}

.cabani-desc-section {
    margin: 0 auto;
    padding: 40px 0;
    color: #222;
    line-height: 1.7;
}

.cabani-desc-content {
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}

    .cabani-desc-content::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 48px;
        background: linear-gradient(to top, #fff 10%, rgba(255, 255, 255, 0));
        transition: opacity 0.3s ease;
    }

    .cabani-desc-content.expanded::after {
        opacity: 0;
    }

.cabani-desc-toggle {
    margin-top: 0px;
    border: none;
    background: none;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    font-size: 15px;
    transition: color 0.3s;
}

    .cabani-desc-toggle:hover {
        color: #555;
    }

.yg-block {
    text-align: center;
    max-width: 600px;
    margin: 60px auto;
}

    .yg-block img {
        width: auto;
        margin: 30px auto;
    }

.yg-full .yg-about .yg-title {
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    margin-top: 8px;
}

.yg-text {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    max-width: 520px;
    margin: 0 auto 35px;
}

.yg-discover {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    cursor: pointer;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
}

.cabanisphere {
    background-color: #011f39;
    padding: 60px 0;
    width: 100%;
    box-sizing: border-box;
}

.cabanisphere__title {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 32px;
    margin-top: 0;
    font-weight: 400;
}

.cabanisphere__carousel {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.cabanisphere__slide {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    background: #111;
}

    .cabanisphere__slide img {
        width: 100%;
        height: auto;
        display: block;
        transition: opacity 0.3s ease;
    }

.cabanisphere_owl .owl-item .cabanisphere__slide {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.cabanisphere_owl .owl-item.center .cabanisphere__slide {
    opacity: 1;
}

.cabanisphere__caption {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 19px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cabanisphere_owl .owl-item.center .cabanisphere__caption {
    opacity: 1;
    /* Visible only on center item */
}

#mainHolder_divDesign .cabanisphere .owl-carousel .owl-nav {
    width: unset !important;
    left: 20.5% !important;
    right: 20.5% !important;
    top: 45% !important;
}

    #mainHolder_divDesign .cabanisphere .owl-carousel .owl-nav .ProductListprev,
    #mainHolder_divDesign .cabanisphere .owl-carousel .owl-nav .ProductListnext {
        background: transparent;
        border: none;
    }

        #mainHolder_divDesign
        .cabanisphere
        .owl-carousel
        .owl-nav
        .ProductListprev:before,
        #mainHolder_divDesign
        .cabanisphere
        .owl-carousel
        .owl-nav
        .ProductListnext:before {
            color: #fff;
        }

        #mainHolder_divDesign
        .cabanisphere
        .owl-carousel
        .owl-nav
        .ProductListprev.disabled:before,
        #mainHolder_divDesign
        .cabanisphere
        .owl-carousel
        .owl-nav
        .ProductListnext.disabled:before {
            color: #666;
        }

.one-cikanlar {
    padding-top: 35px;
}

.one-cikanlar-baslik {
    color: #000;
    font-size: 15px;
    width: 100%;
    margin: 2px 0 0;
    padding-bottom: 19px;
    border-bottom: 1px solid #ececec;
}

.one-cikanlar-liste {
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    padding: 16px 0;
    border-bottom: 1px solid #ececec;
}

.one-cikanlar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 5px;
    flex: 1;
    cursor: pointer;
}

    .one-cikanlar-item p {
        margin: 0;
        text-align: center;
    }

@media screen and (max-width: 767px) {
    .one-cikanlar-liste {
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 12px;
        justify-content: flex-start;
    }

    .one-cikanlar-item {
        flex: 0 0 33.3%;
    }
}

#lightboxContentOneCikan {
    background: white;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    max-width: 90%;
    width: 720px;
    text-align: center;
    position: relative;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

#lightboxPopupOneCikan {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

#popupBodyOneCikan {
    padding: 0 15px 15px;
    text-align: left;
    overflow-y: auto;
    flex-grow: 1;
}

#popupCloseOneCikan {
    cursor: pointer;
    font-size: 22px;
    padding-top: 8px;
    padding-right: 15px;
    text-align: right;
    float: right;
    width: max-content;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .yg-related-more ~ .detailLink.detailUrl {
        display: none !important;
    }
}

.urunOzellik .urunTab ul {
    display: inline-flex;
    vertical-align: top;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-around;
    border-bottom: 1px solid #c4c4c4;
}

@media screen and (max-width: 1280px) {
    .yg-left {
        width: 50%;
        align-items: center;
        padding: 36px 40px 0;
    }

    .yg-right {
        width: 50%;
    }
}

.yg-product:hover img {
    scale: 1.1;
    transition: 0.3s;
}

#bedenTablosuModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

    #bedenTablosuModal.active {
        display: block;
    }

.bedenTablosuContainer {
    width: 50%;
    height: 100dvh;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 36px 9vw;
    overflow: auto;
    z-index: 10002;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    transition-delay: .2s;
}

#bedenTablosuModal.active .bedenTablosuContainer {
    opacity: 1;
}

.select-size-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .select-size-container select {
        width: 100%;
        padding: 16px 12px;
        border: none;
        outline: 1px solid #ccc;
        border-radius: 4px;
        -webkit-appearance: none;
        background-color: #fff;
    }

        .select-size-container select:focus {
            outline: 1px solid #000;
        }

.beden-tablosu-table {
    width: 100%;
    margin: 32px 0 36px;
    color: #000;
}

    .beden-tablosu-table table {
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        text-indent: initial;
        unicode-bidi: isolate;
        border-spacing: 0;
        min-width: 100%;
        overflow: hidden;
        table-layout: auto;
        width: 100%;
        border: 1px solid #ececec;
    }

        .beden-tablosu-table table caption {
            background: #efefef;
            padding: 12px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            font-weight: 500;
            font-size: 15px;
        }

    .beden-tablosu-table thead tr th {
        display: table-cell;
        vertical-align: inherit;
        border-color: #ececec;
        box-sizing: border-box;
        padding: 8px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.025rem;
        line-height: 1.25rem;
    }

    .beden-tablosu-table tbody tr td {
        border-top: 1px solid #ececec;
        padding: 8px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.025rem;
        line-height: 1.25rem;
    }

.beden-tablosu-content p {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
    line-height: 1.25rem;
    margin: 24px 0;
}

.beden-tablosu-content-title {
    font-size: 1.1rem !important;
    font-weight: 500;
    letter-spacing: 0.025rem;
    line-height: 1.25rem;
    margin: 0 0 24px;
}

.beden-tablosu-content img {
    width: 100%;
    height: auto;
    margin: 32px 0;
}

.beden-tablosu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.beden-tablosu-header-title {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.025rem;
    line-height: 1.25rem;
    margin: 0;
}

.beden-tablosu-header-close {
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

    .beden-tablosu-header-close svg {
        width: 1.1rem;
        height: 1.1rem;
    }

.select-size-container::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 16px;
    font-weight: 300;
    transform: translateY(-50%);
}

@media screen and (max-width: 1320px) {
    .bedenTablosuContainer {
        width: 75%;
        padding: 36px 8vw;
    }
}

@media screen and (max-width: 767px) {
    .bedenTablosuContainer {
        width: 100%;
        padding: 36px 4vw;
    }

    body #productDetailRelated > a img {
        height: 100%;
    }
}

#headerNew .header .newHeaderNavigation.mobileStyle .nextSubBtn, #headerNew .header .newHeaderNavigation.mobileStyle .dropDownNextBtn {
    font-size: 22px !important;
}

#divBarkod {
    display: none;
}

.cl-product-slider {
    min-height: unset;
}

.cl-slider-container.combined-slider-container {
    margin: 24px 0 !important;
}

/* TAKSİT BADGE */
.cl-installment-badge {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    margin-top: 24px;
    cursor: pointer;
    background-color: #eef8ff;
    padding: 15px;
    border-radius: 6px;
    box-sizing: border-box;
}

    /* İKON */
    .cl-installment-badge img {
        width: 30px;
        display: block;
    }

    /* ORTA METİN ALANI */
    .cl-installment-badge > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

/* BAŞLIK */
.cl-bold-installment-text {
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 13px;
}

/* LINK */
.cl-text-hyperlink {
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

/* DESKTOP LINK */
.cl-desktop-item {
    margin-left: auto;
}

/* MOBİL LINK */
.cl-mobile-item {
    display: none;
}

/* KARGO / TOP BADGE */
.cl-product-cargo-info,
.cl-product-top-badge-item {
    border-radius: 6px;
    display: flex;
    align-items: center;
}

/* KARGO BİLGİ */
.cl-product-cargo-info {
    background-color: #e8f6e1;
    padding: 10px;
    margin: 20px 0;
    text-align: center;
    color: #000;
    gap: 10px;
    justify-content: center;
}

/* MOBİL DÜZEN */
@media screen and (max-width: 768px) {
    .cl-installment-badge {
        align-items: flex-start;
    }

    .cl-desktop-item {
        display: none;
    }

    .cl-mobile-item {
        display: inline-block;
        margin-top: 4px;
    }

    .ImageProductsDetail.image-left.top-bottom .IP-Img .ipimgcontent p {
        color: #fff;
        font-size: 12px;
    }

    ImageProductsDetail {
        float: left;
        width: 100%;
        margin: 0 0 0 !important;
        display: flex;
        gap: 40px;
        align-items: center;
    }

    span.sptPrice, span.sptpriceOzelAlan4 {
        font-size: 10px !important;
        font-weight: 600;
        letter-spacing: 0;
    }

    #mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {
        z-index: 2;
        position: absolute;
        right: 0;
        top: -44px;
    }
}

.btn-success {
    border-radius: var(--border-radius);
    background: #012fa7 !important;
}

.counter[data-v-416c2c45] {
    align-items: center;
    background: #eef8ff !important;
}


.comment-general-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}


.detayFixed.fixed {
    display: flex;
}

.detailPriceAreaFixed {
    display: inline-block;
    float: left;
}

.detayFixed #divIndirimliFiyat {
    flex-direction: row !important;
}


.detayFixed .sPricOzelAlan4 {
    float: left;
    display: flex;
    gap: 8px;
    font-size: 10px;
    line-height: 0 !important;
    padding: 6px 0px !important;
    border: 0px !important;
}


.detayFixed .sPric {
    padding: 6px 0 !important;
    line-height: 8px !important;
}


#yg_Countdown {
    background-color: #d80000;
    color: rgb(0, 0, 0);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 20px;
    box-sizing: border-box;
    position: relative;
}

.ygCounterText {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
}

.yg-remaining {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}

/* Button Styles */
.ygCTA {
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 32px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-left: 128px;
}

    .ygCTA:hover {
        background-color: #fff;
        color: #004182;
    }

/* Flip Clock Styles */
.flipclock {
    display: flex;
    gap: 15px;
    /* Increased gap for separators */
    align-items: center;
    padding-bottom: 10px;
}

ul.flip {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 4px;
    text-align: center;
}

    /* Hide year and month */
    ul.flip.year,
    ul.flip.month {
        display: none;
    }

    /* Separators between time groups */
    ul.flip:not(:last-child)::after {
        content: ":";
        position: absolute;
        right: -12px;
        top: 5px;
        color: white;
        font-size: 20px;
        font-weight: bold;
    }

    /* Remove separator from the last visible element (second) */
    ul.flip.second::after {
        content: none;
    }

    /* Specific fix because year/month are hidden but might affect :not(:last-child) selector if not careful.
    Since they are display:none, they shouldn't affect visual flow, but let's be specific. */
    ul.flip.day::after,
    ul.flip.hour::after,
    ul.flip.minute::after {
        content: ":";
        position: absolute;
        right: -10px;
        top: 2px;
        color: white;
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
    }

    /* Flip Clock Animation Styles */
    ul.flip li {
        z-index: 1;
        position: relative;
        width: 26px;
        height: 26px;
        line-height: 26px;
        background-color: white;
        border-radius: 0;
        font-size: 15px;
        font-weight: 700;
        color: rgb(156, 39, 176);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        perspective: 200px;
        /* Add perspective for 3D effect */
    }

        ul.flip li section {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

            ul.flip li section:first-child {
                z-index: 2;
            }

        ul.flip li .active {
            z-index: 3;
        }

        ul.flip li .ready {
            z-index: 2;
        }

        ul.flip li section .up,
        ul.flip li section .down {
            z-index: 1;
            position: absolute;
            left: 0;
            width: 100%;
            height: 50%;
            overflow: hidden;
        }

        ul.flip li section .up {
            top: 0;
            transform-origin: 50% 100%;
        }

        ul.flip li section .down {
            bottom: 0;
            transform-origin: 50% 0%;
        }

        ul.flip li section .inn {
            position: absolute;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 200%;
            color: #09244d;
            text-align: center;
            background-color: white;
            border-radius: 0;
        }

        ul.flip li section .up .inn {
            top: 0;
        }

        ul.flip li section .down .inn {
            bottom: 0;
        }

        /* Shadow Styles */
        ul.flip li section .up .shadow,
        ul.flip li section .down .shadow {
            z-index: 2;
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

        ul.flip li.play .active .up .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
            -webkit-animation: show .1s linear both;
            animation: show .1s linear both;
        }

        ul.flip li.play .active .down .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
            -webkit-animation: show .1s linear both .1s;
            animation: show .1s linear both .1s;
        }

        ul.flip li.play .ready .up .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
            -webkit-animation: hide .1s linear both;
            animation: hide .1s linear both;
        }

        ul.flip li.play .ready .down .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
            -webkit-animation: hide .1s linear both .1s;
            animation: hide .1s linear both .1s;
        }

        ul.flip li.play .active .up {
            z-index: 2;
            -webkit-animation: turn2 .1s linear both;
            animation: turn2 .1s linear both;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

            ul.flip li.play .active .up .shadow {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(50%, rgba(0, 0, 0, 1)));
                background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 50%);
                -webkit-animation: show .1s linear both;
                animation: show .1s linear both;
            }

        ul.flip li.play .active .down .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, .1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 50%);
            -webkit-animation: show .1s linear both .1s;
            animation: show .1s linear both .1s;
        }

        ul.flip li.play .ready .up .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(50%, rgba(0, 0, 0, 1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 50%);
            -webkit-animation: hide .1s linear both;
            animation: hide .1s linear both;
        }

        ul.flip li.play .ready .down .shadow {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, .1)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 50%);
            -webkit-animation: hide .1s linear both .1s;
            animation: hide .1s linear both .1s;
        }

        ul.flip li.play .active .up {
            z-index: 2;
            -webkit-animation: turn2 .1s linear both;
            animation: turn2 .1s linear both;
        }

        ul.flip li.play .ready .down {
            z-index: 4;
            -webkit-animation: turn .1s linear both .1s;
            animation: turn .1s linear both .1s;
        }

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

/* Text below the numbers (Gün, Saat, etc.) */
.countdown-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: white;
    text-transform: capitalize;
}

/* Separator - hiding the span one since we use pseudo-elements now */
.yg-separator {
    display: none;
}

.counter-item {
    height: 55px;
    display: flex;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 1099px) {
    #yg_Countdown {
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        height: max-content;
        padding: 8px 0;
    }

    .flipclock {
        padding-bottom: 0;
    }

    .ygCounterText {
        font-size: 13px;
    }

    .ygCTA {
        margin-left: 0;
    }

    .yg-remaining {
        display: none;
    }

    ul.flip li {
        font-size: 13px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    .counter-item {
        height: 48px;
    }
}

@media screen and (max-width: 767px) {
    #yg_Countdown {
        row-gap: 4px;
        column-gap: 12px;
    }

    .ygCTA {
        margin-top: 4px;
    }

    .cabanisphere {
        padding: 48px 0;
    }
}

@media screen and (max-width: 420px) {
    .counter-item {
        height: 45px;
    }

    #yg_Countdown {
        row-gap: 1px;
        column-gap: 12px;
    }

    .ygCTA {
        margin-top: 6px;
    }

    .countdown-text {
        bottom: -3px;
    }
}

.newHeaderNavigation
.menu-wrap
.kolon > li > a[href="/fitflop"] {
    content: "";
    background-image: url(https://static.ticimax.cloud/41550/uploads/editoruploads/fittop2.png);
    width: 75px;
    height: 48px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}

    .newHeaderNavigation
    .menu-wrap
    .kolon > li > a[href="/fitflop"] span {
        font-size: 0 !important;
    }

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot {
    margin: 0 !important;
}

    #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span {
        width: 100% !important;
        height: 2px !important;
        border: none !important;
        border-radius: 0 !important;
        background: rgba(255,255,255, 0.5) !important;
    }

    #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active span {
        background: #011f39 !important;
    }

.yg-cabani-container {
    width: 100%;
    padding-bottom: 32px;
    margin-top: 230px;
}

.bg-gray-100 {
    background-color: #f5f1f0;
}

.breadTop {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.yg-bread-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    .yg-bread-overlay img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.yg-bread-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.yg-bread-title {
    font-size: 40px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    padding: 72px 0;
}

.yg-cabani-content-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
}

.yg-title {
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 24px 0 0;
    line-height: 1.25;
    text-align: center;
}

.yg-ti-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}

.yg-ti-row-item {
    padding: 0 8px;
}

.i img {
    width: 100%;
    height: auto;
}

.yg-ti-row.left {
    flex-direction: row;
}

.yg-ti-row.right {
    flex-direction: row-reverse;
}

.t {
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.25;
    text-align: center;
}

.i {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .t {
        width: 100%;
        margin-top: 16px;
        text-align: center;
    }

    .i {
        width: 100%;
    }

    .yg-ti-row {
        flex-direction: column-reverse !important;
    }
}


.yg-full-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 24px;
}

.yg-full-item {
    width: 100%;
    text-align: center;
    margin: 12px 0;
}

    .yg-full-item p,
    .yg-ti-text p {
        font-size: 16px;
        font-weight: 400;
        color: #1a1a1a;
        margin: 0;
        line-height: 1.25;
        text-align: center;
    }

    .yg-full-item img,
    .yg-full-item video {
        width: 100%;
        height: auto;
    }

.yg-ti-sticky-row {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
}

.yg-ti-image {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 400px;
}

    .yg-ti-image img {
        width: 100%;
        height: auto;
    }

.yg-ti-text {
    width: calc(100% - 400px);
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .yg-ti-image {
        width: 280px;
    }

    .yg-ti-text {
        width: calc(100% - 280px);
    }
}

@media screen and (max-width: 768px) {
    .yg-ti-sticky-row {
        flex-direction: column;
    }

    .yg-ti-image {
        display: none;
    }

    .yg-ti-text {
        width: 100%;
    }
}

.yg-cabani-content-wrapper.grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 32px;
    max-width: 1440px;
}

    .yg-cabani-content-wrapper.grid3 a {
        text-decoration: none;
        color: #000;
    }

        .yg-cabani-content-wrapper.grid3 a img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .yg-cabani-content-wrapper.grid3 a p {
            font-size: 14px;
            font-weight: 400;
            color: #1a1a1a;
            margin: 6px 0;
            text-align: center;
        }

@media screen and (max-width: 768px) {
    .yg-cabani-content-wrapper.grid3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 420px) {
    .yg-cabani-content-wrapper.grid3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.timeline {
    position: relative;
    margin: 24px auto;
    padding: 0;
    width: 1180px;
    box-sizing: border-box;
    background: #f5f1f0;
    padding-bottom: 32px;
}

    .timeline:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 2px;
        height: 100%;
        background: #c5c5c5;
    }

    .timeline ul {
        padding: 0;
        margin: 0;
        display: inline-block;
    }

        .timeline ul li {
            list-style: none;
            position: relative;
            width: 50%;
            padding: 24px;
            box-sizing: border-box;
        }

            .timeline ul li:nth-child(odd) {
                float: left;
                text-align: right;
                clear: both;
            }

            .timeline ul li:nth-child(even) {
                float: right;
                text-align: left;
                clear: both;
            }

.content {
    padding-bottom: 20px;
}

.timeline ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 24px;
    right: -6px;
    background: #011f39;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(1, 31, 57, 0.2);
}

.timeline ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 24px;
    left: -4px;
    background: #011f39;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(1, 31, 57, 0.2);
}

.timeline ul li p {
    padding: 0;
    margin: 0;
    color: #1a1a1a;
    font-weight: 600;
}

.timeline ul li p {
    margin: 10px 0 0;
    padding: 0;
}

    .timeline ul li p.km-text {
        font-size: 14px;
        color: #1a1a1a;
        font-weight: 500;
        border: 1px solid #ddd;
        padding: 12px;
        transition: all 0.3s ease-in-out;
    }

        .timeline ul li p.km-text:hover {
            border: 1px solid #011f39;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            cursor: pointer;
        }

    .timeline ul li p.km-title {
        font-size: 20px;
        color: #011f39;
        font-weight: 600;
    }

.timeline ul li .time p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.timeline ul li:nth-child(odd) .time {
    position: absolute;
    top: 12px;
    right: -165px;
    margin: 0;
    padding: 8px 16px;
    background: #011f39;
    color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 0 3px rgba(1, 31, 57, 0.3);
}

.timeline ul li:nth-child(even) .time {
    position: absolute;
    top: 12px;
    left: -165px;
    margin: 0;
    padding: 8px 16px;
    background: #011f39;
    color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 0 3px rgba(1, 31, 57, 0.3);
}

@media(max-width:1000px) {
    .timeline {
        width: 100%;
    }
}

@media(max-width:767px) {
    .timeline {
        width: 100%;
        padding-bottom: 0;
    }

        .timeline:before {
            left: 20px;
            height: 100%;
        }

        .timeline ul li:nth-child(odd),
        .timeline ul li:nth-child(even) {
            width: 100%;
            text-align: left;
            padding-left: 50px;
            padding-bottom: 50px;
        }

            .timeline ul li:nth-child(odd):before,
            .timeline ul li:nth-child(even):before {
                top: -18px;
                left: 16px;
            }

            .timeline ul li:nth-child(odd) .time,
            .timeline ul li:nth-child(even) .time {
                top: -30px;
                left: 50px;
                right: inherit;
            }

    .KatSepetFiyat {
        padding: 4px 5px !important;
    }
}

#mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-nav {
    position: absolute;
    left: 0 !important;
    width: 100% !important;
    top: 50% !important;
}

    #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-nav .ProductListprev {
        left: 32px;
    }

    #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-nav .ProductListnext {
        right: 32px;
    }

@media screen and (max-width: 992px) {
    .yg-cabani-container .yg-title {
        margin-bottom: 36px;
    }
}

.ygd-all-slider-container video {
    pointer-events: none;
}


.gender-tabs a {
    color: #FFF;
}

/* ✅ Ana ürün slider – dots */
#ResimliUrun2Left > .ProductList
.jCarouselLite > ul.owl-carousel > .owl-dots {
    position: absolute;
    bottom: -135px;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    gap: 0;
    z-index: 5;
}

    /* Dot reset */
    #ResimliUrun2Left > .ProductList
    .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot {
        margin: 0 !important;
    }

        /* Pasif çizgi – gri */
        #ResimliUrun2Left > .ProductList
        .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot span {
            width: 34px !important;
            height: 2px !important;
            border-radius: 0 !important;
            background: #b5b5b5 !important; /* net gri */
            opacity: 0.5;
            transition: all 0.3s ease;
        }

        /* Aktif çizgi – koyu gri */
        #ResimliUrun2Left > .ProductList
        .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot.active span {
            background: #4a4a4a !important; /* koyu gri */
            opacity: 1;
        }




/* ✅ ResimliUrun4Left – ANA ürün slider dots */
#ResimliUrun4Left > .ProductList
.jCarouselLite > ul.owl-carousel > .owl-dots {
    position: absolute;
    bottom: -54px;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    gap: 0;
    z-index: 5;
}

    /* Dot reset */
    #ResimliUrun4Left > .ProductList
    .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot {
        margin: 0 !important;
    }

        /* Pasif çizgi – beyaz yarı saydam */
        #ResimliUrun4Left > .ProductList
        .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot span {
            width: 34px !important;
            height: 2px !important;
            border-radius: 0 !important;
            background: rgba(255, 255, 255, 0.45) !important;
            transition: all 0.3s ease;
        }

        /* Aktif çizgi – full beyaz */
        #ResimliUrun4Left > .ProductList
        .jCarouselLite > ul.owl-carousel > .owl-dots .owl-dot.active span {
            background: #ffffff !important;
        }

/* Alt boşluk */
#ResimliUrun4Left {
    padding-bottom: 82px;
}

#mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0;
    float: none !important;
    position: relative !important;
    bottom: 0 !important;
    left: auto !important;
    right: auto !important;
    text-align: center;
    margin-top: 24px;
}

    #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-dots .owl-dot {
        width: 36px;
        height: 2px;
        padding: 0 !important;
        border: 0 !important;
        background: none !important;
    }

        #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-dots .owl-dot span {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            background: #e0e0e0 !important; /* Açık Gri */
            border-radius: 0 !important;
            transition: all .25s ease;
        }

        #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-dots .owl-dot.active span {
            background: #000 !important; /* Siyah */
        }

        #mainHolder_divDesign .big-tiny-carousel .owl-carousel .owl-dots .owl-dot:hover span {
            background: #bdbdbd !important;
        }

@media (max-width: 767px) {
    .HomeBody section .landing-block {
        padding: 0 0 !important;
    }

    .cabaniItem {
        align-items: flex-start !important;
        text-align: left;
    }


    #ResimliUrun2Left > .ProductList .jCarouselLite > ul.owl-carousel > .owl-dots {
        position: absolute;
        bottom: -81px !important;
        left: 0;
        right: 0;
        display: flex !important;
        justify-content: center;
        gap: 0;
        z-index: 5;
    }

    .HomeBody section.landing-block {
        padding: 0 0 !important;
    }

    .big-tiny-carousel .bt-carousel-item img {
        border-radius: 20px;
        padding: 20px;
    }
}

span.sptPrice {
    color: #000;
}


@media screen and (min-width: 1024px) {
    body .ProductBody .categoryTitleText {
        padding: 15px 20px;
        position: absolute;
        z-index: 9;
    }

    .proCategoryTitle.categoryTitleText {
        position: absolute;
        z-index: 1;
        margin-left: 30px;
        margin-top: 30px;
        width: max-content;
    }

    body ul.breadcrumb li a:hover {
        background: #000;
    }

        body ul.breadcrumb li a:hover span {
            position: relative;
            color: #FFF;
        }

    body ul.breadcrumb li:nth-last-of-type(2):after {
        display: none !important;
        content: none !important;
    }
}


.cat-tab-content-item-content .arrow {
    display: none !important;
}



.gender-tabs .tab {
    color: #fff !important;
}


#mainHolder_divDesign
.ygd-all-slider-container
.owl-carousel
.owl-dots {
    float: left;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 50px;
    text-align: center;
}

    /* Dot alanı */
    #mainHolder_divDesign
    .ygd-all-slider-container
    .owl-carousel
    .owl-dots
    .owl-dot {
        margin: 0 !important;
        width: 20px;
    }

        /* Pasif – Açık Beyaz */
        #mainHolder_divDesign
        .ygd-all-slider-container
        .owl-carousel
        .owl-dots
        .owl-dot span {
            width: 100% !important;
            height: 2px !important;
            border-radius: 0 !important;
            background: rgba(255, 255, 255, 0.45) !important;
            opacity: 1;
            transition: all 0.3s ease;
        }

        /* Aktif – Beyaz */
        #mainHolder_divDesign
        .ygd-all-slider-container
        .owl-carousel
        .owl-dots
        .owl-dot.active span {
            background: #ffffff !important;
        }
/* 🔥 SV-S-S Banner Slider – Dots Konum */
#mainHolder_divDesign
.ygd-banner-container.sv-s-s
.owl-carousel
.owl-dots {
    float: left;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 50px;
    text-align: center;
    margin: 0 !important;
}

    /* 🔥 Dot Alanı */
    #mainHolder_divDesign
    .ygd-banner-container.sv-s-s
    .owl-carousel
    .owl-dots
    .owl-dot {
        margin: 0 !important;
        width: 20px;
        padding: 0 !important;
    }

        /* 🔥 Pasif – Açık Beyaz Çizgi */
        #mainHolder_divDesign
        .ygd-banner-container.sv-s-s
        .owl-carousel
        .owl-dots
        .owl-dot span {
            width: 100% !important;
            height: 2px !important;
            border-radius: 0 !important;
            background: rgba(255, 255, 255, 0.45) !important;
            opacity: 1;
            transition: all 0.3s ease;
        }

        /* 🔥 Aktif – Beyaz Çizgi */
        #mainHolder_divDesign
        .ygd-banner-container.sv-s-s
        .owl-carousel
        .owl-dots
        .owl-dot.active span {
            background: #ffffff !important;
        }

.SayfaIcerik #divSubHeader {
    display: none !important;
}

.SayfaIcerik section.landing-block {
    padding: 0 0px !important;
}

.SayfaIcerik .productItem .productDetail {
    padding: 5px 5px 0;
    background: #FFF;
}

.SayfaIcerik #divIcerik {
    margin-top: -140px !important;
}



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

    /* Sayfa içerikte header şeffaf */
    body.SayfaIcerik #headerNew {
        background: transparent;
    }

        /* Homepage + fixed → beyaz */
        body.SayfaIcerik #headerNew.fixed {
            background: #fff;
        }

        body.SayfaIcerik #headerNew:hover {
            background: #fff;
        }

        /* Header dropactive → beyaz */
        body:has(.homepage) #headerNew:has(.dropactive),
        body.SayfaIcerik #headerNew:has(.dropactive) {
            background: #fff;
        }

    /* Menü linkleri varsayılan */
    body:has(.homepage)
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li > a,
    body.SayfaIcerik
    .newHeaderNavigation:not(.mobileStyle)
    .newHeaderNavUl > li > a {
        color: #fff;
    }

    /* Hover durumunda menü */
    body:has(.homepage) #headerNew:hover .newHeaderNavUl > li > a,
    body:has(.homepage) #headerNew:hover .newHeaderNavUl > li.ulVar > a > span:after,
    body.SayfaIcerik #headerNew:hover .newHeaderNavUl > li > a,
    body.SayfaIcerik #headerNew:hover .newHeaderNavUl > li.ulVar > a > span:after {
        color: #000;
    }

    /* Logo */
    body #hb-logo svg,
    body #hb-logo img {
        transition: 0.3s;
    }

    body:has(.homepage) #hb-logo svg,
    body.SayfaIcerik #hb-logo svg {
        fill: #fff;
    }

    body:has(.homepage) #headerNew:hover #hb-logo svg,
    body:has(.homepage) #headerNew.fixed #hb-logo svg,
    body:has(.homepage) #headerNew:has(.dropactive) #hb-logo svg,
    body.SayfaIcerik #headerNew:hover #hb-logo svg,
    body.SayfaIcerik #headerNew.fixed #hb-logo svg,
    body.SayfaIcerik #headerNew:has(.dropactive) #hb-logo svg {
        fill: #000;
    }

    /* Sepet sayısı */
    body:has(.homepage) .sepetUrunSayisi,
    body.SayfaIcerik .sepetUrunSayisi {
        color: #fff;
        transition: 0.2s;
    }

    body:has(.homepage) #headerNew:hover .sepetUrunSayisi,
    body:has(.homepage) #headerNew.fixed .sepetUrunSayisi,
    body:has(.homepage) #headerNew:has(.dropactive) .sepetUrunSayisi,
    body.SayfaIcerik #headerNew:hover .sepetUrunSayisi,
    body.SayfaIcerik #headerNew.fixed .sepetUrunSayisi,
    body.SayfaIcerik #headerNew:has(.dropactive) .sepetUrunSayisi {
        color: #fff;
    }

    /* Favori ikon + sayı */
    body:has(.homepage) .header-favori-count,
    body.SayfaIcerik .header-favori-count {
        color: #fff;
    }

    body:has(.homepage) .svgIcon svg path,
    body.SayfaIcerik .svgIcon svg path {
        fill: #fff;
        transition: 0.3s;
    }

    body:has(.homepage) #headerNew:hover .svgIcon svg path,
    body:has(.homepage) #headerNew.fixed .svgIcon svg path,
    body:has(.homepage) #headerNew:has(.dropactive) .svgIcon svg path,
    body.SayfaIcerik #headerNew:hover .svgIcon svg path,
    body.SayfaIcerik #headerNew.fixed .svgIcon svg path,
    body.SayfaIcerik #headerNew:has(.dropactive) .svgIcon svg path {
        fill: #000;
    }

    /* Search ikon */
    body:has(.homepage) #divTopProductSearch .svgIcon svg path,
    body.SayfaIcerik #divTopProductSearch .svgIcon svg path {
        fill: #fff;
    }

    body:has(.homepage) #headerNew:hover #divTopProductSearch .svgIcon svg path,
    body:has(.homepage) #headerNew.fixed #divTopProductSearch .svgIcon svg path,
    body:has(.homepage) #headerNew:has(.dropactive) #divTopProductSearch .svgIcon svg path,
    body.SayfaIcerik #headerNew:hover #divTopProductSearch .svgIcon svg path,
    body.SayfaIcerik #headerNew.fixed #divTopProductSearch .svgIcon svg path,
    body.SayfaIcerik #headerNew:has(.dropactive) #divTopProductSearch .svgIcon svg path {
        fill: #000;
    }

    /* Menü – fixed / hover / dropactive */
    body:has(.homepage) #headerNew:hover .newHeaderNavUl > li > a,
    body:has(.homepage) #headerNew.fixed .newHeaderNavUl > li > a,
    body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavUl > li > a,
    body.SayfaIcerik #headerNew:hover .newHeaderNavUl > li > a,
    body.SayfaIcerik #headerNew.fixed .newHeaderNavUl > li > a,
    body.SayfaIcerik #headerNew:has(.dropactive) .newHeaderNavUl > li > a {
        color: #000;
    }



    body.SayfaIcerik #headerNew .logo-center #hb-logo {
        filter: brightness(0) invert(1);
    }
}

@media screen and (min-width: 768px) {
    body.SayfaIcerik #headerNew.fixed.gectop .logo-center #hb-logo,
    body.SayfaIcerik #headerNew:hover .logo-center #hb-logo {
        filter: unset;
    }
}


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

    /* Varsayılan (Header normal) */
    body.SayfaIcerik #divTopProductSearch .searchform-wrapper #txtbxArama,
    body.SayfaIcerik #divTopProductSearch .searchform-wrapper #txtbxArama::placeholder,
    body.SayfaIcerik #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
        color: #fff !important;
    }

    /* Header hover olunca */
    body.SayfaIcerik #headerNew:hover #divTopProductSearch .searchform-wrapper #txtbxArama,
    body.SayfaIcerik #headerNew:hover #divTopProductSearch .searchform-wrapper #txtbxArama::placeholder,
    body.SayfaIcerik #headerNew:hover #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
        color: #09224d !important;
    }
}

.contentGroup4 #divHeaderUyeV2,
.contentGroup4 #divTicimaxCopyrightContent,
.contentGroup4 .newMenuBtnClick {
    display: none !important;
}

.contentGroup4 .header {
    position: fixed;
    left: 0;
    right: 0;
}

.contentGroup4 section img {
    height: calc(100dvh - 60px);
    width: 100%;
    object-fit: cover;
}

.contentGroup4 .txrow .alt-text-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

    .contentGroup4 .txrow .alt-text-container span {
        display: none;
    }

    .contentGroup4 .txrow .alt-text-container p {
        color: #FFFFFF;
        font-size: 50px;
        font-weight: bold;
    }

.contentGroup4 .txrow div:first-child .alt-text-container {
    justify-content: start;
}

.contentGroup4 .txrow div:last-child .alt-text-container {
    justify-content: end;
}



.contentGroup4 .homeFooter {
    display: none;
}

.contentGroup4 #customFooterContent {
    display: none !important;
}





.contentGroup4 #top-bar {
    color: #fff;
    min-height: 0 !important;
}



.contentGroup4 #divIcerik.homepage {
    margin-top: 60px !important;
}


.contentGroup4 #hb-logo {
    filter: unset !important;
}

.contentGroup4 .t-lr-2 .txrow .txcol-sm,
.contentGroup4 .t-lr-2 .txcol-sm-1,
.contentGroup4 .t-lr-2 .txcol-sm-2,
.contentGroup4 .t-lr-2 .txcol-sm-3,
.contentGroup4 .t-lr-2 .txcol-sm-4,
.contentGroup4 .t-lr-2 .txcol-sm-5,
.contentGroup4 .t-lr-2 .txcol-sm-20,
.contentGroup4 .t-lr-3 .txcol-flex-wrap,
.contentGroup4 .t-lr-2 .txcol-sm-6,
.contentGroup4 .t-lr-2 .txcol-sm-7,
.contentGroup4 .t-lr-2 .txcol-sm-8,
.contentGroup4 .t-lr-2 .txcol-sm-9,
.contentGroup4 .t-lr-2 .txcol-sm-10,
.contentGroup4 .t-lr-2 .txcol-sm-11,
.contentGroup4 .t-lr-2 .txcol-sm-12,
.contentGroup4 .t-lr-2 .txcol-12.JKatAdi {
    padding-right: 0 !important;
    padding-left: 0 !important;
}




@media (max-width: 767px) {
    .SayfaIcerik #divIcerik {
        margin-top: 0 !important;
    }

    .yg-cabani-container {
        width: 100%;
        padding-bottom: 32px;
        margin-top: 60px !important;
    }





    .contentGroup4 section img {
        height: calc(50dvh - 30px) !important;
        width: 100%;
        object-fit: cover;
    }

    .contentGroup4 #headerNew .header-main .flex-left {
        gap: 15px;
        display: none;
    }

    .contentGroup4 #headerNew .header-main .flex-right {
        display: none;
    }


    .contentGroup4 #headerNew .header-main .header-nav.nav-right {
        gap: 15px;
        display: none;
    }

    body #headerNew .header-main .headerContainer {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.yg-popcats-card-bottom-item:last-child {
    display: none;
}

.yg-popular-arrows {
    display: none;
}


/* 🔥 Photo Container Slider – Parent */
#mainHolder_divDesign
.ygd-photo-container.p {
    position: relative;
}

    #mainHolder_divDesign
    .ygd-photo-container.p > ul.owl-carousel > .owl-dots {
        position: absolute !important;
        bottom: 26px;
        left: 0;
        right: 50px;
        text-align: center;
        margin: 0 !important;
        z-index: 10;
    }

        #mainHolder_divDesign
        .ygd-photo-container.p > ul.owl-carousel > .owl-dots
        .owl-dot {
            width: 20px;
            margin: 0 !important;
            padding: 0 !important;
        }

            #mainHolder_divDesign
            .ygd-photo-container.p > ul.owl-carousel > .owl-dots
            .owl-dot span {
                display: block;
                width: 100% !important;
                height: 2px !important;
                border-radius: 0 !important;
                background: rgba(255, 255, 255, 0.45) !important;
                transition: all 0.3s ease;
            }

            #mainHolder_divDesign
            .ygd-photo-container.p > ul.owl-carousel > .owl-dots
            .owl-dot.active span {
                background: #ffffff !important;
            }





#top-bar .headerContainer .flex-center {
    flex: 1;
    width: 100%;
}

.html_1 {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

.htopCenter {
    width: 400px;
    text-align: center;
}

    .htopCenter ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 10px;
        list-style: none;
        height: 0;
        overflow: hidden;
    }

        .htopCenter ul.owl-carousel {
            height: auto;
            overflow: visible;
        }

        .htopCenter ul li a {
            color: #fff;
            font-weight: 500;
            line-height: 31px;
            line-height: 31px;
        }


.scroll-indicator {
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(242 122 26 / 0%) 400%) !important;
}