/* ==================== */
/* ------FE8--UM------- */
/* ==================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); :root {
    --main-color: #1D1F20;
    --main-color-hover: #000;
    --main-font-family: 'Lato';
}

* {
    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: transparent;
    font-size: 14px;
}

body {
    font-family: var(--main-font-family), sans-serif;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

textarea {
    overflow: auto;
}

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

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

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

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

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

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

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

i {
    font-style: normal;
}

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

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

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

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

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

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

select, input {
    font-family: var(--main-font-family), 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: var(--main-font-family), 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: var(--main-font-family), 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: var(--main-font-family), sans-serif;
    cursor: pointer;
    color: #fff;
    padding: 4px 5px;
    transition: all 0.3s ease 0s;
    border: none;
    text-align: center;
}

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

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

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

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

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

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

.KasaOnuFirsatlarContent ul li a.button {
    border: none!important;
}

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

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

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

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

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

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

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

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

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

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

.iletisimContent .row {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.uyeOlContainer .uyeOlRow {
    margin: 0;
}

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

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

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

.uyeOlContainer .uyeOlCol input.textbox {
    font-size: 14px;
    display: block;
    letter-spacing: 0.3px;
    background-color: #fff !important;
    height: auto !important;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    border: 1px solid #eee !important;
    font-weight: 400;
    color: #555 !important;
    width: 100%;
    text-indent: 15px;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s;
}

.uyeOlContainer .uyeOlCol select.selectboxx {
    font-size: 14px;
    display: block;
    letter-spacing: 0.3px;
    background-color: #fff !important;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    border: 1px solid #eee !important;
    font-weight: 400;
    color: #555 !important;
    width: 100%;
    text-indent: 15px;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s;
}

.uyeOlContainer .dateofbirth select.selectboxx {
    width: 31%;
    float: left;
    margin-right: 1%;
}

.uyeOlContainer .gender {
    float: left;
    width: 100%;
}

.uyeOlContainer .gender label {
    float: left;
    width: 70px;
    margin-top: 10px;
    display: block;
}

.uyeOlContainer .gender input {
    float: left;
    margin-top: 14px;
    margin-right: 3px;
}

.uyeOlContainer .intl-tel-input {
    margin-bottom: 15px;
}

.uyeOlContainer #mainHolder_rblCinsiyet {
    float: left;
}

.uyeOlContainer input.uyeol {
    height: auto;
    padding: 15px 0;
    line-height: normal;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p {
    line-height: 25px;
}

.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper {
    float: left;
    margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent {
    max-width: 100%;
}

/*Header-Footer*/
.hoverr:before {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    clear: none;
    display: block !important;
}

/*sepetacilir*/
.CartProduct p {
    margin-top: 0;
    margin-bottom: 0;
}

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

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

@media(min-width: 768px) {
    /*body.scrolled:has(.categoryContainer) .subDivisionContainer ul{height: 0;border: none;background: transparent;}*/ .RightDetail .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel, .RightDetail .urunOzellikTab .urunTab >ul >li .urunDetayPanel {
        display:none!important;
    }

    .urunOzellikTab .urunTab >ul >li > a:hover {
        color: var(--main-color-hover);
    }

    #mainHolder_divDesign .homePageDesaWorld .owl-carousel .owl-nav {
        left: 20px;
        right: 20px;
        justify-content: space-between;
        bottom: auto;
        top: calc(50% - 16px);
    }

    #mainHolder_divDesign .homePageDesaWorld .owl-carousel .owl-nav > div span:after {
        color: #fff;
        font-size: 30px;
        opacity: 1;
    }

    #mainHolder_divDesign .homePageDesaWorld .owl-carousel .owl-nav > div {
        width: 44px;
        height: 44px;
        background: var(--main-color);
    }

    #mainHolder_divDesign .homePageDesaWorld .owl-carousel .owl-nav > div:hover {
        background: var(--main-color-hover);
    }

    body.urunsecbody #divUrunEkSecenek {
        background: transparent;
        padding: 0;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {
        width: auto;
        background: #fff;
        border-radius: 5px;
        padding: 5px;
        min-width: calc(100% - 180px);
    }

    body.urunsecbody #divUrunEkSecenek .tooltipp {
        background: transparent;
        color: var(--main-color-hover);
        top: 9px;
        left: 120px;
    }

    body.urunsecbody #divUrunEkSecenek .tooltipp {
        font-size: 0;
        font-weight: 500;
        letter-spacing: 1px;
    }

    body.urunsecbody #divUrunEkSecenek .tooltipp:after {
        content: 'Lütfen Beden Seçiniz';
        font-size: 12px;
        margin-left: -10px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.CartProduct .SProduct li a .SepetTopAdet {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sepetimBody .mycart:hover:after {
    display: none;
}

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

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

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

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

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

.usernav {
    display: none;
}

/*yukaribtn*/
#back-to-top {
    float: right;
    position: fixed;
    right: 15px;
    bottom: 23px;
    z-index: 9999;
    display: none;
}

#back-to-top a {
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 0;
    background: var(--main-color);
    transition: 1s;
    fill: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

#back-to-top a svg {
    height: 25px;
    transition: 1s;
}

#back-to-top a:hover {
    background: var(--main-color-hover);
    border-radius: 0;
    transform: rotate(45deg);
}

#back-to-top a:hover svg {
    transform: rotate(-45deg);
}

/* ------------------------------------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 -4px
}

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

.ItemOrj {
    float: left;
    padding: 0 4px;
    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: 40px;
}

/*urun*/
.productItem {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
}

.productItem .productIcon {
    width: 100%;
    float: left;
    display: none;
}

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

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

.productItem .productImage img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    transition: 0s!important;
    transform: translateY(0)!important;
    visibility: visible;
    opacity: 0;
    max-height: 100%!important;
    width: auto!important;
    object-fit: cover;
}

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

.productItem .productImage img.loaded, .productItem .productImage .Videolu video.loaded,.productItem .productImage img.owl-lazy {
    transform: translateY(0)!important;
    visibility: visible;
    opacity: 1;
    width: 100%!important;
}

.productItem:has(.boxUrunlerContent.active) .productImage img {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)!important;
}

/*kategori loading görünümü ayarlama*/
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: 100%;
}

body .categoryContainer .ProductList .productItem .productImage a img[src="https://static.ticimax.cloud/72015/Uploads/Images/load.gif"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    min-width: auto!important;
    width: auto!important;
}

body .categoryContainer .ProductList .productItem .productImage .productList-Image-Owl .owl-item:not(.active) .imageItem {
    display: none;
}

.productList-Image-Owl .imageItem {
    display: none;
}

.productList-Image-Owl .imageItem:first-child {
    display: block;
}

.productItem .productImage img.owl-lazy {
    width: 100%!important;
}

/*urunaciklama*/
.productItem .productDetail {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    padding: 8px 0 0;
    position: relative;
}

/*urunad*/
.productItem .productName {
    position: relative;
    margin: 0;
    float: left;
    width: 100%;
}

.productItem .productName a {
    float: left;
    width: 100%;
    padding: 0;
    line-height: 130%;
    height: auto;
    font-weight: normal;
    font-size: 14px;
    color: var(--main-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    /*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/
}

/*urunfiyat*/
.productItem .productPrice {
    display: inline-flex;
    vertical-align: top;
    position: relative;
    margin: 8px 0 0;
    bottom: 0;
    width: auto;
    flex-direction: row-reverse;
    justify-content: start;
}

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

.productItem .discountPrice span {
    color: var(--main-color);
    font-size: 14px;
    line-height: 130%;
    font-weight: bold;
}

.productItem .IndirimVar .discountPrice span {
    color: var(--main-color);
}

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

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

.productItem .regularPrice span {
    font-size: 12px;
    color: #A3A3A0;
    -moz-text-decoration-color: #A3A3A0;
    text-decoration-color: #A3A3A0;
    line-height: 130%;
    font-weight: bold;
    text-decoration: line-through;
}

/*urunpuan*/
.productPoints {
    float: left;
    width: 100%;
    margin: 0 0 7px;
}

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

body .productPoints .rating i:before {
    content: '\f005';
    font-family: 'FontAwesome';
    font-weight: bold;
    font-size: 12px;
    color: #FD9300;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.productItem .productPoints [data-rating="5"] i:before {
    font-weight: bold;
}

/*Urun Iconlari*/
.favori,.examineIcon,.discountIcon div, .mycartIcon {
    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: 5;
    border-radius: 0;
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

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

/*stokyok*/
.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 {
    display: none !important;
}

/*******************************************KATEGORi**********************************/
.Block_Title {
    display: none;
}

.noProduct {
    background: url('https://static.ticimax.cloud/72015/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: #313335;
    font-size: 14px!important;
    line-height: 22px!important;
    float: left;
    font-weight: normal;
    transition: 1s;
}

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

body ul.breadcrumb li:after {
    content: '\f054';
    font-family: 'FontAwesome';
    display: inline-block;
    margin: 0 5px;
    color: #313335;
    font-size: 12px ;
    line-height: 22px;
    float: left;
    font-weight: 300;
}

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

body ul.breadcrumb li:nth-last-of-type(1) a span {
    font-weight: normal;
}

body ul.breadcrumb li a:hover span {
    color: var(--main-color-hover);
}

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

.leftImage a#linkOncekiSayfa {
    display: none;
}

body ul.breadcrumb li:first-child > a {
    width: 22px;
    height: 22px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/home.svg) no-repeat center;
    min-width: 22px;
}

body ul.breadcrumb li:first-child > a > span {
    font-size: 0!important;
}

body ul.breadcrumb li:first-child > a:hover {
    filter: drop-shadow(2px 4px 6px black);
}

body ul.breadcrumb li:first-child > a:hover span {
    background-color: transparent;
    padding: 0;
}

/*ustalan*/
.categoryTitleText {
    float: left;
    width: 100%;
    padding: 20px 0 12px;
}

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

/*body:has(.categoryContainer) .categoryTitle { position: sticky;top: 64px;background-color: #fff;z-index: 1001;}
body:has(.filterBlock.active) .categoryTitle{position:static;}
body:has(.subDivisionDiv) #divSayfalamaUst{margin: 20px 0;}
body.scrolled #divSayfalamaUst{margin: 20px 0;}*/
/*body #divSayfalamaUst {
    float: right;
    margin: 0;
    padding: 24px;
    text-align: center;
    transition: 1s;
    position: sticky;
    top: 64px;
    background-color: #fff;
    z-index: 1000;
}

body.scrolled:has(.categoryContainer) #divSayfalamaUst {
    box-shadow: 0 3px 6px #00000029;
}*/
body #divSayfalamaUst {
    float: none;
    margin: 0;
    padding: 24px;
    text-align: center;
    transition: 1s;
    position: sticky;
    top: 64px;
    background-color: #fff;
    z-index: 1000;
    max-width: 1440px;
    margin: 0 auto;
}

body.scrolled:has(.categoryContainer) #divSayfalamaUst {
    box-shadow: 0 3px 6px #00000029;
    max-width: 100%;
    float: right;
}

body:has(.filterBlock.active) #divSayfalamaUst {
    position: static;
}

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

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

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

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

.blockSelect .sort_hrz {
    display: none;
}

.blockSelect .sort_2 {
    display: none;
}

.blockSelect .sort_5 {
    display: 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;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
    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!important;
}

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: 0 0 50px;
    padding: 0;
    width: 100%;
    display: block;
    vertical-align: middle;
}

.pageNumberContent, .pageBorder {
    display: inline-flex;
    vertical-align: top;
    float: right;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.pageNumberContent a, .pageBorder a {
    min-width: 40px;
    height: 40px;
    line-height: normal;
    font-size: 13px;
    font-weight: 600;
    color: #A3A3A0;
    background: #fff;
    border-radius: 0;
    border: none;
    float: left;
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    transition: 1s;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
}

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

.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {
    color: var(--main-color);
    background: #fff;
    text-decoration: underline;
}

.pageNumberContent a:hover, .pageBorder a:hover {
    color: #fff;
    background: var(--main-color-hover);
}

.KategoriFilitrelemeContent .Block_Title {
    display: none;
}

.pageNumberContent a:first-child:not(.SelectedSayfa),.pageBorder a:first-child:not(.SelectedSayfa) {
    font-size: 0;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.pageNumberContent a:first-child:not(.SelectedSayfa):after,.pageBorder a:first-child:not(.SelectedSayfa):after {
    content: '\f053';
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: 300;
    color: #4A4946;
    transition: 1s;
}

.pageNumberContent a:first-child:not(.SelectedSayfa):hover:after,.pageBorder a:first-child:not(.SelectedSayfa):hover:after {
    color: #fff;
}

.pageNumberContent a:last-child:not(.SelectedSayfa),.pageBorder a:last-child:not(.SelectedSayfa) {
    font-size: 0;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.pageNumberContent a:last-child:not(.SelectedSayfa):after,.pageBorder a:last-child:not(.SelectedSayfa):after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: 300;
    color: #4A4946;
    transition: 1s;
}

.pageNumberContent a:last-child:not(.SelectedSayfa):hover:after,.pageBorder a:last-child:not(.SelectedSayfa):hover:after {
    color: #fff;
}

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

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

.ProductDetailMainRow {
    float: left;
    width: 100%;
    padding-left: 50px;
}

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

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

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

.TopDet .leftImage,.TopDet .RightDetail {
    visibility: visible;
    opacity: 1;
}

/*Urun Resim*/
body .leftImage .ProductGallery {
    float: left;
    width: 100%;
}

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

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

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::-webkit-scrollbar {
    width: 0;
    height: 0;
}

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-bottom: 0;
}

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

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

.Images,#divVideoGoruntulemeAlan {
    float: right;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.Images img,#vdUrunVideo {
}

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

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

.SmallImages div {
    float: left;
    width: calc(50% - 1px);
    margin-bottom: 0;
    cursor: zoom-in;
    overflow: hidden;
    aspect-ratio: 1;
}

.SmallImages div img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: 1s!important;
    transition-delay: 1s;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    /*visibility: hidden;
    opacity: 0;*/
    transform: translateY(20px);
}

.SmallImages div img.loaded {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

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

.DetayYeniUrun {
    display: none!important;
}

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

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

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

/*urunadi*/
.ProductName {
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    padding-right: 50px;
}

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

.ProductName h1 span {
    float: left;
    width: 100%;
    display: inline-block;
    color: var(--main-color);
    font-size: 1.143rem;
    font-weight: 400;
}

/*stokkodu*/
#divUrunKodu {
    float: left;
    clear: left;
    color: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 8px 0 0;
}

#divUrunKodu span {
    display: none;
    vertical-align: top;
    color: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    position: relative;
    line-height: 16px;
    float: left;
}

#divUrunKodu span:after {
    content: ':';
    margin: 0 4px;
    display: none;
}

/*taksitaciklama*/
#divTaksitAciklama::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/udtaksit.svg) no-repeat center / contain;
}

#divTaksitAciklama {
    display: flex;
    float: left;
    clear: left;
    margin-top: 12px;
    align-items: center;
    gap: 8px;
}

#divTaksitAciklama .taksitSatir {
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1px;
}

/*paunver*/
.RightDetail .puanVer {
    float: left;
    clear: left;
}

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

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

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

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

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

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

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

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

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

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

.RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa, .RightDetail .rating-stars ul>li.star.selected>i.fa {
    color: #ff8a00;
}

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

.markaresmi a {
    float: left;
}

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

/*magazastok*/
/*on yazi*/
#divOnyazi {
    float: left;
    width: 100%;
    display: none;
}

#divOnyazi .teksatir {
    margin-top: 10px;
    float: left;
    width: 100%;
}

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

#divOnyazi * {
    font-family: var(--main-font-family), 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;
}

#divIndirimliFiyat {
    display: block;
}

/*ekbilgi*/
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi, #divIndirimOrani {
    float: left;
    clear: left;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 16px;
}

#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: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    line-height: 16px;
    display: none;
}

#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: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    line-height: 16px;
    display: none;
}

#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: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    line-height: 16px;
    width: auto;
}

/*piyasa fiyati*/
.PiyasafiyatiContent {
    display: block;
    float: left;
    margin-right: 10px;
}

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

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

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

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

/*indirimli fiyati*/
.IndirimliFiyatContent {
    display: block;
    float: left;
}

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

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

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

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

/*turk lirasi fiyati*/
#divTurkLirasiFiyat {
    display: block;
}

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

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

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

/*indirimsiz fiyati*/
#divIndirimsizFiyat {
    display: block;
}

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

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

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

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

/*kdv dahil fiyati*/
#divKDVDahilFiyat {
    display: block;
    float: left;
    margin-top: 8px;
}

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

#divKDVDahilFiyat .center_line {
    display: none;
}

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

/*fiyatrenk*/
.PiyasafiyatiContent .right_line * {
    color: #A3A3A0;
    font-size: 0.857rem;
    font-weight: bold;
}

.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line {
    color: var(--main-color);
}

#divIndirimliFiyat .IndirimliFiyatContent .right_line * {
    color: var(--main-color);
}

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

#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: 16px;
}

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

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

/*Urun ekstrabilgileri*/
#divEkstraBilgiler {
    float: left;
    clear: left;
    margin-top: 10px;
}

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

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

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

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

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

#divUrunEkSecenek .eksecenekLine .left_line {
    float: left;
    width: 100%;
    line-height: 16px;
    color: var(--main-color);
    font-size: 12px;
    font-weight: bold;
    margin: 16px 0 8px;
    text-transform: uppercase;
}

#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: 12px;
    position: relative;
    color: #666562;
    font-weight: bold;
    margin: 0 16px 16px 0;
    pointer-events: all;
}

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

/*selectvaryasyon*/
#divUrunEkSecenek .eksecenekLine.selectvaryasyon {
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {
}

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

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

/*resimlivaryasyon*/
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
    width: 32px;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 4px;
    transition: .5s;
    margin: 0 2px 2px 0;
}

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

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover {
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected {
    border-color: #5D483A;
}

/*kutuvaryasyon*/
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line {
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
    min-width: auto;
    height: auto;
    line-height: 20px;
    text-align: center;
    border: none;
    border-bottom: 1px solid transparent;
    transition: .5s;
    border-radius: 0;
    padding: 0;
}

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

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
    color: var(--main-color-hover);
    background: #fff;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
    color: var(--main-color-hover);
    background: #fff;
    border-color: var(--main-color-hover);
}

/*stokyokvaryasyon*/
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok.active {
    border-color: var(--main-color-hover);
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
    position: relative;
    background: #fff!important;
    color: rgb(102 101 98 / 20%)!important;
    border-color: transparent;
    text-decoration: line-through;
}

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

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after {
    display: none;
    content: '';
    height: 1px;
    max-width: 65px;
    margin: 0 auto;
    background: rgb(102 101 98 / 20%);
    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: 15px 0 0;
}

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

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

body #productDetailRelated .JKatAdi .bold .satir1 {
    font-size: 12px;
    font-weight: bold;
    color: #313335;
    line-height: 130%;
    font-family: var(--main-font-family);
    font-style: normal;
    width: 100%;
}

body #productDetailRelated>a {
    width: 60px;
    padding: 0;
    margin: 0 6px 6px 0;
    position: relative;
    height: 60px;
    padding: 5px;
    border-radius: 0;
    overflow: hidden;
    border: 1px solid #F7F7F5;
}

body #productDetailRelated>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}

body #productDetailRelated>a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-bottom: 1px solid transparent;
    transition: 1s;
    border-radius: 0;
    display: block!important;
    background: transparent!important;
    opacity: 1;
}

body #productDetailRelated a.detailLink.detailUrl:has(img[data-second]):hover>img {
    opacity: 1;
}

body #productDetailRelated>a:hover:after {
    border-color: var(--main-color-hover);
}

body #productDetailRelated>a.active:after {
    border-color: var(--main-color-hover);
}

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

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

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

#txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input, .buyfast input {
    height: 44px!important;
}

.Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown {
    line-height: 44px;
}

.UFavorilerimeEkle {
    display: none;
}

.detailTop .UFavorilerimeEkle {
    float: right;
    display: block;
}

.detailTop .UFavorilerimeEkle a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailTop .UFavorilerimeEkle a span,.UFavorilerimeEkle a div {
    display: none;
}

.detailTop .UFavorilerimeEkle a:after {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 1.143rem;
    color: var(--main-color);
    font-weight: 300;
    transition: .5s;
}

.detailTop .UFavorilerimeEkle a:hover:after {
    font-weight: bold;
}

.detailTop .UFavorilerimeEkle a#aFavroriCikarBtn:after {
    font-weight: bold;
    color: var(--main-color-hover);
}

/*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: 30px !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;
}

.RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {
    width: 10px;
}

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

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

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

/*adetveselect*/
.Basketinp {
    display: 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 #d7d7d7;
    font-size: 13px;
    font-weight: 500;
    float: left;
    margin: 0;
    border-radius: 0;
}

/*sepete Ekle*/
#divKombinSatinAl, .basketBtn , .buyfast {
    float: left;
    margin: 0 0 0 10px;
}

#divKombinSatinAl a, .buyfast input, .basketBtn input {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    letter-spacing: 1.5px;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

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

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

.buyfast input {
}

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

#divKombinSatinAl a {
    font-size: 14px;
    margin: 0!important;
}

/*Iconlar*/
.ProductIcon {
    float: left;
    width: 100%;
    margin-top: 10px;
    display: none;
}

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

.ProductIcon .box1 i {
    display: none;
}

.ProductIcon .boxIcon {
    fill: #000;
    width: 50px;
    height: 50px;
    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;
}

.ProductIcon .boxIcon svg {
    height: 22px;
}

.ProductIcon > div {
    float: left;
    position: relative;
    position: relative;
    margin: 0 0 15px;
    width: 33.33%;
}

.ProductIcon > div > a {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

/*yazdiryorumtavsiye*/
.ProductIcon2 {
    float: left;
    width: 100%;
}

.ProductIcon2 .clear {
    display: none;
}

.ProductIcon2 #divSocialButtons {
    width: 100%;
}

.ProductIcon2 > div {
    float: left;
    width: 33.33%;
    margin-bottom: 15px;
    position: relative;
}

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

.ProductIcon2 > div > a:hover {
    color: #000;
    background: transparent!important;
}

.ProductIcon2 .boxIcon {
    fill: #000;
    width: 50px;
    height: 50px;
    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;
}

.ProductIcon2 .boxIcon svg {
    height: 22px;
}

/*paylas*/
.TopDet .product_social_icon_wrapper {
}

.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: 0;
    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;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: .5s;
}

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

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

.TopDet .product_social_icon_wrapper ul li a i {
    font-weight: 300;
}

.TopDet .product_social_icon_wrapper ul li a:hover {
    background-color: var(--main-color);
    color: #fff;
}

.TopDet .product_social_icon_wrapper ul li a:hover svg {
    filter: invert(1);
}

.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 {
    display: none;
}

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

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

.urunOzellik .urunTab ul {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.urunOzellik .urunTab >ul > li {
    float: left;
}

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

.urunOzellik .urunTab >ul > li > a {
    cursor: pointer;
    color: #000;
    font-size: 16px;
    float: left;
    font-weight: normal;
}

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

.urunOzellik .urunTab >ul > li.active > a {
}

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

.urunTabAlt strong {
    font-weight: bold;
}

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

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

.urunTabAlt {
    font-family: var(--main-font-family),sans-serif !important;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 143%;
    color: var(--main-color);
    letter-spacing: 1px;
    height: 100%;
}

.urunTabAlt * {
    font-family: var(--main-font-family),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 p {
    margin: 0;
}

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

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

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

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

/****************************************Slider Alanlar*********************************/
/*Baslik*/
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi {
    float: left;
    position: relative;
    width: 100%;
    padding: 60px 0 40px!important;
    margin: 0!important;
}

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

#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 {
    line-height: normal;
    color: var(--main-color);
    font-size: 28px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    padding: 0!important;
    position: relative;
    z-index: 1;
   /* font-style: italic;
    font-family: Cormorant Garamond;*/
}

/*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: 70px;
    left: auto;
    top: auto;
    bottom: 0;
    display: flex;
    align-items: center;
}

#mainHolder_divDesign .owl-carousel .owl-nav.disabled, .owl-carousel .owl-nav.disabled {
    display: none!important;
}

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

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

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
    background: transparent;
    border-radius: 0;
    border: none;
    width: 32px;
    height: 32px;
    cursor: pointer;
    text-align: center;
    position: static;
    font-size: 0;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}*/
  
  #divInstashopResim .owl-carousel .owl-nav{display:block!important;}
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:10px;left:10px;top:40%;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background: #1D1F20!important;border-radius:100%;border:none;width: 45px;height:45px;cursor: pointer;text-align: center;position: absolute;font-size: 0;display: inline-block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
#mainHolder_divDesign .owl-carousel .owl-nav > div span:after,.owl-carousel .owl-nav > div span:after{content:'';font-size:25px;color:#000000;font-family:'FontAwesome';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .InstaGalleryprev span:after{content: '\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .InstaGallerynext span:after{content: '\f105';}


#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover, .owl-carousel .owl-nav .ProductListprev:hover {
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGallerynext:hover, .owl-carousel .owl-nav .ProductListnext:hover {
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {
    display: none;
}

#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots {
    display: flex;
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0;
    justify-content: center;
    align-items: center;
    position: static;
  display: none;
}

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

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot {
    width: 59px;
    height: 2px;
    background: #CCCBC8;
    border: none;
    margin: 0!important;
    border-radius: 0%;
    display: inline-block;
    vertical-align: top;
    transition: .5s;
}

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active {
    background: #000;
}

#mainHolder_divDesign .owl-carousel .owl-nav > div:hover,.owl-carousel .owl-nav > div:hover {
    background: transparent;
}

#mainHolder_divDesign .owl-carousel .owl-nav > div:hover span:after,.owl-carousel .owl-nav > div:hover span:after {
    opacity: 1;
}

#mainHolder_divDesign .owl-carousel .owl-nav > div span:after,.owl-carousel .owl-nav > div span:after {
    content: '';
    font-size: 25px;
    color: #fff;
    font-family: 'FontAwesome';
   /* opacity: .5;*/
    transition: .3s;
    font-weight: 300;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .InstaGalleryprev span:after {
    content: '\f104';
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .InstaGallerynext span:after {
    content: '\f105';
}

#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,body .owl-carousel .owl-dots .owl-dot span {
    display: none!important;
}

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

.sliderBannerContainer .Block_Link {
    display: 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;
}

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

.detaySliderContainer .Jbutonlar {
    display: none;
}

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

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

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

#pnlSlider ul li {
    display: block;
}

#pnlSlider ul li a {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.siparisTakipSayfasi {
    background: #fff;
}

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

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

.popupSepet {
    width: 99%;
}

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

.sayfaIcerik * {
    font-family: var(--main-font-family), sans-serif !important;
}

#mainHolder_UrunDetay_imgCookie {
    display: none !important;
}

.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: #efefef;
}

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

/*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: var(--main-color);
}

/*bordercolor*/
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .OdemeMenu ul li.activeMenu {
    border-color: var(--main-color);
}

/*tooltip*/
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: var(--main-color);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--main-color);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--main-color);
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--main-color);
}

.baglanButton {
    border-color: transparent;
}

.Basketstep ul li:before {
    border: 1px solid var(--main-color);
}

.sepetimBody .Basketstep ul li.aktif:after {
    border-top-color: var(--main-color);
}

/*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: var(--main-color);
}

/*HoverRenk*/
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, .ProductIcon2 > div > a:hover {
    background: var(--main-color-hover);
}

/*colorhover*/
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover, .CartProduct .SProduct li a:nth-child(2):hover * {
    color: var(--main-color-hover);
}

/*bordercolorhover*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover, .CartProduct .headerCartBtn:hover {
    border-color: var(--main-color-hover);
}

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

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

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

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

body .alisverisedevamet {
    background: #000;
    line-height: 30px;
    padding: 0 15px;
}

body .alisverisedevamet:hover {
    border: none;
}

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

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

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

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

.baglanButton:hover {
    background: transparent;
}

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

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

/*------------------------------------Sabit Renkler--------------------------------------------*/
.divRelatedProductsPopup .ulRelatedProducts {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.bottomHead {
    display: none;
}

#divSliderYani {
    display: none;
}

body {
    background: #fff;
}

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

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

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

.blogCenter ul {
    list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body .NewAddress i {
    display: none;
}

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

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

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

/*Sağ Sepet*/
body .miniCartRigth,body .miniCartGiftCodeContent {
    padding: 0;
    width: 800px;
    transition: 1s;
}

body .miniCartRigthHeader {
    position: relative;
    background: #fff;
    height: 80px;
    border-bottom: 1px solid var(--main-color);
}

body .miniCartRigthHeader .spnCartTxt {
    left: 0;
    transform: translateY(-50%);
    text-align: left;
    font-weight: 500;
    letter-spacing: .16px;
    text-transform: uppercase;
    padding: 0 24px;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
}

body .miniCartRigthHeader .header-close-btn {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 24px;
}

body .miniCartRigthHeader .header-close-btn svg {
    fill: #a0a2af;
    transition: .3s;
    width: 12px;
    height: 12px
}

body .miniCartRigthHeader .header-close-btn:hover svg {
    fill: var(--main-color);
}

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: 186px;
    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: 1.143rem;
    font-weight: 400;
    color: var(--main-color);
    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: .3s;
    font-weight: 300
}

body .miniCartButtonSil a:hover:after {
    color: var(--main-color-hover);
}

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: var(--main-color);
}

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: var(--main-color);
    letter-spacing: 1px;
}

body span.miniCartCol2 {
    font-size: 12px;
    font-weight: 500;
    color: var(--main-color);
    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: var(--main-color);
    border: 1px solid var(--main-color);
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    transition: .3s;
    border-radius: 0;
    letter-spacing: 1.5px;
}

body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover {
    background: var(--main-color-hover);
    border-color: var(--main-color-hover);
    color: #fff
}

body .miniCartDetayItem.eksecenek:hover {
    background: var(--main-color-hover);
    border-color: var(--main-color-hover);
    color: #fff;
    padding: 4px 16px;
}

body .miniCartDetayItem.eksecenek {
    font-size: 10px;
    font-weight: 400;
    color: var(--main-color);
    float: left;
    clear: left;
    border: 1px solid #1D1F20;
    padding: 4px 12px;
    border-radius: 20px;
    transition: .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: .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: 30px 0;
    background: transparent;
    height: 0;
    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: var(--main-color);
}

.rcInfo {
    margin: 0 auto 0 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1px;
    color: var(--main-color);
}

body .miniCartLeftProduct {
    right: 800px;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 234px;
    border-right: 1px solid var(--main-color);
    transition: 1s;
}

body .miniCartLeftProduct::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .miniCartLeftTitle {
    padding: 0;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 24px;
    height: 80px;
    border-bottom: 1px solid var(--main-color);
    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: var(--main-color);
}

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: var(--main-color);
    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: .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: var(--main-color-hover);
    color: #fff;
}

body .miniCartItem .miniCartLeft .loadingPiece {
    height: 35px!important;
}

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

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

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
    display: none;
    padding: 0 70px 30px;
    max-height: calc(100dvh - 85px);
    overflow: auto;
    background: rgb(255 255 255 / 98%);
}

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap {
    display: 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: 21px;
    font-weight: 800;
    color: #fff;
    line-height: 34px;
}

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

#divIndirimOrani {
    clear: right;
    float: right;
    margin: 0 7px 0 0;
    padding: 0 15px;
    background: var(--main-color);
    border-radius: 5px;
}

#divIndirimOrani:before {
    content: '';
    float: left;
    height: 34px;
    width: 14px;
    margin-right: 6px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/dcicon.svg) no-repeat center / contain;
}

/*------------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 .divGrupOlusturContentBottom button,body .detayFavoriListItem button, body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet {
    background: var(--main-color)!important;
}

body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover {
    border-color: var(--main-color-hover);
}

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

body #divNewUyeGirisContent .newUserLoginBtn, body .newUyeOlContainer .newUserLoginBtn, body .acountDoneContainer .acountDoneLoginBtn, body .pageSifreOlustur .newUserLoginBtn, body .pageSifremiUnuttum .newUserLoginBtn, body .commentTicimax .commentTiciNewCommentButton, body #sepetEkleModal .divAltButonlar a {
    background: var(--main-color);
    transition: .3s;
}

body #divNewUyeGirisContent .newUserLoginBtn:hover, body .newUyeOlContainer .newUserLoginBtn:hover, body .acountDoneContainer .acountDoneLoginBtn:hover, body .pageSifreOlustur .newUserLoginBtn:hover, body .pageSifremiUnuttum .newUserLoginBtn:hover, body .commentTicimax .commentTiciNewCommentButton:hover, body .urunTabAlt .button:hover, body #sepetEkleModal .divAltButonlar a:hover {
    background: var(--main-color-hover);
}

body .hesabimAnasayfaMenuler ul li a:hover {
    background: var(--main-color);
}

/*------------Genel Hover--------------*/
a#linkSecilenleriSil:hover,body .uyeOlContainer #btnSave:hover, body .userLoginBtn:hover,body .userSignBtn:hover, body .button.basketCompletebtn:hover,body .tabLink a.aktif, body .tabLink a:hover,body .siparisBosBtn a:hover, body .favoriBosBtn a:hover,body .yesilButon:hover, body .commentNone .commentNoneText .commentNoneButton a:hover, body .NewAddress a:hover,body .iletisimIzinSave a:hover, body .kuponOlustur .kuponOlusturButon:hover,body .hesabimMenuDon:hover,body .alisverisedevamet:hover, body #hed div.hediCekForm a:hover,body .detayFavoriListItem button:hover, body .divGrupOlusturContentBottom button:hover, body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet:hover {
    background: var(--main-color-hover)!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,body .detayFavoriListItem button,body .divGrupOlusturContentBottom button,body .detayFavoriListItem, body .divGrupOlusturContentBottom input, body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet,.fixedSepet input, body #divTopProductSearch .searchform-wrapper #btnKelimeAra, body #divNewUyeGirisContent .newUserLoginBtn, body .newUyeOlContainer .newUserLoginBtn, body .acountDoneContainer .acountDoneLoginBtn, body .pageSifreOlustur .newUserLoginBtn, body .pageSifremiUnuttum .newUserLoginBtn, body .commentTicimax .commentTiciNewCommentButton, body #sepetEkleModal .divAltButonlar a,body .urunTabAlt .button {
    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: .3s;
}

/*-----------Genel Color Sepet---------------*/
body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartButtonSil a:hover:after, body .miniCartRigthHeader .header-close-btn:hover svg {
    color: var(--main-color-hover);
    fill: var(--main-color-hover);
}

/*------------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: 0;
    width: 100%;
    padding: 0 0 20px;
    display: none;
}

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: end;
    gap: 4%;
}

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

section.elementor-section.mid .footerTempRow > div:first-child {
    margin: 0 auto 0 0;
    width: 28%;
}

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

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

#headerNew {
    position: sticky;
    top: 0;
    z-index: 1001;
    transition: 1s;
    background: #fff;
}

#headerNew.fixed {
    top: 0;
    box-shadow: 0 3px 6px #00000029;
}

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

body .miniCartBos {
    border: 1px solid var(--main-color);
    font-size: 15px;
    padding: 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: 0;
    right: 0;
    display: flex;
}

body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div {
    width: 44px;
    height: 44px;
    opacity: 1!important;
}

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

body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div span:hover {
    background-color: transparent;
}

body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div span:after {
    color: #000;
    opacity: 1;
    font-size: 30px;
}

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 .leftImage .ProductGallery .gallery-container .GalleryArea img {
    cursor: zoom-in;
}

body .leftImage .ProductGallery img {
    cursor: pointer;
}

body .leftImage .ProductGallery .gallery-container .GalleryArea img, body .leftImage .ProductGallery img {
    margin: 0 auto;
    transition: 1s!important;
    min-width: 0;
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    transform: translateY(20px);
    background-color: #F7F7F5;
    mix-blend-mode: multiply;
}

body .leftImage .ProductGallery .gallery-container .GalleryArea img.loaded, body .leftImage .ProductGallery img.loaded {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

body .footerTemp .socialMedia li a i,body .footerTemp .storeMedia li a i {
    padding: 0!important;
    width: auto!important;
    height: auto;
    transition: .3s;
    visibility: visible;
    opacity: 1;
}

body .footerTemp .socialMedia li a:hover i,body .footerTemp .storeMedia li a:hover i {
    background: transparent!important;
    color: var(--main-color)!important;
}

body .footerTemp .socialMedia li a:hover span,body .footerTemp .storeMedia li a:hover span {
    color: var(--main-color)!important ;
}

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

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

ul.horizontal.storeMedia {
    flex-direction: column!important;
}

body .footerTemp .footerMenuAlt a {
    line-height: 20px;
    transition: 1s;
}

body .footerTemp .footerMenuAlt a:hover {
    color: var(--main-color-hover)!important;
}

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

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

body .pageNumber .productCountBar {
    display: none;
}

body .pageNumber .divMoreProducts .button {
    margin: 13px 0 0;
    border: 1px solid var(--main-color);
    padding: 11px 22px;
    background: var(--main-color);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

body .pageNumber .divMoreProducts .button:hover {
    background: var(--main-color-hover);
    color: #fff;
}

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

body #divTopProductSearch .searchform-wrapper #txtbxArama {
    padding: 0;
    height: 60px;
}

body #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before {
    content: 'ARA';
    font-family: var(--main-font-family);
}

body #divTopProductSearch .searchform-wrapper #btnKelimeAra {
    width: 60px;
    height: 40px;
    background: var(--main-color);
    transition: .3s;
}

body #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
}

body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover {
    background-color: var(--main-color-hover);
}

body #divTopProductSearch .searchform-wrapper {
    border: none;
    margin: 0 auto;
}

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 70px;
    box-shadow: 0px 3px 6px #00000029;
    background: #fff;
    transition: 1s;
    overflow: hidden;
    margin: 0 auto;
}

body #divTopProductSearch .header-search-form-wrapper {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

body #divTopProductSearch.dropactive .header-search-form-wrapper {
    opacity: 1;
    visibility: visible;
    height: calc(100dvh - 64px);
}

body .svgIcon.search-times:after {
    font-size: 20px;
}

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

.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;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1001;
    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;
}

div#divUrunEkSecenek:has(.kutuluvaryasyon) .bedenT {
    display: block;
}

.bedenT {
    position: absolute;
    top: 13px;
    z-index: 9;
    right: 0;
    display: none;
}

.bedenT a {
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: 8px;
    font-size: 10px;
    font-weight: 400;
    color: var(--main-color-hover);
    transition: .3s;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: 1s;
}

.bedenT a:hover {
    color: var(--main-color-hover);
}

.bedenT a::after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 400;
}

body .relatedProductsColor {
    transition: .5s;
    display: none;
    float: left;
    clear: both;
    position: static;
    margin: 6px 0 0;
}

body .productItem > .relatedProductsColor {
    display: block;
}

body .relatedProductsColor .productRelatedColorCount:after {
    content: 'Renk';
}

body .relatedProductsColor .productRelatedColorCount:before {
    content: '+';
}

body .relatedProductsColor .relatedColorDiv {
    display: none;
}

body .relatedProductsColor .relatedProductsColorBtn {
    padding: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
}

body .relatedProductsColor .productRelatedColorCount {
    font-weight: 400;
    font-size: 10px;
    line-height: 110.00000000000001%;
    transition: .3s;
    color: var(--main-color);
}

body .relatedProductsColor .productRelatedColorCount:hover {
    color: var(--main-color-hover);
}

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

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

body .ulRelatedProducts li {
    width: calc(33.33% - 7px);
}

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

.productItem > .favori {
    display: block;
}

.favori {
    position: absolute;
    z-index: 9;
    top: 15px;
    right: 15px;
}

.favori a {
    font-size: 0;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0%;
    transition: .3s;
}

.favori a:after {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #000;
    font-weight: 300;
    transition: .3s;
}

.favori a:hover::after {
    font-weight: bold;
}

.favori a.listfavoriAktif:after {
    font-weight: bold;
}

.productItem .productImage img.productSliderImage {
    transform: translateY(0) !important;
    visibility: visible;
    opacity: 1;
}

body .header-favori-item a.favori-link i {
    font-weight: 300;
}

body .divGrupOlusturContentBottom button {
    border: 1px solid var(--main-color);
    color: #fff;
    line-height: 30px;
    transition: .3s;
    margin-top: 8px;
}

body .detayFavoriListItem {
    border-color: var(--main-color);
    padding: 12px;
    margin: 0;
}

body .detayFavoriListItem button {
    top: 4px;
    right: 4px;
    bottom: 4px;
    color: #fff;
    border: none;
    transition: .3s;
}

body .detayFavoriListItem button:hover {
    border: none;
}

body .divGrupOlusturContentBottom input {
    border: 1px solid var(--main-color);
}

.productKampanya {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0 0;
    gap: 4px 12px;
}

/*siteozelalan*/
body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    width: 15px;
    height: 15px;
    background: var(--main-color);
    text-align: center;
    color: #fff;
    line-height: 15px;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    top: -5px;
    right: -5px;
    transition: 1s;
}

/*body:has(.homepage) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: #fff;
    color: var(--main-color);
}*/

body .cart-item a.header-cart-link.headerButon:hover .sepetUrunSayisi {
    color: #fff;
    background: var(--main-color-hover);
}

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

body:has(.dropactive) {
    overflow: hidden;
}

body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body #hb-logo img, body #hb-logo svg, body #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body .header-favori-item a.favori-link .svgIcon svg path, body #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body .cart-item a.header-cart-link.headerButon .svgIcon svg path, body .header-favori-item a.favori-link i {
    transition: 1s;
}

/*body:has(.homepage) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) .header-favori-item a.favori-link i {
    color: #fff;
}

body:has(.homepage) #hb-logo img {
    filter: invert(1);
}

body:has(.homepage) #hb-logo svg {
    filter: invert(1);
}

body:has(.homepage) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: #fff;
}*/

body #headerNew:hover {
    z-index: 1002;
}

body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: var(--main-color);
    color: #fff;
}

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

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

body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link i {
    color: var(--main-color);
}

body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a {
    color: var(--main-color-hover);
}

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

body:has(.homepage) #headerNew:hover #hb-logo svg {
    filter: invert(0);
}

body:has(.homepage) #headerNew:hover #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew:hover #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: var(--main-color);
}

body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: var(--main-color);
    color: #fff;
}

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

body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link i {
    color: var(--main-color);
}

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

body:has(.homepage) #headerNew:has(.dropactive) #hb-logo svg {
    filter: invert(0);
}

body:has(.homepage) #headerNew:has(.dropactive) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: var(--main-color);
}

body:has(.mainSlider .owl-item.active .white) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: var(--main-color);
    color: #fff;
}

body:has(.mainSlider .owl-item.active .white) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.mainSlider .owl-item.active .white) #headerNew .header-favori-item a.favori-link i {
    color: var(--main-color);
}

body:has(.mainSlider .owl-item.active .white) #hb-logo img {
    filter: invert(0);
}

body:has(.mainSlider .owl-item.active .white) #hb-logo svg {
    filter: invert(0);
}

body:has(.mainSlider .owl-item.active .white) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.mainSlider .owl-item.active .white) .header-favori-item a.favori-link .svgIcon svg path, body:has(.mainSlider .owl-item.active .white) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.mainSlider .owl-item.active .white) .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: var(--main-color);
}

body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: var(--main-color);
    color: #fff;
}

body:has(.homepage) #headerNew.fixed {
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
}

body:has(.homepage) #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link i {
    color: var(--main-color);
}

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

body:has(.homepage) #headerNew.fixed #hb-logo svg {
    filter: invert(0);
}

body:has(.homepage) #headerNew.fixed #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew.fixed #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: var(--main-color);
}

body:has(.ulVar.open) {
    overflow: hidden;
}

body:has(.ulVar.open) #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
    background: var(--main-color);
    color: #fff;
}

body:has(.ulVar.open) #headerNew {
    background: #fff;
}

body:has(.ulVar.open) #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a {
    color: var(--main-color);
}

body:has(.ulVar.open) #headerNew #hb-logo img {
    filter: invert(0);
}

body:has(.ulVar.open) #headerNew #hb-logo svg {
    filter: invert(0);
}

body:has(.ulVar.open) #headerNew #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.ulVar.open) #headerNew .header-favori-item a.favori-link .svgIcon svg path, body:has(.ulVar.open) #headerNew #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.ulVar.open) #headerNew .cart-item a.header-cart-link.headerButon .svgIcon svg path {
    fill: var(--main-color);
}

.mainSlider {
    float: left;
    width: 100%;
    overflow: hidden;
}

.mainSlider ul {
    display: flex;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mainSlider ul li {
    min-width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
}

.mainSlider img {
    width: 100%;
    transition: 1s;
    transition-delay: 1s;
}

.mainSlider .active img {
    transform: scale(1);
}

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

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

.mainBottom {
    float: left;
    width: 100%;
    margin-top: -210px;
    position: relative;
    z-index: 2;
    padding: 0 120px;
}

.mainTitle {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: 1s;
    transition-delay: 1s;
    transform: scale(1.2);
    visibility: hidden;
    opacity: 0;
}

.active .mainTitle {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.mainTitle span {
    font-family: Cormorant Garamond;
    font-weight: 300;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-size: 4.571rem;
}

.mainTitle a {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    color: #fff;
    border-bottom: 1px solid;
    transition: 1s;
    padding: 0;
}

.mainTitle a:hover {
    background: #fff;
    color: var(--main-color);
    padding: 0 15px;
}

.mainWrapper {
    float: left;
    width: 100%;
    display: flex;
    gap: 20px;
    margin: 55px 0 0;
    transition: 1s;
    transition-delay: 1s;
    transform: translateX(50px);
    visibility: hidden;
    opacity: 0;
}

.active .mainWrapper {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.mainWrapper a {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 4px 0px #0000000D;
    backdrop-filter: blur(10px);
    transition: .3s;
    background: #F7F7F54D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    aspect-ratio: 1;
    color: var(--main-color);
    transition: .5s;
}

.mainWrapper a:hover {
    backdrop-filter: blur(10px);
    box-shadow: 0px 0px 4px 0px #1D1F2026;
    background: #FFFFFFB2;
}

.mainWrapper a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainWrapper a span {
    font-size: 2rem;
    font-family: Cormorant Garamond;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
}

.mainWrapper a span i {
    font-style: italic;
}

.mainWrapper a span small {
    font-family: Lato;
    font-weight: 600;
    font-size: 0.714rem;
    line-height: 150%;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}

.mainWrapper a span b {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 3.857rem;
    line-height: 80%;
    letter-spacing: -2px;
    text-align: center;
}

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

.videoBanner video {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mainSlider .active .videoBanner video {
    transform: scale(1);
}

.mainSlider iframe {
    transition: 1s;
    transition-delay: 1s;
}

.mainSlider .active iframe {
    transform: scale(1);
}

.mainSlider .bannerDetail {
    height: calc(100dvh - 0px);
    justify-content: end;
    bottom: auto;
    top: 0;
}

.mainSlider .owl-carousel .owl-stage {
}

.mainSlider ul li > a {
    float: left;
    width: 100%;
    height: 100%;
}

.mainBannerText {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
}

.mainBannerText > div {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.mainBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainText {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: end;
    padding: 0 20px 45px;
}

.mainText span {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 3.857rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    transition: 1s;
    transform: scale(1);
    transition-delay: 1s;
    visibility: visible;
    opacity: 1;
}

.active .mainText span {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.mainText span i {
    font-style: italic;
}

.mainText span small {
    font-family: Lato;
    font-weight: 600;
    font-size: 0.929rem;
    line-height: 150%;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}

.mainText span b {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 130px;
    line-height: 80%;
    letter-spacing: -2px;
    text-align: center;
    margin-right: 20px;
}

.mainButton {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 70px 0 0;
    transition: 1s;
    transition-delay: 1s;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.active .mainButton {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.mainButton a {
    transition: 1s;
    padding: 0 24px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--main-color);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
}

.mainButton a:hover {
    background: var(--main-color);
    color: #fff;
}

.mainText > p {
    margin: 100px 0 0;
    font-weight: 300;
    font-size: 0.857rem;
    line-height: 130%;
    letter-spacing: 1px;
    text-align: center;
    max-width: 490px;
    color: var(--main-color);
}

.mainTopVideo {
    position: relative;
    padding-bottom: 46%;
    overflow: hidden;
}

.mainTopVideo video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    transition-delay: 1s;
    object-fit: cover;
}

.mainSlider .active .mainTopVideo video {
    transform: scale(1);
}

#mainHolder_divDesign .mainSlider .owl-carousel .owl-nav {
    bottom: auto;
    top: calc(50% - 16px);
    left: 24px;
    right: 24px;
    justify-content: space-between;
}

#mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div {
    box-shadow: 0px 0px 4px 0px #1D1F2026;
    background: #FFFFFDCC;
    border-radius: 50%;
}

#mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div span:after {
    opacity: 1;
}

#mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div:hover {
    background: var(--main-color);
}

#mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div:hover span:after {
    color: #fff;
}

.mainBannerBlock {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.homePageCategoryTab {
    float: left;
    width: 100%;
    padding: 0 70px;
    margin: 20px 0 0;
}

.hpcTitle {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 40px;
}

.hpcTitle span {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: 1s;
    cursor: pointer;
    color: #828280;
    position: relative;
    padding: 0;
}

.hpcTitle span:hover {
    color: var(--main-color-hover);
}

.hpcTitle span:after {
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--main-color-hover);
    transition: 1s;
}

.hpcTitle span.active:after {
    width: 100%;
}

.hpcTitle span.active {
    color: var(--main-color-hover);
    pointer-events: none;
}

.hpcWrapper {
    float: left;
    width: 100%;
    display: none;
}

.hpcLeft {
    float: left;
    width: 45%;
    overflow: hidden;
}

.hpcRight {
    float: right;
    width: 55%;
    padding: 0 0 0 80px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hpcWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
}

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

.hpcRight ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}

.hpcRight ul li {
    width: calc(50% - 10px);
}

.hpcRight ul li a {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 400;
    font-size: 0.857rem;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
    align-items: start;
    line-height: 200%;
}

.hpcRight ul li a:hover {
    color: var(--main-color-hover);
}

.categoryAllBtn {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0 0;
}

.categoryAllBtn a {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 300%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
    transition: 1s;
}

.categoryAllBtn a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 500;
    font-size: 10px;
}

.categoryAllBtn a:hover {
    color: var(--main-color-hover);
}

.hpcRight ul li a span {
    transition: 1s;
}

.hpcRight ul li a:hover span {
    color: var(--main-color-hover);
}

.homePageDesa {
    float: left;
    width: 100%;
    padding: 140px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    color: var(--main-color);
    background: #F7F7F5;
    margin: 30px 0 0;
}

.homePageDesa * {
    max-width: 800px;
}

.homePageDesa span {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 3.857rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
}

.homePageDesa p {
    font-family: Lato;
    font-weight: 300;
    font-size: 0.857rem;
    line-height: 130%;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
}

.homePageDesa small {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
}

.homePageBannerBlock {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    overflow: hidden;
}

.bannerTitle {
    float: left;
    width: 100%;
    padding: 20px 70px 40px;
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-size: 4.571rem;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-align: left;
}

.homePageBannerBlock ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    list-style: none;
    display: flex;
}

.homePageBannerBlock ul li {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.homePageBannerBlock ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
}

.homePageBannerBlock ul li img.loaded {
    transform: scale(1);
}

.homePageBannerBlock ul li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,rgba(29,31,32,0) 74.38%,rgba(29,31,32,0.7) 100%);
    top: 0;
    z-index: 1;
}

.homePageBannerBlock.category.sec ul li:after {
    display: none;
}

.bannerDetail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    gap: 5px;
    z-index: 2;
}

.bannerDetail span {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
}

.bannerDetail a {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    border-bottom: 1px solid;
    color: #fff;
    transition: 1s;
}

.bannerDetail a:hover {
    padding: 0 15px;
    background: var(--main-color);
    color: #fff;
}

.homePageTextBanner {
    width: calc(100% - 48px);
    overflow: hidden;
    padding: 0;
    display: flex;
    background: #F7F7F5;
    margin: 24px 0 0 24px;
}

.homePageTextBanner > div {
    width: 50%;
    overflow: hidden;
}

.hptbRight {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 100px 120px;
    text-align: left;
    gap: 60px;
    color: var(--main-color);
}

.hptbRight small {
    font-weight: 400;
    font-size: 0.714rem;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 auto;
}

.hptbRight span {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-size: 4.571rem;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.hptbRight p {
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
}

.hptbRight * {
    max-width: 456px;
}

.hptbLeft img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
}

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

.altVideo {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 24px 24px 20px;
}

.videoWrapper {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 0%;
}

/*.videoWrapper video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;}*/
.homePageDesaWorld {
    float: left;
    width: 100%;
    overflow: hidden;
}

.homePageDesaWorld ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
    list-style: none;
}

.homePageDesaWorld ul > li:first-child {
    min-width: 40%;
}

.homePageDesaWorld ul > li {
    min-width: 32%;
}

.homePageDesaWorld ul li {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}

.homePageDesaWorld ul li .imgBox {
    float: left;
    width: 100%;
    transition: 1s;
    aspect-ratio: 1;
    overflow: hidden;
}

.imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
}

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

.homePageDesaWorld ul .active.open li .imgBox {
    aspect-ratio: 4/5;
}

.homePageDesaWorld .imgBox img {
    filter: grayscale(1);
}

.homePageDesaWorld .active-left .imgBox img {
    filter: grayscale(0);
}

.hpdwDetail {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
    gap: 10px;
    color: var(--main-color);
}

.hpdwDetail span {
    font-weight: 400;
    font-size: 1.429rem;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.hpdwDetail p {
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    margin: 0;
    transition: 1s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition-delay: 1s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.active-left .hpdwDetail p {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.hpdwDetail .categoryAllBtn {
    margin: 0 0 20px;
    justify-content: start;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: 1s;
    transition-delay: 1s;
}

.active-left .hpdwDetail .categoryAllBtn {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.hpdwWrapper {
    float: left;
    width: 100%;
    padding: 0 0 0 70px;
}

/*.hpdwWrapper .owl-item.active-left{min-width:528px;}
.hpdwWrapper .owl-item{transition: 1s;min-width: 0%;}*/
.hpdwWrapper .owl-carousel .owl-stage {
    overflow: hidden;
}

.homePageDesaWorld ul .active-left li .imgBox {
    aspect-ratio: 4/5;
}

.homePageDesaWorld .owl-carousel .owl-stage-outer {
}

.guvenList {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.guvenItem {
    display: flex;
    align-items: center;
    gap: 8px;
}

section.landing-block {
    background-color: #FFFFFD!important;
}

body .eTempTitle2 {
    font-weight: bold;
}

body .footerTemp .newsletterContent #btnMailKaydet {
    transition: 1s;
}

body .footerTemp .newsletterContent #btnMailKaydet:hover {
    color: var(--main-color-hover)!important;
}

body .footerTemp .permissionBox input {
    margin: 1px 0 0;
    width: 14px;
    height: 14px;
    min-width: 14px;
}

body .permission-html {
    font-weight: 400;
    font-size: 0.857rem;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color)!important;
}

body .footerTemp .permissionBox {
    align-items: start;
    margin-top: 20px;
}

body .permission-html a {
    color: var(--main-color)!important;
    transition: .3s;
    border-bottom: 1px solid;
}

body .permission-html a:hover {
    color: var(--main-color-hover)!important;
}

.footerTempColumnDiv.elementor-column.mx {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    max-width: 630px!important;
}

.footerTempColumnDiv.elementor-column.mx .footerTempWidgetRepeat.elementor-element:has(.socialMediaDiv) {
    width: auto;
}

.footerTempColumnDiv.elementor-column.mx .footerTempWidgetRepeat.elementor-element:has(.appMediaDiv) {
    width: auto;
}

body .footerTemp .socialMedia li a {
    line-height: 21px;
    flex-wrap: nowrap;
    flex-direction: row;
}

body .footerTemp .socialMedia li a span {
    transition: 1s;
}

body .footerTemp .socialMedia li a:hover span {
    color: var(--main-color-hover)!important;
}

div#divTicimaxCopyrightContent {
    background: #F7F7F5;
    padding: 10px 0;
}

.imgBox {
    float: left;
    width: 100%;
    overflow: hidden;
}

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

.menuBanners > div {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.menuBanners a {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.menuBanners a img {
    transition: 1s;
    filter: grayscale(1);
    width: 100%;
    object-fit: cover;
}

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

.menuBanners a:hover img {
    filter: none;
}

.menuBanners > div.allMenuCategory {
    width: 100%;
    align-items: end;
    margin-top: 20px;
}

.menuBanners > div.allMenuCategory a {
    width: auto;
    color: var(--main-color);
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    transition: 1s;
}

.menuBanners > div.allMenuCategory a:hover {
    color: var(--main-color-hover);
}

/*body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a {
    letter-spacing: 2px;
}*/

body .newHeaderNavigation:not(.mobileStyle) li > a .downTagText {
    display: none;
}

body .newHeaderNavigation:not(.mobileStyle) li > a.downTagVar {
    padding: 0;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
   /* border-bottom: 1px solid;*/
    transition: 1s;
    font-size: 10px!important;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {
    position: relative;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:after,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:after {
    content: '';
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 1s;
    background: var(--main-color-hover);
    height: 1px;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover:after,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover:after {
    width: 100%;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
    max-width: 420px;
}

body #divTopProductSearch .searchform-wrapper {
    max-width: 100%;
    border: 1px solid var(--main-color);
    padding: 0 10px;
    margin-top: 24px!important;
}

.webMenuClose {
    float: left;
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: end;
}

body .newHeaderNavigation:not(.mobileStyle) .menu-list-row {
    display: inline-flex;
    vertical-align: top;
    width: 100%!important;
    float: left;
}

.webMenuClose:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    color: var(--main-color);
    font-size: 20px;
    font-weight: 300;
    transition: 1s;
    cursor: pointer;
    border-radius: 50%;
    background: transparent;
}

.webMenuClose:hover:after {
    transform: rotate(90deg);
}

body .account-item .nav-dropdown {
    display: block;
    transition: 1s;
    transform: translateY(-10px);
    visibility: hidden;
    opacity: 0;
    display: none!important;
}

body .account-item:hover .nav-dropdown {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

body .account-item .nav-dropdown ul li a {
    padding: 5px;
    transition: 1s;
}

body .account-item .nav-dropdown ul li a:hover {
    padding: 5px 15px;
}

.detailTop {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: end;
}

.shareArea {
    float: left;
    position: relative;
    display: none;
}

.detailTop .shareArea {
    display: block;
}

.shareArea .product_social_icon_wrapper {
    float: left;
    position: relative;
}

.shareArea .product_social_icon_wrapper .pcon {
    float: left;
}

.shareArea .product_social_icon_wrapper .pcon .paylasTitle {
    float: right;
    cursor: pointer;
    letter-spacing: .6px;
    color: #616161;
    font-weight: 400;
    font-size: 12px;
    ;display: flex;
    justify-content: left;
    align-items: center
}

.shareArea .product_social_icon_wrapper .pcon .paylasTitle img {
    margin-right: 0
}

.product-social-icon-popup {
    float: left;
    padding: 0;
    max-width: 680px;
    position: fixed;
    z-index: 99;
    background: #fff;
    top: 50%;
    left: 50%;
    display: block!important;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    z-index: 1002;
    transform: translate(-50% , -50%);
}

.product-social-icon-popup.active {
    visibility: visible;
    opacity: 1;
}

.product-social-icon-popup .product-social-icon-box {
    float: left;
    width: 100%;
    margin: 0
}

.product-social-icon-popup .product-social-icon-box .product-social-icon-title {
    float: left;
    width: 100%;
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #313335;
    line-height: 80px;
    padding: 0 24px;
}

.product-social-icon-popup .product-social-icon-box .copy-btn {
    border: none;
    margin: 0;
    float: left;
    width: 100%;
    background: #fff;
    line-height: 150%;
    padding: 32px 24px;
    text-align: center;
    text-overflow: ellipsis;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: .5s;
}

.product-social-icon-popup .product-social-icon-box .copy-btn:hover {
    color: var(--main-color-hover);
}

.product-social-icon-popup .product-social-icon-box ul {
    float: left;
    width: 100%;
    margin: 0 0 32px;
    padding: 0 24px 32px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.product-social-icon-popup .product-social-icon-box ul svg path {
    transition: .3s;
}

.product-social-icon-popup .product-social-icon-box ul li a:hover svg path {
    fill: var(--main-color-hover);
}

#copyPop {
    width: 200px;
    padding: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1d;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    gap: 10px
}

#copyPop:before {
    content: '\f129';
    font-family: fontawesome;
    width: 40px;
    height: 40px;
    border: 3px solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #37c637;
    min-height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.fancybox-lock body:has(#copyPop) {
    height: auto!important;
    overflow: visible!important
}

body:has(#copyPop) .fancybox-close {
    background: 0 0
}

body:has(#copyPop) .fancybox-close:after {
    color: #333
}

body .fancybox-close {
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    background: #000;
    box-shadow: unset
}

body .fancybox-close:hover {
    background: #000;
    box-shadow: unset
}

body .fancybox-close:after {
    content: '\f00d';
    font-weight: 400;
    color: #fff;
    font-family: fontawesome;
    line-height: 33px;
    font-size: 14px
}

.paylasClose {
    float: right;
}

.paylasClose:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-weight: 300;
    cursor: pointer;
}

.paylasImg {
    float: left;
    width: 100%;
    display: flex;
    gap: 3px;
    padding: 32px 24px 0;
    justify-content: center;
}

.paylasImg > div {
    float: left;
    width: 100%;
    display: none;
    max-width: 230px;
}

.paylasImg > div:first-child,.paylasImg > div:nth-child(2) {
    display: block;
}

body .btnnostok {
    display: flex!important;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    padding: 0;
    background: transparent;
    right: auto;
    line-height: normal!important;
    margin: 0;
    z-index: 9;
    transition: .5s;
}

body .btnnostok:before {
    content: '';
    height: 10px;
    position: static;
    width: 13px;
    transition: .5s;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/newnostock.svg) no-repeat center / contain;
    float: left;
    display: block!important;
}

body .btnnostok:after {
    display: none;
}

body .btnnostok:hover:before, body .btnnostok.selected:before {
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/newnostock.svg) no-repeat center / contain;
}

/*body .size_box.nostok:hover .btnnostok,body .size_box.nostok .btnnostok{display:flex!important;align-items:center;background-color:transparent!important;border-color:transparent!important;color:var(--main-color-hover);}*/
body .btnnostok.selected i {
    display: none!important;
}

body .size_box.nostok .btnnostok {
    pointer-events: none;
    background: transparent;
}

body .size_box.nostok:hover .btnnostok {
}

.detailStok span {
    position: absolute;
    top: calc(100% + 20px);
    background: #FFFFFD;
    padding: 16px;
    z-index: 9;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 8px;
    box-shadow: 0 3px 6px #00000029;
    left: -16px;
    color: var(--main-color);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    transform: translateY(-10px);
}

.detailStok:after {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 5px;
    color: #FF2743;
    line-height: 1;
}

.detailStok {
    line-height: 1;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    transition: .5s;
}

.detailStok span:before {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #e9e9e942;
    position: absolute;
    top: -12px;
    left: 11px;
}

.size_box:hover .detailStok span {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.selected .detailStok {
    bottom: -12px;
}

div#divOzelAlan3,div#divOzelAlan4 {
    display: none;
}

.detailPriceArea,.detailPriceAreaFixed {
    float: left;
    width: 100%;
    margin: 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.sPricOzelAlan3 {
    float: left;
    display: flex;
    gap: 8px;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--main-color-hover);
    align-items: center;
    padding: 6px 8px;
    border: 1px solid var(--main-color-hover);
}

span.sptPriceOzelAlan3 {
    font-weight: 700;
    font-size: 12px;
    line-height: 143%;
    letter-spacing: 1px;
}

.sPric {
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid var(--main-color-hover);
    padding: 6px 8px;
    color: var(--main-color-hover);
    display: flex;
    gap: 8px;
}

span.sptPrice {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.detailPriceArea:has(.sPric) .sPricOzelAlan3,.detailPriceAreaFixed:has(.sPric) .sPricOzelAlan3 {
    padding: 0;
    border: none;
}

.specialBtn {
    float: left;
    clear: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    font-family: Cormorant Garamond;
    font-weight: 400;
    font-style: Italic;
    font-size: 1.143rem;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    margin: 40px 0 0;
    transition: 1s;
    color: var(--main-color);
}

.specialBtn:hover span {
    color: var(--main-color-hover);
}

.specialBtn img {
    transition: .5s;
}

.specialBtn span {
    transition: 1s;
    line-height: 200%;
    white-space: nowrap;
}

body:has(div#divUrunKisiselNot.active) {
    overflow: hidden!important;
}

div#divUrunKisiselNot {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 68%;
    background: #fff;
    z-index: 1002;
    transition: 1s;
    max-width: 1000px;
    min-width: 1000px;
}

div#divUrunKisiselNot.active {
    right: 0;
}

.divUrunKisiselNotHeader {
    float: left;
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding: 0 20px!important;
    border-bottom: 1px solid var(--main-color);
}

.divUrunKisiselNotHeader span {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
}

.kisiselCloseBtn:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 20px;
    font-weight: 300;
    transition: .5s;
    cursor: pointer;
    float: left;
}

.kisiselCloseBtn:hover:after {
    transform: rotate(90deg);
}

.divUrunKisiselNotBanner {
    float: left;
    width: 30%!important;
    border-right: 1px solid var(--main-color);
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 80px);
    padding: 0!important;
    padding: 24px!important;
}

.divUrunKisiselNotBanner > div {
    float: left;
    width: 100%;
    pointer-events: none;
    margin: 0 0 24px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divUrunKisiselNotBanner > div:last-child {
    margin: 0;
}

.divUrunKisiselNotBanner::-webkit-scrollbar {
    width: 0;
    height: 0;
}

div#divUrunKisiselNot > div {
    float: left;
    width: 70%;
    padding: 20px;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    position: relative;
}

input#txtbxUrunKisiselNot {
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: #666562;
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    height: 44px;
    text-indent: 0;
    padding: 0;
}

body .dinamikFormContainer label {
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
}

body .dinamikFormContainer .textbox {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    padding: 0;
    margin: 0;
}

body .dinamikFormContainer fieldset {
    margin: 24px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

body .dinamikFormContainer fieldset label.imageboxRadio {
    width: calc(33.33% - 14px);
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 8px;
}

body .dinamikFormContainer label.imageboxRadio>input,body label.imageboxRadio>span.radioButtonText {
    position: static;
    visibility: visible;
    order: 2;
}

body .dinamikFormContainer fieldset label.imageboxRadio img {
    order: 1;
}

body .dinamikFormContainer label.imageboxRadio>input {
    width: 15px;
    height: 15px;
    min-width: 15px;
    margin: 0;
}

body label.imageboxRadio>span.radioButtonText {
    max-width: calc(100% - 23px);
    line-height: 15px;
    color: #666562;
    font-size: 13px;
    font-weight: 600;
}

body .dinamikFormContainer label.radioChecked>img {
    border: 1px solid var(--main-color-hover)!important;
}

body .dinamikFormContainer label.radioChecked .radioButtonText {
    color: var(--main-color);
}

body div#divUrunKisiselNot:has(div#divUrunDetayDinamikForm) > div {
    display: none;
}

body div#divUrunKisiselNot:has(div#divUrunDetayDinamikForm) > div.divUrunKisiselNotHeader {
    display: flex;
}

body div#divUrunKisiselNot:has(div#divUrunDetayDinamikForm) > div.divUrunKisiselNotBanner {
    display: block;
}

.divUrunKisiselNotBanner img {
    min-width: 100%;
}

body div#divUrunKisiselNot:has(div#divUrunDetayDinamikForm) > div#divUrunDetayDinamikForm {
    display: block;
}

body .dinamikFormOnbilgi {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 1px;
    margin: 20px 0 0;
}

body .kisisellestirmePrice {
    float: left;
    clear: left;
    margin: 30px 0;
    padding: 0 8px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    border: 1px solid var(--main-color);
    align-items: center;
    font-family: Lato;
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    vertical-align: middle;
    text-transform: uppercase;
    color: var(--main-color-hover);
    min-height: 32px;
}

body .kisisellestirmePrice span {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
}

body .divDFElementContent_radio {
    margin: 60px 0 0;
}

body .btnAlan.ng-hide {
    display: block !important;
    position: sticky;
    bottom: 0;
    margin-top: 60px;
    padding: 24px 0;
    background: #fff;
}

body div#divUrunDetayDinamikForm {
    height: calc(100% - 80px);
    overflow: auto;
    padding-bottom: 0;
    display: none;
}

body div#divUrunDetayDinamikForm::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .dinamikFormContainer button {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 44px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0;
    transition: .5s;
    background: var(--main-color);
    font-family: var(--main-font-family);
}

body .dinamikFormContainer button:hover {
    background: var(--main-color-hover);
}

div#divOzelAlan1,div#divOzelAlan2 {
    float: left;
    clear: left;
    margin: 10px 0 0;
    display: none;
}

div#divOzelAlan2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #308159;
    cursor: pointer;
}

div#divOzelAlan2 img {
    min-width: 75px;
}

div#divOzelAlan2 span {
    transition: 1s;
    line-height: 20px;
    border-bottom: 1px solid;
}

div#divOzelAlan2:hover span {
    color: #308159;
}

.detailProductEx {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    z-index: 9;
}

.detailProductEx > div {
    display: flex!important;
}

.detailFixedArea.urunOzellik {
    display: block;
}

.urunOzellik {
    display: none;
}

.urunOzellikTab {
    margin: 0;
    display: block;
    float: left;
    width: 100%;
}

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

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

.urunOzellikTab .urunTab >ul >li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F7F7F5;
}

.urunOzellikTab .urunTab >ul >li > a {
    color: #313335;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 46px;
    float: left;
    width: 100%;
    padding: 0;
    font-weight: bold;
    position: relative;
    transition: .5s;
}

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

.urunOzellikTab .urunTab >ul >li .urunDetayPanel {
    display: none!important;
}

.urunOzellikTab .urunTab >ul >li[onofftip="true"] >a {
    color: #222222;
    background: transparent;
}

.urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:hover {
    color: var(--main-color-hover);
}

.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: 15px;
    color: #666562;
}

.urunOzellikTab .urunTab >ul >li > a:hover:after {
    color: var(--main-color-hover);
}

.detailFixedArea {
    z-index: 10002;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    background: #fff;
    width: 68%;
    transition: 1s;
    min-width: 1000px;
    max-width: 1000px;
}

.detailFixedArea.active {
    right: 0;
}

.detailFixedArea .urunOzellikTab .urunTab >ul >li > a {
    display: block!important;
}

.detailFixedArea .urunOzellikTab .urunTab >ul {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--main-color);
    padding-right: 40px;
}

.detailFixedArea .urunOzellikTab .urunTab >ul > li {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
}

.detailFixedArea .urunOzellikTab .urunTab >ul > li > a {
    display: flex!important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #666562;
    height: auto;
    line-height: normal;
    width: auto;
    position: relative;
}

.detailFixedArea .urunOzellikTab .urunTab >ul > li > a:After {
    display: none;
}

.detailFixedArea .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a {
    color: #1D1F20;
}

.detailFixedArea .urunOzellikTab .urunTab >ul > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    width: 0;
    background: var(--main-color);
    transition: .5s;
}

.detailFixedArea .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:before {
    width: 100%;
}

.detailFixedArea .urunOzellikTab .urunTab >ul > li > a:hover {
    background: transparent;
    padding: 0;
    color: var(--main-color);
}

.detailFixedArea .urunDetayPanel {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    height: calc(100% - 76px);
    overflow-x: hidden;
    overflow-y: auto;
}

.detailFixedArea .urunOzellikTab .urunTab >ul >li .urunDetayPanel {
    display: none!important;
}

.detailFixedArea .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel {
    display: block!important;
}

.detailFixedArea .urunDetayPanel::-webkit-scrollbar {
    width: 0!important;
    height: 0!important;
}

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

.ozellikLeft,.ozellikLeftSabit {
    width: 30%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid var(--main-color);
    padding: 24px;
    float: left;
    font-size: 0;
}

.urunTabAlt {
    padding: 30px;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.ozellikRight {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.ozellikRight span:has(img) {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.ozellikRight b {
    font-weight: 700;
}

.ozellikLeft img,.ozellikLeftSabit img {
    visibility: hidden;
    opacity: 0;
    transition: 1s;
    transform: translateY(20px);
    min-width: 100%;
}

.ozellikLeft img.loaded,.ozellikLeftSabit img.loaded {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.ozellikLeft::-webkit-scrollbar, .ozellikRight::-webkit-scrollbar, .ozellikLeftSabit::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body div.odemeSecenekItem {
    display: none;
}

body #divTaksitContainer {
    margin: 0;
}

body .taksitMain {
    float: left;
    width: 100%;
}

body .taksitWrapper {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
}

body .urunOzellikTab .taksitWrapper .taksitBlock {
    width: 50%;
    padding: 20px;
}

body .urunOzellikTab .taksitWrapper .taksitBlock:nth-child(4n+2), body .urunOzellikTab .taksitWrapper .taksitBlock:nth-child(4n+1) {
    background-color: #F7F7F5;
}

body .urunOzellikTab .taksitWrapper .taksitBlock:nth-child(odd) {
    border-right: 1px solid #fff;
}

body .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent {
}

body .taksitWrapper .taksitBlock .taksitLogo {
    margin: 0 0 20px;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

body .taksitWrapper .taksitBlock .taksitBlockContent thead tr {
    background: transparent;
    color: var(--main-color);
}

body .taksitWrapper .taksitBlock .taksitBlockContent table thead {
    display: none;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr {
    line-height: normal;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    transition: 1s;
    color: var(--main-color);
    background-color: transparent;
    padding: 10px 0;
}

body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitAdet {
    text-align: left;
    width: 20%;
    min-width: 13%;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    background-color: transparent;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tbody tr:nth-child(even) {
    background: transparent;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr:last-child {
    margin: 0;
    border: none;
    padding-bottom: 0;
}

body .taksitWrapper .taksitBlock .taksitBlockContent tr td {
    padding: 0;
    text-align: left;
}

body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitTutar {
    font-size: 1rem;
    font-weight: 700;
    width: 40%;
    min-width: 40%;
    text-align: right;
    padding-right: 10px;
}

body .taksitWrapper .taksitBlock .taksitBlockContent tr td.TaksitToplamTutar {
    font-size: 1rem;
    font-weight: 700;
    width: 40%;
    min-width: 40%;
    text-align: right;
    padding-right: 10px;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tbody tr:hover {
    color: var(--main-color-hover);
    background-color: transparent;
}

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

body .urunOzellikTab .taksitWrapper .taksitBlock:last-child > div,body .urunOzellikTab .taksitWrapper .taksitBlock:nth-last-child(2) > div {
    border: none;
    padding: 0;
}

.detailFixedAreaCloseBtn {
    position: absolute;
    right: 30px;
    cursor: pointer;
    top: 27px;
    z-index: 9;
}

.detailFixedAreaCloseBtn:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 300;
    transition: .5s;
    color: var(--main-color);
    float: left;
}

.detailFixedAreaCloseBtn:hover:after {
    transform: rotate(90deg);
    color: var(--main-color-hover);
}

body .urunOzellikTab .taksitWrapper .taksitBlock:nth-child(even) {
    padding-left: 30px;
}

div#divMagazaStok {
    width: 100%;
    margin: 40px 0 0;
}

div#divMagazaStok a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-color);
    height: 44px;
    transition: .5s;
    font-weight: 600;
    font-size: 11px;
    line-height: 200%;
    text-transform: uppercase;
    color: var(--main-color);
    gap: 15px;
}

div#divMagazaStok a:before {
    content: '';
    width: 11px;
    height: 14px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/udmagaza.svg) no-repeat center / contain;
    transition: .5s;
}

div#divMagazaStok a:hover {
    background: var(--main-color);
    color: #fff;
}

div#divMagazaStok a:hover:before {
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/udmagazah.svg) no-repeat center / contain;
}

.detailBreadLink {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 40px;
}

.detailBreadLink li:first-child,.detailBreadLink li:last-child {
    display: none;
}

.detailBreadLink li {
    font-size: 0;
}

.detailBreadLink li a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--main-color-hover);
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

.detailBreadLink li a span {
    border-bottom: 1px solid;
    transition: 1s;
}

.detailBreadLink li a:hover span {
    color: var(--main-color);
}

.detailBreadLink li a:before {
    content: '';
    width: 11px;
    height: 11px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/udbread.svg) no-repeat center / contain;
    filter: grayscale(4);
}

#BenzerUrunDiv .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.ulUrunSlider.owl-carousel .owl-nav {
  /*  bottom: -66px!important;*/
    right: 0!important;
}

.productBlock .owl-carousel .owl-nav {
    bottom: 35px;
    right: 0;
}

.ulUrunSlider.owl-carousel .owl-dots, .productBlock .owl-carousel .owl-dots {
    margin: 50px 0!important;
}

.JKatAdi .bold .satir1 small {
    display: block;
    font-family: var(--main-font-family);
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-style: normal;
}

.IP-Img {
    width: 45%;
    ;overflow: hidden;
}

.productBlock > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    overflow: hidden;
}

.productBlock > ul > li {
    min-width: 100%;
    overflow: hidden;
}

.IP-Product {
    width: 55%;
    padding-left: 80px;
}

.ImageProductsDetail {
    display: flex;
}

.IP-Img img {
    width: 100%;
    object-fit: cover;
    transition: 1s;
    transition-delay: 1s;
}

.IP-Img img.loaded {
}

.active .IP-Img img.loaded {
    transform: scale(1);
}

.IP-Img a {
    transition: 1s;
    padding: 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
    display: flex;
    align-items: center;
    float: left;
    margin: 20px 0 0;
    gap: 12px;
}

.IP-Img a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 500;
    font-size: 12px;
}

.IP-Img a:hover {
    background: var(--main-color-hover);
    color: #fff;
    padding: 0 15px;
    gap: 6px;
}

.IP-Product .productItem .productImage a {
    padding-bottom: 100%;
}

.homeSliderBannerContainer .jCarouselLite > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.homeSliderBannerContainer .jCarouselLite > ul > li {
    width: calc(50% - 12px);
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div {
    display: none;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productImage {
    display: block;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail {
    display: block;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div {
    display: none;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName {
    display: block;
    text-align: left;
    margin: 8px 0 0;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
    float: left;
    clear: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1px;
    transition: 1s;
    width: auto;
    height: auto;
}

.homeSliderBannerContainer .jCarouselLite > ul > li .productItem:hover > div.productDetail > div.productName a {
    color: var(--main-color-hover);
}

div#aksesuarlarContent ul.ulUrunSlider {
    float: left;
    width: 100%;
    display: flex;
    gap: 40px 24px;
    flex-wrap: wrap;
}

div#aksesuarlarContent ul.ulUrunSlider > li {
    width: calc(20% - 20px);
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem {
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div {
    display: none;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productImage {
    display: block;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productImage a {
    padding-bottom: 100%;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail {
    display: block;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div {
    display: none;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName {
    display: block;
    margin: 8px 0 0;
    text-align: left;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productPrice {
    display: flex;
    float: left;
    clear: left;
    align-items: center;
    margin: 8px 0 0;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName a {
    float: left;
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1px;
    transition: 1s;
    white-space: nowrap;
    max-width: 100%;
}

div#aksesuarlarContent ul.ulUrunSlider > li .productItem:hover > div.productDetail > div.productName a {
    color: var(--main-color-hover);
}

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

.categoryLinks,body .subDivisionContainer ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    background: var(--main-color);
    padding: 2px 24px 5px;
    gap: 20px;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    transition: 1s;
}

.categoryLinks a,body .subDivisionContainer a {
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    transition: .5s;
}

.categoryLinks a:hover,body .subDivisionContainer a:hover {
    text-decoration: underline;
}

.categoryLinks a.active,body .subDivisionContainer a.active {
    color: #FFDDE1;
    text-decoration: underline;
}

.categoryLinks a.active:hover,body .subDivisionContainer a.active:hover {
    text-decoration: none;
}

.kategoriBaslik {
    float: left;
    width: 100%;
    margin: 12px 0 0;
    padding: 0 24px;
    transition: 1s;
    overflow: hidden;
    height: 30px;
    display: none;
}

/*body.scrolled .kategoriBaslik{height: 0;margin: 0;}*/
.kategoriBaslik h1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: var(--main-color);
}

.categoryLinks.white,body:has(.white) .subDivisionContainer ul {
    background: #fff;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.categoryLinks.white a,body:has(.white) .subDivisionContainer ul a {
    color: var(--main-color);
}

.categoryLinks::-webkit-scrollbar,body .subDivisionContainer ul::-webkit-scrollbar {
    width: 0;
    height: 5px;
}

.categoryLinks::-webkit-scrollbar-track,body .subDivisionContainer ul::-webkit-scrollbar-track {
    background: #e9e9e9;
}

.categoryLinks::-webkit-scrollbar-thumb,body .subDivisionContainer ul::-webkit-scrollbar-thumb {
    background: var(--main-color);
}

body:has(.categoryContainer) .categoryTitleText {
    padding-bottom: 0;
}

body .subDivisionDiv {
    margin: 20px 0 0;
}

.discountIcon {
    display: none;
}

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

.KatSepetFiyatOzelAlan3 {
    float: left;
    margin: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--main-color-hover);
    /*padding: 0 8px;border: 1px solid var(--main-color-hover);*/
}

.KatSepetFiyat {
    float: left;
    margin: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid var(--main-color-hover);
    display: flex;
    align-items: center;
    padding: 0 8px;
    gap: 6px;
    color: var(--main-color-hover);
}

.productIconEx {
    position: absolute;
    left: 10px;
    top: 10px;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    display: flex;
}

.productIconEx > div {
    display: block;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 10px;
    line-height: 110.00000000000001%;
    color: #308159;
}

/*.productItem:has(.KatSepetFiyat) .KatSepetFiyatOzelAlan3{padding:0;border:none;}*/
/*body:has(.categoryContainer) #headerNew{top:auto;}
body:has(.categoryContainer) #headerNew.fixed{top:auto;}*/
.productDetail > .mycartIcon {
    display: none;
}

.mycartIcon {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    transition: .5s;
    transform: translateY(20px);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
}

.mycartIcon a {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    gap: 12px;
    justify-content: center;
    backdrop-filter: blur(40px);
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: #FFFFFD1A;
    font-weight: 600;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
    transition: .5s;
}

.mycartIcon a:hover {
    background: var(--main-color-hover);
    color: #fff;
}

.mycartIcon a:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://static.ticimax.cloud/72015/Uploads/editorUploads/images/ucbag.svg) no-repeat center / contain;
    transition: .5s;
}

.mycartIcon a:hover:before {
    background-image: url(https://static.ticimax.cloud/72015/Uploads/editorUploads/images/ucbagh.svg);
}

.productItem:hover .mycartIcon {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.boxUrunlerContent {
    float: left;
    width: 100%;
    margin: 6px 0 0;
}

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

.boxUrunlerContainer > div {
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    transition: .5s;
    padding: 2px;
    border-radius: 50%;
}

.boxUrunlerContainer > div img {
    border-radius: 50%;
    border: 1px solid #DFDEDA;
}

.boxUrunlerContainer > div:hover,.boxUrunlerContainer > div.active {
    border-color: #666562!important;
}

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

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

.categoryDeleteFilters {
    float: left;
    width: 100%;
    border-top: 1px solid var(--main-color);
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: 121px;
    overflow: auto;
    align-items: center;
}

.categoryDeleteFilters li.FiltrelemeKaldir {
    display: none!important;
}

.categoryDeleteFilters li {
    margin: 0;
    border: 1px solid var(--main-color);
    border-radius: 20px;
    padding: 0 12px;
    transition: 1s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 12px;
    height: 22px;
}

.categoryDeleteFilters .appliedFilter .filter-content {
    display: flex;
}

.categoryDeleteFilters .appliedFilter .filter-content span {
    line-height: 1;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    transition: 1s;
}

.categoryDeleteFilters .appliedFilter a {
    padding: 0;
    border: none;
    font-size: 0;
    display: block;
    line-height: 1;
}

.categoryDeleteFilters .appliedFilter a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 14px;
    color: var(--main-color);
    font-weight: 300;
    transition: 1s;
}

.categoryDeleteFilters .appliedFilter a i {
    line-height: 1;
}

.categoryDeleteFilters li:hover {
    border-color: var(--main-color-hover);
}

.categoryDeleteFilters li:hover .filter-content span {
    color: var(--main-color-hover);
}

.categoryDeleteFilters .appliedFilter:hover a:after {
    color: var(--main-color-hover);
}

body:has(.categoryContainer) form:has(.dropactive) .categoryTitle,body:has(.categoryContainer) form:has(.open) .categoryTitle {
    z-index: 1;
}

body .category-vertical-filters.top-filters:has(.categoryDeleteFilters) .list-group.dropdown {
    max-height: calc(100% - 298px);
}

.bedenTabloHtml {
    z-index: 1002;
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 68%;
    transition: 1s;
    min-width: 1000px;
    max-width: 1000px;
}

.bedenTabloHtml.active {
    right: 0;
}

.bedenTabloHead {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    height: 80px;
    align-items: center;
    border-bottom: 1px solid var(--main-color);
}

.bedenTabloHead span {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
}

.bedenTabloCloseBtn {
    cursor: pointer;
}

.bedenTabloCloseBtn:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 300;
    transition: 1s;
    color: var(--main-color);
    float: left;
}

.bedenTabloCloseBtn:hover:after {
    transform: rotate(90deg);
}

.bedenWrapper {
    float: left;
    width: 100%;
    height: calc(100% - 80px);
    overflow: hidden;
    position: relative;
}

.bedenWrapper ul {
    margin: 0;
    list-style: none;
    padding: 24px;
    width: 30%;
    height: 100%;
    border-right: 1px solid var(--main-color);
    overflow-x: hidden;
    overflow-y: auto;
}

.bedenItem {
    position: absolute;
    left: 30%;
    top: 0;
    bottom: 0;
    max-height: calc(100% - 32px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px 24px 0;
    color: var(--main-color);
    display: none;
}

.bedenItem::-webkit-scrollbar {
    width: 0;
    height: 0;
}

li.active .bedenItem {
    display: block;
}

.bedenWrapper ul::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bedenWrapper ul li {
    float: left;
    width: 100%;
    margin: 0 0 18px;
}

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

.bedenWrapper ul li > span {
    font-family: Lato;
    font-weight: 400;
    font-size: 1rem;
    line-height: 40px;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: 1s;
    cursor: pointer;
}

.bedenWrapper ul li > span:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 12px;
}

.bedenWrapper ul li > span:hover,.bedenWrapper ul li.active > span {
    color: var(--main-color-hover);
}

.bedenItemTitle {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    margin: 0 0 20px;
    float: left;
    width: 75%;
}

.bedenItemText {
    font-weight: 400;
    font-size: 1rem;
    line-height: 143%;
    letter-spacing: 1px;
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.bedenImg {
    margin: 60px 0;
    width: 25%;
    float: left;
    padding-right: 15px;
}

.bedenTablo {
    float: left;
    width: 75%;
}

.bedenTablo table {
    width: 100%;
    border-spacing: 0;
    color: var(--main-color);
}

.bedenTablo table tr th,.bedenTablo table tr td {
    padding: 20px 0;
    border-bottom: 1px solid #F7F7F5;
    width: 16.667%;
}

.bedenTablo table tr th {
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bedenTablo table tr td {
    font-weight: 400;
    font-size: 1rem;
    line-height: 143%;
    letter-spacing: 1px;
}

.bedenTablo table tr td:first-child {
    font-weight: bold;
}

.homePageBannerBlock.category .bannerTitle {
    padding: 0 24px 12px;
}

.homePageBannerBlock.category {
    margin: 20px 0 40px;
}

input.Addtobasket.button.btnAddBasketOnDetail.passive {
    display: none!important;
}

a.customBtnGelinceHaberVer.Addtobasket.button {
    width: 100%;
    float: left;
    transition: 1s;
    padding: 0;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    letter-spacing: 1.5px;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #666562;
}

a.customBtnGelinceHaberVer.Addtobasket.button:hover {
    background: var(--main-color-hover);
}

span.size_box.nostok.active .btnnostok {
    top: calc(100% + 5px);
}

a.customBtnGelinceHaberVer.Addtobasket.button.selected {
    font-size: 0;
}

a.customBtnGelinceHaberVer.Addtobasket.button:after {
    content: 'Gelince Haber Ver İptal';
    font-size: 0;
    transition: 1s;
}

a.customBtnGelinceHaberVer.Addtobasket.button.selected:after {
    font-size: 1rem;
}

.detailRenkName {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    margin: 0;
    color: #666562;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: -1px;
}

.detailRenkName:first-letter {
    text-transform: uppercase;
}

.homePageBannerBlock.category.sec {
}

.homePageBannerBlock.category.sec ul {
    gap: 2px;
    padding: 0 24px;
}

.homePageBannerBlock.category.sec ul li img {
    width: auto;
    height: auto;
    transform: scale(1);
}

.homePageBannerBlock.category.sec ul li {
    background: #F7F7F5;
    display: flex;
    align-items: end;
}

.homePageBannerBlock.category.sec .bannerDetail {
    left: auto;
    padding: 16px 100px;
    color: var(--main-color);
}

.homePageBannerBlock.category.sec .bannerDetail a {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 200%;
    letter-spacing: 1px;
    text-align: center;
    border: none;
}

.homePageBannerBlock.category.sec .bannerDetail a:hover {
    background: transparent;
    color: var(--main-color-hover);
    padding: 0;
}

.homePageBannerBlock.category.sec ul li:hover img {
    transform: scale(1.2);
    transition-delay: 0s;
}

.SoruSorbtnContent {
    float: left;
    width: 100%;
    margin: 8px 0 0;
}

.SoruSorbtnContent a {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 44px;
    gap: 16px;
    font-weight: 600;
    font-size: 11px;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: transparent;
    color: var(--main-color);
    transition: 1s;
}

.SoruSorbtnContent a .boxIcon {
    display: none;
}

.SoruSorbtnContent a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 10px;
}

.SoruSorbtnContent a:hover {
    color: var(--main-color-hover);
    background-color: #fff;
}

body .ebultenPopupSection .content-heading {
    padding: 0;
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 24px;
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--main-color);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 1px;
}

body .ebultenPopupSection .content-body {
    padding: 24px;
    float: left;
    width: 100%;
    text-align: left;
    height: calc(100% - 80px);
}

body .ebultenPopupSection .content-body .input-text-area {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body .modal-content-html {
    float: left;
    width: 100%;
    height: 100%;
}

body #saticiyaSoruSor .modal-content {
    padding: 0;
    position: fixed;
    right: -100%;
    transition: 1s;
    top: 0;
    bottom: 0;
    width: 68%!important;
    border: none;
    min-width: 1000px;
    max-width: 1000px;
}

body #saticiyaSoruSor .modal-content.active {
    right: 0;
}

body #saticiyaSoruSor.ticimaxModal .modal-close {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    transition: 1s;
    color: var(--main-color);
}

body #saticiyaSoruSor.ticimaxModal .modal-close:hover {
    transform: rotate(180deg);
}

body .ebultenPopupSection .content-heading h1 {
    font-size: 1.143rem;
    font-weight: 700;
}

body .yorumBaslik {
    margin: 0 0 10px;
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
}

body .degerInput .textbox {
    border: 1px solid #CCCBC8;
    padding: 12px;
    min-height: 100px;
}

body .degerInput {
    margin: 0 0 28px;
}

body .yorumMusteriAdCheck input,.ebultenPopupSection .userSozlesmeDiv input {
    margin: 0!important;
    width: 15px;
    height: 15px;
    min-width: 15px;
}

body .yorumMusteriAdCheck > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
}

body .ebultenPopupSection .userSozlesmeDiv {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0!important;
    float: left;
    clear: both;
    flex-wrap: wrap;
}

body .ebultenPopupSection .userSozlesmeDiv label {
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #313335;
}

body .ebultenPopupSection .userSozlesmeDiv a {
    font-size: 12px;
    text-decoration: none;
    line-height: 22px;
    transition: 1s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    color: #313335;
    text-decoration: underline;
    font-weight: 400;
}

body .ebultenPopupSection .userSozlesmeDiv a:hover {
    color: var(--main-color-hover)!important;
}

body .ebultenPopupSection .send-button {
    float: left;
    width: 100%;
    margin: auto 0 0 0;
}

body .ebultenPopupSection .send-button input {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: 1s;
    background: var(--main-color);
}

body .ebultenPopupSection .send-button input:hover {
    background: var(--main-color-hover);
}

body .ebultenPopupSection {
    width: 100%;
    float: left;
    height: 100%;
}

.yorumDescriptionLabel {
    display: none;
}

textarea#txtbxYorumMesaj {
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    color: #666562;
}

body .ebultenPopupSection:has(.ozellikLeft) .content-body {
    width: 70%;
}

.yorumMusteriAdCheck {
    display: none;
}

body .ebultenPopupSection input#chkSozlesme {
    display: none!important;
}

body .ebultenPopupSection .userSozlesmeDiv:before {
    content: "Değerli Ziyaretçimiz,bu alanı doldurarak paylaşacağınız kişisel verilerinizin,6698 Kişisel Verilerin Korunması Kanunu (“KVK Kanunu”) veri işleme usul ve esaslarına uygun olarak ilgili hizmetten yararlanmanız ve bilgi toplumu hizmetleri kapsamında şirketimizin,gizlilik ve güvenlik politikaları çerçevesinde Desa Aydınlatma Metni'nde yer alan değerler ile sınırlı ve ölçülü olmak kaydı ile açık rızanıza dayanarak işlenebileceğini,aktarabileceğini ve “Gönder” butonuna basarak kişisel verilerinizin belirtilen kapsamda işlenmesine izin vermiş olacağınızı hatırlatmak isteriz.Kişisel verilerinizin işlenmesine ilişkin detaylı bilgi için lütfen Desa KVKK Aydınlatma Metni’ni inceleyebilirsiniz.";
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #313335;
}

.header-dil-content {
    display: none!important;
}

.footerLang .header-dil-content {
    display: flex!important;
}

.footerLang > span {
    display: none;
}

body .footerLang .header-dil-content #lang_flag_container #langHover {
    display: none!important;
}

body .footerLang .header-dil-content #lang_flag_container #lang-detail {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    position: static;
    float: left;
    background: transparent;
    box-shadow: none;
    border: none;
    display: flex!important;
    flex-direction: column;
    gap: 8px;
}

body .footerLang .header-dil-content #lang_flag_container #lang-detail .language, body .footerLang .header-dil-content #lang_flag_container #lang-detail .currency {
    padding: 0;
    flex-direction: row;
    gap: 24px;
}

body .footerLang .header-dil-content #lang_flag_container #lang-detail .language > p, body .footerLang .header-dil-content #lang_flag_container #lang-detail .currency > p {
    display: none;
}

body .footerLang #lang-detail .language .lang-detail-div, body .footerLang #lang-detail .currency .lang-detail-div {
    padding: 0;
    background: transparent;
    width: auto;
    float: left;
    color: var(--main-color);
    opacity: 1;
    transition: 1s;
    line-height: 22px;
    height: auto;
    min-width: auto;
    margin: 0;
}

body .footerLang #lang-detail .language .lang-detail-div.active, body .footerLang #lang-detail .currency .lang-detail-div.active {
    color: var(--main-color-hover);
}

body .footerLang #lang-detail .language .lang-detail-div:hover, body .footerLang #lang-detail .currency .lang-detail-div:hover {
    color: var(--main-color-hover);
}

body .footerLang #lang-detail .currency .lang-detail-div i {
    display: none;
}

.categoryContainer .ProductList.PlSc_4 .ItemOrj:has(.isBanner) {
    display: none;
}

.categoryContainer .ProductList.PlSc_4 .ItemOrj:has(.isBanner)+.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:has(.isBanner), .categoryContainer .ProductList.PlSc_3 .ItemOrj:has(.isBanner)+.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 .productItem.isBanner .productImage img {
    position: absolute;
    visibility: visible;
    opacity: 1;
    transform: scale(1.2)!important;
    height: 100%;
    object-fit: cover;
}

body .productItem.isBanner .productImage img.loaded {
    transform: scale(1)!important;
}

body .productItem.isBanner .productImage a {
    padding-bottom: 0%;
    height: 100%;
}

body .productItem.isBanner .productImage {
    overflow: visible;
    height: 100%;
}

.productItem.isBanner {
    overflow: hidden;
    height: 100%;
}

body:has(.homePageBannerBlock.category.sec) .kategoriBaslik h1 {
    font-weight: 400;
    font-size: 1.429rem;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: var(--main-font-family);
}

.kampanyaBlock {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 24px;
}

.kampanyaTitle {
    float: left;
    width: 100%;
    margin: 0 0 60px;
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-size: 4.571rem;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: var(--main-color);
}

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

.kampanyaWrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;
}

.kampanyaWrapper ul li {
    width: calc(50% - 20px);
}

.kampanyaItem {
    float: left;
    width: 100%;
    display: flex;
    gap: 12px;
}

.kampanyaItem > div {
    flex: 1;
}

.kampanyaRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    aspect-ratio: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.kampanyaRight::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kampanyaDetail {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
}

.kampanyaDetail small {
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--main-color-hover);
}

.kampanyaDetail span {
    font-weight: 400;
    font-size: 1.429rem;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.kampanyaDetail p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 143%;
    letter-spacing: 1px;
}

.kampanyaBtn {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kampanyaBtn > a {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: 1s;
    height: 44px;
    background: var(--main-color);
    border: 1px solid var(--main-color);
    align-items: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
}

.kampanyaBtn > a:hover {
    background: var(--main-color-hover);
}

.kampanyaBtn > a.kampanyaProduct {
    background: #fff;
    color: var(--main-color);
}

.kampanyaBtn > a.kampanyaProduct:hover {
    background: var(--main-color);
    color: #fff;
}

.kampanyaLeft {
    aspect-ratio: 1;
    overflow: hidden;
}

.kampanyaLeft img {
    transition: 1s;
    transition-duration: 1s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.kampanyaDetayBlock {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 24px;
    display: flex;
}

.kampanyaDetayRight {
    width: 60%;
    padding: 0 0 0 24px;
    aspect-ratio: 5/3;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
}

.kampanyaDetayLeft {
    width: 40%;
    aspect-ratio: 1;
    overflow: hidden;
}

.kampanyaDetayLeft img {
    transition: 1s;
    transition-duration: 1s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.kampanyaDetayRight::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kampanyaDetayRight small {
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--main-color-hover);
}

.kampanyaDetayRight span {
    font-weight: 400;
    font-size: 1.429rem;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: var(--main-color);
}

.kampanyaDetayRight ul {
    padding: 0 0 0 15px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kampanyaDetayRight ul li {
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
}

/*.sliderBannerContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}*/

body section:has(.sliderBannerContainer) {
    overflow: hidden;
}

.Block_Link {
    position: absolute;
    top: 0;
    right: 33px;
    top: 50px;
}

.Block_Link a {
    font-family: Lato;
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0 24px;
    transition: 1s;
    background: var(--main-color);
    color: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Block_Link a:hover {
    background: var(--main-color-hover);
    padding: 0 32px;
}

body #inStockModal>.modal-content {
    padding: 0;
    position: relative;
}

body #inStockModal span.modal-close {
    display: flex;
    height: 80px;
    align-items: center;
    padding: 0 24px;
    position: absolute;
    right: 0;
}

body #inStockModal #stoktakiMagazalar h2 {
    margin: 0;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-family: Lato;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--main-color);
}

body #inStockModal #stoktakiMagazalar .searchLine {
    margin: 0;
    padding: 24px;
    float: left;
    width: 100%;
}

body #inStockModal #stoktakiMagazalar .searchLine h3 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 130%;
    letter-spacing: 1px;
}

body #inStockModal #stoktakiMagazalar .searchLine>select {
    height: 44px;
    padding: 0 16px 0 32px;
    text-align: left;
    text-indent: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    appearance: none;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/siralaicon.svg) no-repeat left 16px top 50%;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: 1s;
}

body #inStockModal #stoktakiMagazalar .searchLine>select:hover {
    border-color: var(--main-color-hover);
    color: var(--main-color-hover);
    padding: 0 24px 0 40px;
    background-position: left 24px top 50%;
}

body div#stockFilterMaps {
    float: left;
    width: 100%;
    padding: 24px;
}

.landingTitle {
    float: left;
    width: 100%;
    padding: 12px 24px;
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-size: 4.571rem;
    line-height: 112.99999999999999%;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: var(--main-color);
}

.landingPage {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 50%;
}

.landingPage video {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.homePageDesa.landing {
    margin: 0;
}

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

.landingBannerBlock img {
    transition: 1s;
    transition-delay: 1s;
    width: 100%;
    object-fit: cover;
}

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

.landingBannerDetail {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    flex-direction: column;
    gap: 8px;
    color: var(--main-color);
    transition: 1s;
    transition-duration: 1s;
    visibility: hidden;
    opacity: 0;
    transform: scale(.5);
}

.landingBannerDetail small {
    font-weight: 600;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}

.landingBannerDetail span {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 3.857rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
}

.landingBannerDetail a {
    padding: 0 24px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 32px 0 0;
}

.landingBannerDetail a:hover {
    padding: 0 32px;
    background: var(--main-color-hover);
}

.landingBannerBlock:has(img.loaded) .landingBannerDetail {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

[class*="t-list-"] .ProductListContent {
    padding: 0 24px;
}

.ImageProducts.LandingImageProducts1 .ImageProductsDetail {
    gap: 24px;
    padding: 24px;
}

.ImageProducts.LandingImageProducts1 .ImageProductsDetail .IP-Product {
    padding: 0;
    width: calc(50% - 12px);
    flex: 1;
}

.ImageProducts.LandingImageProducts1 .ImageProductsDetail .IP-Img {
    width: calc(50% - 12px);
    flex: 1;
}

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

.ImageProducts.LandingImageProducts1 .IP-Img img.loaded {
    transform: scale(1);
}

.ImageProducts.LandingImageProducts1 .IP-Img img {
    height: 100%;
}

.ImageProducts.LandingImageProducts1 {
    margin: 40px 0 0;
}

.landingBannerBlock.white .landingBannerDetail * {
    max-width: 500px;
}

.landingBannerBlock.white .landingBannerDetail {
    color: #fff;
}

.landingBannerBlock.white .landingBannerDetail a {
    background: #fff;
    color: var(--main-color);
}

.landingBannerBlock.white .landingBannerDetail a:hover {
    background: var(--main-color);
    color: #fff;
}

section.landing-block:has(.homePageDesa.hf) {
    padding-left: 24px;
    padding-right: 24px;
}

.hpcWrapper.hf {
    display: block;
    padding: 60px 70px;
}

.homePageTextBanner.hf {
    background: transparent;
    gap: 24px;
}

.homePageTextBanner.hf .hptbRight {
    background: #F7F7F5;
}

.homePageTextBanner.center .hptbRight {
    justify-content: center;
}

.homePageTextBanner.hf.center .hptbRight * {
    max-width: 530px;
}

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

.HfhomeSliderBannerContainer ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.HfhomeSliderBannerContainer ul > li {
    width: calc(50% - 12px);
}

body .HfhomeSliderBannerContainer .productItem .productImage img {
    visibility: visible;
    opacity: 1;
    width: auto!important;
}

body .HfhomeSliderBannerContainer .productItem .productImage img.loaded {
    width: 100%!important;
}

.homePageDesa.hf {
    padding: 80px 20px;
}

body div#urunFavoriV2.ticimaxModal .modal-content {
    padding: 0;
    position: relative;
}

body .favoriTitle {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--main-color);
    margin: 0!important;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
}

body div#urunFavoriV2.ticimaxModal .modal-close {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0!important;
    transition: 1s;
}

body .detayFavoriListesiContent > div {
    float: left;
    width: 100%;
    padding: 24px;
}

body .detayFavoriListItem button:hover {
    padding: 0 24px;
}

body .detayFavoriListItem button {
    transition: 1s;
}

body .detayFavoriListesiContent > div#divGrupOlusturContent {
    padding: 0 24px 24px;
}

body .divGrupOlusturContentBottom button {
    transition: 1s;
}

.productDetail > .quickViewIco {
    display: block;
}

body .quickViewIco {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    transition: .5s;
    transform: translateY(20px);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    top: auto;
}

body .productItem:hover .quickViewIco {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

body .quickViewIco a {
    float: left;
    width: 100%;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    gap: 12px;
    justify-content: center;
    backdrop-filter: blur(40px);
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: #FFFFFD1A;
    font-weight: 600;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
    transition: .5s;
    padding: 0;
}

body .quickViewIco a:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://static.ticimax.cloud/72015/Uploads/editorUploads/images/ucbag.svg) no-repeat center / contain;
    transition: .5s;
}

body .quickViewIco a:hover:before {
    background-image: url(https://static.ticimax.cloud/72015/Uploads/editorUploads/images/ucbagh.svg);
}

body .quickViewIco a:hover {
    background: var(--main-color-hover);
    color: #fff;
}

.fancybox-wrap:has(#hizliBakis) {
    top: 0!important;
    left: auto!important;
    right: -100%!important;
    bottom: 0!important;
    width: 800px!important;
    transition: 1s;
}

.fancybox-wrap.fancybox-opened:has(#hizliBakis) {
    right: 0!important;
}

.fancybox-wrap:has(#hizliBakis) .fancybox-skin {
    width: 100%!important;
    height: 100%!important;
    border-radius: 0;
}

.fancybox-wrap:has(#hizliBakis) .fancybox-skin .fancybox-outer {
    width: 100%;
    height: 100%;
}

.fancybox-wrap:has(#hizliBakis) .fancybox-skin .fancybox-outer .fancybox-inner {
    width: 100%!important;
    height: 100%!important;
    overflow: hidden!important;
}

div#hizliBakis {
    float: left;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: 1s;
}

div#hizliBakis.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.hizliBakisHead {
    float: left;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
}

body .fancybox-skin:has(#hizliBakis) .fancybox-close {
    padding: 0 24px;
    background: transparent;
    height: 80px;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

body .fancybox-skin:has(#hizliBakis) .fancybox-close:after {
    line-height: 1;
    color: var(--main-color);
    font-size: 16px;
    transition: 1s;
}

body .fancybox-skin:has(#hizliBakis) .fancybox-close:hover:after {
    transform: rotate(180deg);
}

body .ProductPreviewContent {
    float: left;
    width: 100%;
    padding: 0;
    max-width: 100%;
}

body .ProductPreviewContent > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

body div#hizliBakisAltAlan {
    float: left;
    width: 100%;
    display: none;
    padding: 0;
}

body div#hizliBakis div#hizliBakisAltAlan {
    display: block;
}

body .ProductPreviewContent > ul > li {
    display: flex;
}

body .ProductPreviewLeft {
    width: 38%;
    margin: 0;
    border-right: 1px solid var(--main-color);
    padding: 24px;
    height: calc(100dvh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
}

body .ProductPreviewLeft::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .ProductPreviewRight {
    width: 62%;
    padding: 24px;
    height: calc(100dvh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
}

body .ProductPreviewRight::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .PreviewImages {
    width: 100%;
    display: none;
}

body .PreviewselectedImages .PreviewselectedImagesBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body .PreviewselectedImages {
    border: none;
}

body .PreviewallImages {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

body .PreviewallImages .PreviewallImagesItem {
    border: none;
    margin: 0;
    padding-bottom: 0;
    height: auto;
    pointer-events: none;
}

body .PreviewallImagesItem .PreviewallImagesBox {
    padding-bottom: 0;
    height: auto;
}

body .PreviewallImagesItem .PreviewallImagesBox img {
    position: static;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: 1s;
    transition-duration: 2s;
}

body .fancybox-opened .PreviewallImagesItem .PreviewallImagesBox img {
    transform: scale(1);
}

body .hizliBakis_Name {
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
    margin: 0 0 8px;
    padding: 0 40px 0 0;
}

body .hizliBakis_stokKodu {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
}

body .ProductPreviewForm div#divFiyatAlanlari {
    margin: 40px 0 0;
    float: left;
    width: 100%;
}

body .ProductPreviewForm div#divFiyatAlanlari .kombinFormline {
    display: none;
}

body .hizliBakis_UstuCiziliFiyat {
    font-weight: 700;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: line-through;
    color: #A3A3A0;
    float: left;
    margin-right: 10px;
}

body .ProductPreviewForm div#divFiyatAlanlari span.kdvYazi {
    display: none;
}

body .hizliBakis_Price {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
}

body #divHizliBakisIlgiliUrun .ProductList .JKatAdi {
    padding: 40px 0 8px!important;
}

body #divHizliBakisIlgiliUrun .ProductList .JKatAdi .bold .satir1 {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    font-family: var(--main-font-family);
    font-style: normal;
    width: 100%;
}

body div#divHizliBakisIlgiliUrun .productItem > div {
    display: none;
}

body div#divHizliBakisIlgiliUrun .productItem > div.productImage {
    display: block;
}

body div#divHizliBakisIlgiliUrun {
    float: left;
    width: 100%;
}

body div#divHizliBakisIlgiliUrun ul {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
    gap: 6px;
}

body div#divHizliBakisIlgiliUrun ul li {
    width: 60px;
    border: 1px solid #F7F7F5;
    transition: .5s;
    padding: 5px;
    border-radius: 0;
    overflow: hidden;
}

body div#divHizliBakisIlgiliUrun ul li:first-child,div#divHizliBakisIlgiliUrun ul li:hover {
    border-bottom-color: var(--main-color-hover);
}

body div#divHizliBakisIlgiliUrun ul li img {
    border-radius: 0 !important;
    border: none;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

body div#divHizliBakisIlgiliUrun .productItem .productImage a {
    padding-bottom: 100%;
}

body div#divHizliBakisIlgiliUrun ul:has(>li:hover) li:first-child:hover {
    border-bottom-color: #666562;
}

body .divKombinEksecenekTipi .kombinleft_line {
    float: left;
    width: 100%!important;
    padding: 0;
    margin: 40px 0 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
    text-transform: uppercase;
}

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

body .kombinFormline {
    float: left;
    width: 100%;
}

body .kombinright_line a {
    min-width: auto;
    height: auto;
    line-height: 20px;
    text-align: center;
    border: none;
    border-bottom: 1px solid transparent;
    transition: .5s;
    border-radius: 0;
    padding: 0;
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: relative;
    color: #666562;
    font-weight: bold;
    margin: 0 12px 12px 0;
    pointer-events: all;
    min-height: auto;
}

body .kombinFormline .size_box.selected {
    color: var(--main-color-hover);
    background: #fff;
    border-color: var(--main-color-hover);
    border: 0;
    border-bottom: 1px solid var(--main-color-hover);
}

body .kombinFormline .size_box.nostok {
    position: relative;
    background: #fff !important;
    color: rgb(102 101 98 / 20%) !important;
    border-color: transparent;
    text-decoration: line-through;
    border: none!important;
    opacity: 1;
    pointer-events: all!important;
}

body:has(.fancybox-opened) .bedenTabloHtml {
    z-index: 99999;
}

body .fancybox-overlay:has(#hizliBakis) {
    overflow: hidden;
}

body .divKombinEksecenekTipi .bedenT {
    top: 36px;
}

body .hizliBakis_Adet {
    display: none;
}

body .ProductPreviewForm > div:has(a.hizliBakisSepeteEkle) {
    float: left;
    width: 100%!important;
    margin: 12px 0 0;
}

body a.hizliBakisSepeteEkle {
    float: left;
    width: 100%;
    margin: 0!important;
    line-height: 44px;
    padding: 0;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

body a.hizliBakisSepeteEkle:hover {
    background: var(--main-color-hover);
}

body .ProductPreviewForm {
    position: relative;
}

body .divHizliBakisFavorilerimeEkle {
    position: absolute;
    right: 0;
    top: 0;
}

body .divHizliBakisFavorilerimeEkle span.box1 {
    display: none;
}

body .divHizliBakisFavorilerimeEkle a:after {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 20px;
    color: var(--main-color);
    font-weight: 300;
    transition: .5s;
}

body .divHizliBakisFavorilerimeEkle a:hover:after,body .divHizliBakisFavorilerimeEkle a#aHizliBakisFavoriCikar::after {
    font-weight: bold;
}

body .kombinright_line a:has(img) {
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    padding: 3px;
    border: 1px solid transparent!important;
}

body div#divHizliBakisIlgiliUrun ul .owl-nav,body div#divHizliBakisIlgiliUrun ul .owl-dots {
    display: none!important;
}

body .kombinright_line a img {
    border-radius: 50%;
    border: 1px solid #e9e9e9;
}

body .kombinFormline .size_box.selected:has(img) {
    border-color: var(--main-color-hover)!important;
}

body div#divFastPreviewModal .galeri-modal-content a {
    float: right;
    margin-bottom: 12px;
}

body div#divFastPreviewModal .galeri-modal-content {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

body div#divFastPreviewModal {
    text-align: center;
}

body div#divFastPreviewModal .galeri-modal-content a i {
    font-weight: 400;
    font-size: 14px;
}

body div#divFastPreviewModal .galeri-modal-content .detayFavoriListItem {
    float: left;
    width: 100%;
}

body .ProductPreviewForm .UrunuIncele {
    display: none;
}

body .UrunuIncele {
    float: left;
    width: 100%;
    padding: 0;
    margin: 24px 0 0;
}

body .UrunuIncele a {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    transition: 1s;
    gap: 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--main-color);
}

body .UrunuIncele a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 300;
}

body .UrunuIncele a:hover {
    background: var(--main-color-hover);
    color: #fff;
    gap: 8px;
}

.mobilaf.fancybox-margin.acik {
    z-index: 99998;
    opacity: 0;
}

body .divKombinEksecenekTipi:first-child .bedenT {
    display: none;
}

body .ticimaxDialogTxt {
    border-radius: 0;
    max-width: 600px;
    padding: 0;
}

body .ticimaxDialog-info:before {
    color: var(--main-color);
    order: 2;
    margin: 0 auto;
    padding: 24px;
}

body .ticimaxDialog-info p {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    color: var(--main-color);
    margin: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-info > a {
    float: left;
    width: 100%;
    order: 1;
    display: flex;
    justify-content: end;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    height: 80px;
    align-items: center;
    font-size: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-info > * {
    order: 2;
    padding: 0 24px 24px;
}

body .ticimaxDialogTxt.ticimaxDialog-info > a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: 1s;
    color: var(--main-color);
}

body .ticimaxDialogTxt.ticimaxDialog-info > a:hover:after {
    transform: rotate(180deg);
}

body .ticimaxDialog-default:before {
    color: var(--main-color);
    order: 2;
    margin: 0 auto;
    padding: 24px;
}

body .ticimaxDialog-default p {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    color: var(--main-color);
    margin: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-default > a {
    float: left;
    width: 100%;
    order: 1;
    display: flex;
    justify-content: end;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    height: 80px;
    align-items: center;
    font-size: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-default > * {
    order: 2;
    padding: 0 24px 24px;
}

body .ticimaxDialogTxt.ticimaxDialog-default > a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: 1s;
    color: var(--main-color);
}

body .ticimaxDialogTxt.ticimaxDialog-default > a:hover:after {
    transform: rotate(180deg);
}

body .ticimaxDialog-success:before {
    color: var(--main-color);
    order: 2;
    margin: 0 auto;
    padding: 24px;
}

body .ticimaxDialog-success p {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    color: var(--main-color);
    margin: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-success > a {
    float: left;
    width: 100%;
    order: 1;
    display: flex;
    justify-content: end;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    height: 80px;
    align-items: center;
    font-size: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-success > * {
    order: 2;
    padding: 0 24px 24px;
}

body .ticimaxDialogTxt.ticimaxDialog-success > a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: 1s;
    color: var(--main-color);
}

body .ticimaxDialogTxt.ticimaxDialog-success > a:hover:after {
    transform: rotate(180deg);
}

body .ticimaxDialog-danger:before {
    color: var(--main-color);
    order: 2;
    margin: 0 auto;
    padding: 24px;
}

body .ticimaxDialog-danger p {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    color: var(--main-color);
    margin: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-danger > a {
    float: left;
    width: 100%;
    order: 1;
    display: flex;
    justify-content: end;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    height: 80px;
    align-items: center;
    font-size: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-danger > * {
    order: 2;
    padding: 0 24px 24px;
}

body .ticimaxDialogTxt.ticimaxDialog-danger > a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: 1s;
    color: var(--main-color);
}

body .ticimaxDialogTxt.ticimaxDialog-danger > a:hover:after {
    transform: rotate(180deg);
}

body .ticimaxDialog-warning:before {
    color: var(--main-color);
    order: 2;
    margin: 0 auto;
    padding: 24px;
}

body .ticimaxDialog-warning p {
    font-family: Cormorant Garamond;
    font-weight: 300;
    font-style: Italic;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: -1px;
    text-align: center;
    text-transform: capitalize;
    color: var(--main-color);
    margin: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-warning > a {
    float: left;
    width: 100%;
    order: 1;
    display: flex;
    justify-content: end;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
    height: 80px;
    align-items: center;
    font-size: 0;
}

body .ticimaxDialogTxt.ticimaxDialog-warning > * {
    order: 2;
    padding: 0 24px 24px;
}

body .ticimaxDialogTxt.ticimaxDialog-warning > a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: 1s;
    color: var(--main-color);
}

body .ticimaxDialogTxt.ticimaxDialog-warning > a:hover:after {
    transform: rotate(180deg);
}

div#BenzerUrunDiv {
    float: left;
    width: calc(100% + 140px);
    margin-left: -70px;
    padding: 0 70px;
    overflow: hidden;
}

body .userDivTab {
    margin: 0 0 24px;
}

body .userDivTab ul li span {
    border-color: #DFDEDA;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 36px;
}

body .userDivTab ul li.active span {
    border-color: var(--main-color);
    color: var(--main-color);
}

body #divNewUyeGirisContent .uyeGirisFormDetailInputList {
    padding: 24px;
    background: #F7F7F580;
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

body .newUserWrapper {
    margin: 0;
}

body .newUserWrapper input[type="password"], body .newUserWrapper input[type="text"], body .newUserWrapper input, body .newUserWrapper select {
    background: transparent!important;
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    padding: 0;
    color: var(--main-color);
}

body .newUserWrapper .placeholderLabel.active {
    display: none;
}

body .newUserWrapper .placeholderLabel {
    left: 0;
    font-weight: 400;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: #666562;
}

body span.TcxPassEye {
    right: 0!important;
}

body span.TcxPassEye svg {
    max-width: 15px;
}

body #divNewUyeGirisContent .userPassBtn {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--main-color);
}

body #divNewUyeGirisContent .userPassBtn:hover {
    color: var(--main-color-hover);
}

body .newUserWrapper input[type="password"]:-webkit-autofill, body .newUserWrapper input[type="text"]:-webkit-autofill, body .newUserWrapper input:-webkit-autofill, body .newUserWrapper input[type="text"]:-webkit-autofill:hover, body .newUserWrapper input[type="password"]:-webkit-autofill:hover, body .newUserWrapper input:-webkit-autofill:hover, body .newUserWrapper input[type="text"]:-webkit-autofill:focus, body .newUserWrapper input[type="password"]:-webkit-autofill:focus, body .newUserWrapper input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--main-color);
    -webkit-box-shadow: none!important;
    transition: none;
}

body #divNewUyeGirisContent .newUserLoginBtn, body .newUyeOlContainer .newUserLoginBtn, body .acountDoneContainer .acountDoneLoginBtn, body .pageSifreOlustur .newUserLoginBtn, body .pageSifremiUnuttum .newUserLoginBtn {
    height: 44px;
    line-height: 44px;
    padding: 0;
    margin: 24px 0 0;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

body .alert.alert-danger {
    font-family: var(--main-font-family);
    font-weight: 400;
    font-size: 10px!important;
    line-height: 110.00000000000001%;
    color: var(--main-color);
    margin: 4px 0 0!important;
}

body .alert.alert-danger:before {
    display: none;
}

body .newUserWrapper.isRequiredDiv input,body .newUserWrapper.isRequiredDiv select {
    border-color: #CCCBC8;
    color: var(--main-color);
}

body .pageSifremiUnuttum .SifremiUnuttumContentDesc {
    display: none;
}

body #divSifremiUnuttum .SifremiUnuttumContentDesc {
    display: block!important;
}

body .pageSifremiUnuttum .islemTamamlandi,body .pageSifremiUnuttum .sifremiUnuttumInputList,body .pageSifremiUnuttum .sifreGuncelleInputList,body .pageSifreOlustur .sifreOlusturInputList,body .pageSifremiUnuttum .SifremiUnuttumSucces {
    background: #F7F7F580;
    border: none;
    border-radius: 0;
    padding: 24px;
}

body .pageSifremiUnuttum .sifremiUnuttumTitle {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--main-color);
    margin: 0 0 20px;
}

body .pageSifremiUnuttum .SifremiUnuttumContentDesc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 143%;
    letter-spacing: 1px;
    color: var(--main-color);
    margin: 0 0 24px;
}

body .sifremiUnuttumCaptcha {
    margin-top: 24px;
    display: flex;
    align-items: center;
}

body .pageSifremiUnuttum .islemTamamlandi:before {
    content: 'E-POSTA GÖNDERDİK';
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    margin: 0 0 20px;
}

body .pageSifremiUnuttum .islemTamamlandi:after {
    content: 'Lütfen gelen kutunu ve spam (öndemsiz) klasörünü kontrol etmeyi unutma.';
    float: left;
    width: 100%;
    margin: 40px 0 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 143%;
    letter-spacing: 1px;
    color: #666562;
}

body .pageSifremiUnuttum .sifreGuncelleDesc {
    display: none;
}

body .passControlDiv .error-list span:before {
    display: none;
}

body .pageSifremiUnuttum .sifreGuncelleTitle {
    font-weight: 700;
    font-size: 1.143rem;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
    margin: 0 0 30px;
}

body .passControlProgress .progress {
    width: calc(100% - 60px);
}

body .passControlProgress .password-verdict {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666562;
    left: auto;
    right: 0;
    top: -6px;
}

body .newUserWrapper.newPasswordAgain {
    margin: 20px 0;
}

body .passControlProgress {
    margin: 12px 0 0;
}

body .passControlDiv .error-list span {
    font-weight: 400;
    font-size: 10px;
    line-height: 110.00000000000001%;
    color: #AE061C!important;
}

body .newUserWrapper.dateOfBirthDiv input {
    padding: 0;
}

body .dateOfBirthDiv input[type="date"]:before {
    left: 0;
    display: none;
}

body span.tcxDateInputIcon {
    background: transparent;
    right: 0;
    width: auto;
    display: none!important;
}

body #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesme,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesme {
    width: 13px;
    height: 13px;
    min-width: 14px;
    flex: 0 0 14px;
    border: 1px solid var(--main-color);
    border-radius: 2px;
    margin-right: 15px!important;
}

body #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
    padding-right: 15px;
}

body #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate a,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate a {
    color: var(--main-color)!important;
    font-size: 12px;
    text-decoration: underline;
}

body #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate a:hover,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate a:hover {
    color: var(--main-color-hover)!important;
}

body #divNewUyeGirisContent .signSozlesmeDiv,body #divNewUyeGirisContent .socialUserSozlesmeDiv {
    margin: 0;
}

body #divNewUyeGirisContent .signSozlesmeDiv input:checked+.newSocialChkSozlesme,body #divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme:checked+.newSocialChkSozlesme {
    border-color: var(--main-color);
}

body #divNewUyeGirisContent .signSozlesmeDiv input:checked+.newSocialChkSozlesme:before,body #divNewUyeGirisContent .socialUserSozlesmeDiv #newSocialChkSozlesme:checked+.newSocialChkSozlesme:before {
    font-size: 9px;
    color: var(--main-color);
    text-align: center;
}

body span#kayitliKullanici {
    color: #AE061C!important;
    float: left;
    margin: 4px 0!important;
}

body span#kayitliKullanici a {
    color: #AE061C!important;
    text-decoration: underline;
}

body span#kayitliKullanici a:hover {
    color: var(--main-color-hover)!important;
}

body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .newUserWrapper select option, body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .newUserWrapper select.active {
    background: transparent;
}

body #divNewUyeGirisContent .signSozlesmeDiv {
    flex-direction: row;
}

body #divNewUyeGirisContent .signSozlesmeDiv > div {
    align-items: start!important;
}

body #divNewUyeGirisContent, body .acountDoneSection .acountDoneContainer, body .newUyeOlSection .newUyeOlContainer {
    max-width: 900px;
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitAdet:before, body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitTutar:before, body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.TaksitToplamTutar:before {
    content: '';
    float: left;
    width: 100%;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 200%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--main-color);
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitAdet:before {
    content: 'TAKSİT SAYISI';
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitTutar:before {
    content: 'AYLIK ÖDEME';
}

body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.TaksitToplamTutar:before {
    content: 'TOPLAM TUTAR';
}

body .signSozlesmeDiv {
    float: left;
    width: 100%;
    flex-direction: row;
    display: flex;
    gap: 5px;
}

body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem {
    align-items: start !important;
}

body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesme {
    width: 13px;
    height: 13px;
    min-width: 14px;
    flex: 0 0 14px;
    border: 1px solid var(--main-color);
    border-radius: 2px;
    margin-right: 15px !important;
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: var(--main-color);
    padding-right: 15px;
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate a,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate a {
    color: var(--main-color) !important;
    font-size: 12px;
    text-decoration: underline;
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate a:hover,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate a:hover {
    color: var(--main-color-hover)!important;
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem {
    font-family: var(--main-font-family);
    margin-top: 25px;
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem input[type="checkbox"]:checked + .newSocialChkSozlesme,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem input[type="checkbox"]:checked + .newSocialChkSozlesme {
    border-color: var(--main-color);
}

body .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem input[type="checkbox"]:checked + .newSocialChkSozlesme:before,body .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem input[type="checkbox"]:checked + .newSocialChkSozlesme:before {
    font-size: 9px;
    color: var(--main-color);
    text-align: center;
}

a.signInButton {
    display: none!important;
}

.rcDevamEt {
    float: left;
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
    border: 1px solid var(--main-color);
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s;
}

.rcDevamEt:hover {
    background: var(--main-color);
    color: #fff;
}

.selectHtml {
    float: left;
    width: auto;
    position: relative;
    z-index: 999;
    margin-right: 40px;
    display: none;
}

.selectHtml:has(.selectList ul li) {
    display: block;
}

.selectHtml .selectBtn {
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: .5s;
    color: var(--main-color);
}

.selectHtml .selectList {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    display: none;
}

.selectHtml .selectList.active {
    display: block;
}

.selectHtml .selectList ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    float: left;
    width: 100%;
    border: 1px solid var(--main-color);
    border-radius: 0;
    overflow: hidden;
    margin-top: 16px;
    background: #fff;
}

.selectHtml .selectList ul li {
    float: left;
    width: 100%;
    margin: 0 0 8px;
}

.selectHtml .selectList ul li:last-child {
    margin: 0;
}

.selectHtml .selectList ul li span {
    float: left;
    width: 100%;
    color: var(--main-color);
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}

.selectHtml .selectList ul li:hover span {
    color: var(--main-color-hover);
}

.selectHtml .selectList ul li.selected span {
    color: var(--main-color-hover);
}

.selectHtml .selectBtn:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/siralaicon.svg) no-repeat center / contain;
}

.selectHtml .selectBtn:hover {
    color: var(--main-color-hover);
}

.selectHtml .selectList ul li.selected {
    pointer-events: none;
}

body #relatedProduct .modal-content {
    padding: 0;
    position: relative;
}

body #relatedProduct .modal-content span.modal-close {
    line-height: 80px;
    padding: 0 24px;
    position: absolute;
    right: 0;
    z-index: 9;
    margin: 0!important;
    font-weight: 300;
    transition: 1s;
    color: var(--main-color);
}

body #relatedProduct .modal-content span.modal-close:hover {
    transform: rotate(180deg);
}

body .divRelatedProductsPopup h3 {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 24px;
    line-height: 80px;
    border-bottom: 1px solid var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.143rem;
}

body .divRelatedProductsPopup .ulRelatedProducts {
    padding: 24px;
}

body .ulRelatedProducts li .relatedAddtoCartBtn {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 25px;
    transition: .5s;
    background: var(--main-color);
}

body .ulRelatedProducts li .relatedAddtoCartBtn:hover {
    background: var(--main-color-hover);
}

body .ulRelatedProducts li .relatedAddFavoriteBtn {
    font-size: 0;
    display: flex;
}

body .ulRelatedProducts li .relatedAddFavoriteBtn i {
    font-size: 20px;
}

body .ulRelatedProducts li a.favoriteActive:after {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 20px;
    font-weight: bold;
}

.mainBanner {
    height: 100%;
}

div#divOzelAlan5 {
    display: none;
}

.urunsecbody .RightDetail {
    position: static;
}

.ozellikLeft .AltImgCapSmallImg, .ozellikLeft .thumb-item, .ozellikLeftSabit .thumb-item {
    margin-bottom: 24px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ozellikLeft .AltImgCapSmallImg:last-child, .ozellikLeft .thumb-item:last-child, .ozellikLeftSabit .thumb-item {
    margin: 0;
}

/*body:has(.categoryContainer) ul.breadcrumb{transition:1s;height:16px;}
body.scrolled:has(.categoryContainer) ul.breadcrumb{height:0;overflow:hidden;}

body:has(.categoryContainer) .categoryLinks{transition:1s;height:24px;}
body.scrolled:has(.categoryContainer) .categoryLinks{height:0;padding:0;border: none;}

.categoryTitleText{transition:1s;}
body.scrolled .categoryTitleText{padding:0;}
body:has(.categoryContainer) .subDivisionContainer ul{height: 24px;}*/
body a.detailLink.detailUrl:has(img[data-second]):after {
    background-size: cover;
    transition: 0s;
}

body a.detailLink.detailUrl:has(img[data-second]):hover>img {
    opacity: 1;
    width: auto!important;
}

div#divTabOdemeSecenekleri .ozellikLeft {
    display: none;
}

div#divTabOdemeSecenekleri .urunTabAlt {
    width: 100%;
}

div#divSayfalamaUst .kategoriBaslik {
    position: absolute;
    margin: 0;
    padding: 0;
    width: auto;
    left: 50%;
    transform: translate(-50% , -50%);
    top: 50%;
    visibility: hidden;
    opacity: 0;
    display: block;
}

div#divSayfalamaUst .kategoriBaslik h1 {
    line-height: 30px;
}

body.scrolled div#divSayfalamaUst .kategoriBaslik {
    height: 30px;
    visibility: visible;
    opacity: 1;
}

.leftImage:has(.ProductGallery) .detailProductEx {
    left: 14%;
}

.productDetail > .discountIcon {
    display: inline-flex;
}

.discountIcon {
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 130%;
    color: #A3A3A0;
    margin: 8px 0 0 8px;
    vertical-align: top;
    border-left: 1px solid;
    padding: 0 0 0 8px;
}

.discountIcon span {
    font-weight: bold;
}

.yorumGirisYap {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 80px;
    letter-spacing: 1px;
    padding: 0 24px;
    border-bottom: 1px solid var(--main-color);
}

body #saticiyaSoruSor.ticimaxModal .alert-info {
    margin: 24px;
    background: no-repeat;
    border: none;
}

body #saticiyaSoruSor.ticimaxModal .alert-info a {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: var(--main-color);
    color: #fff;
    transition: .3s;
    min-width: 300px;
    text-align: center;
    justify-content: center;
}

body #saticiyaSoruSor.ticimaxModal .alert-info a:hover {
    background: var(--main-color-hover);
}

body #saticiyaSoruSor .ozellikLeft {
    height: calc(100% - 80px);
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(2) img {
    transition-delay: .2s!important;
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(3) img {
    transition-delay: .4s!important;
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(4) img {
    transition-delay: .6s!important;
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(5) img {
    transition-delay: .8s!important;
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(6) img {
    transition-delay: 1s!important;
}

body .leftImage .ProductGallery .thumb-list > .thumb-item:nth-child(7) img {
    transition-delay: 1.2s!important;
}

.FiltreBtn {
    float: left;
    margin: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: 1s;
    cursor: pointer;
}

.FiltreBtn:hover {
    color: var(--main-color-hover);
}

.brandlistselection .sortingContent li:nth-child(2),body .appliedFilter.FiltrelemeUrunAdet span,.brandlistselection .sortingContent li:first-child {
    display: none!important;
}

select#filterOrderSelect {
    border: 1px solid transparent;
    appearance: none;
    font-size: 1rem;
    line-height: 200%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 0 28px;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/siralaicon.svg) no-repeat left / 18px;
    cursor: pointer;
    transition: 1s;
}

select#filterOrderSelect:hover {
    color: var(--main-color-hover);
}

body .sortingContent .blockSelect:before {
    content: 'GÖRÜNÜM';
    float: left;
    line-height: 30px;
    margin-right: 20px;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

body .sortingContent .blockSelect a {
    padding: 0;
    border: none;
    height: 30px;
    float: left;
    transition: .3s;
}

body .sortingContent .blockSelect a i {
    display: none;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_3 {
    width: 20px;
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/3lubos.svg) no-repeat center;
    margin-right: 12px;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_3:hover {
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/3ludolu.svg) no-repeat center;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_3.Active {
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/3lubos.svg) no-repeat center;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_4 {
    width: 20px;
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/4lubos.svg) no-repeat center;
    margin-right: 0;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_4:hover {
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/4ludolu.svg) no-repeat center;
}

body .sortingContent .blockSelect a.btnCatSorting.sort_4.Active {
    background: url(https://static.ticimax.cloud/74175/uploads/editoruploads/ikon/4ludolu.svg) no-repeat center;
}

body .sortingContent .blockSelect {
    margin: 0 0 0 18px;
}

.mobilafFiltre {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1001;
    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;
}

.mobilafFiltre.acik {
    display: block;
}

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: #FCFBF8;
    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: 1.143rem;
    color: var(--main-color);
    margin-bottom: 0;
    padding: 24px;
    position: static;
    text-align: center;
    background: #FCFBF8;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-transform: capitalize;
    border-bottom: none;
    border-bottom: 1px solid var(--main-color);
}

body .category-vertical-filters.top-filters .FiltreUst .closeFilt i {
    font-weight: 300;
    transition: 1s;
    font-size: 1.143rem;
}

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;
    font-weight: bold;
    color: var(--main-color);
    font-size: 1.143rem;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
}

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: .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 var(--main-color);
    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: var(--main-color);
    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: var(--main-color-hover);
}

body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 1rem;
    color: var(--main-color);
    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: .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: var(--main-color-hover);
    border-color: var(--main-color-hover);
}

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: var(--main-color);
    font-weight: 600;
    font-size: 1rem;
    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: var(--main-color-hover);
}

body .category-vertical-filters.top-filters .panel .panel-heading a:hover::after {
    color: var(--main-color-hover)!important;
}

body .category-vertical-filters.top-filters .panel .panel-heading a:after {
    position: static!important;
    top: 0!important;
    color: var(--main-color)!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: var(--main-color-hover);
    display: block;
    font-weight: 600;
    transition: .5s;
}

body #divSayfalamaUst .category-vertical-filters.top-filters .panel-heading:has(>a:hover) .moreNum {
    color: var(--main-color-hover);
}

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.selected {
    pointer-events: none;
}

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: var(--main-color);
}

body .category-vertical-filters.top-filters .list-group.dropdown li.selected a {
    color: var(--main-color);
}

body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a {
    font-size: 13px;
    color: #666562;
    font-weight: 600;
    float: left;
    letter-spacing: 1.5px;
}

body .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    border-radius: 50%!important;
    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: .5s;
    font-weight: bold;
}

body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    content: '\f111';
    background: var(--main-color-hover)!important;
    border-color: var(--main-color-hover)!important;
    color: #fff;
}

body .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
    content: '\f111';
    background: var(--main-color-hover)!important;
    border-color: var(--main-color-hover)!important;
    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: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/serach.svg) no-repeat left / 14px;
    font-size: 12px;
    color: var(--main-color);
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 24px;
}

.panel-search {
    float: left;
    width: auto;
    min-width: 156px;
    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: var(--main-color-hover);
}

body .category-vertical-filters.top-filters .filtreAlt a i:before {
    content: 'tüm FİLTRELERİ sıfırla';
}

body .category-vertical-filters.top-filters .filtreAlt a i {
    font-size: 14px;
    color: var(--main-color);
    font-family: var(--main-font-family);
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

body .category-vertical-filters.top-filters .filtreAlt a:hover i {
    color: var(--main-color-hover);
}

.filtreAlt {
    float: left;
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 16px;
    padding: 20px 24px;
    border-top: 1px solid var(--main-color);
}

.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: var(--main-color-hover);
    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: 150%;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}

.FiyatSlider:before {
    content: 'Fiyat';
    font-size: 1rem;
    float: left;
    width: 100%;
    margin: 0 0 29px;
    text-align: left;
    font-weight: 600;
    color: var(--main-color);
    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: 68px;
    left: 38%;
    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;
}

.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: var(--main-color-hover)!important;
}

body .category-vertical-filters.top-filters .panel .panel-heading.active .moreNum {
    color: var(--main-color-hover)!important;
}

body #divSayfalamaUst .category-vertical-filters.top-filters:has(.categoryDeleteFilters) .FiltreicerikAlan {
    height: calc(100% - 274px);
}

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

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

.open .filtreOpenBtn {
    pointer-events: none;
}

.menuhtml {
    display: none;
}

.mobilbanner {
    display: none;
}

body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a .upTagText {
    font-size: 0;
}

.html.custom.html_1 {
    display: none;
}

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

body .divRelatedProductsPopup .ulRelatedProducts > li:first-child {
    display: none!important;
}

.resimlivaryasyon, body .divKombinEksecenekTipi:has(img) {
    display: none!important;
}

.urunDetayPanel:has(.ozellikLeftSabit) .ozellikLeft {
    display: none;
}

body #divSifremiUnuttum .loginTabPhoneAndMail .tabBtn,body .uyeGirisFormDetail .loginTabPhoneAndMail .tabBtn {
    color: var(--mai-color);
}

body #divSifremiUnuttum .loginTabPhoneAndMail .tabBtn.active:before,body .uyeGirisFormDetail .loginTabPhoneAndMail .tabBtn.active:before {
    background: var(--main-color);
}

body .otpSmsDiv .userSmsOtpBtn {
    background: var(--main-color);
    border-radius: 0;
    transition: .5s;
}

body .otpSmsDiv .userSmsOtpBtn:hover {
    background: var(--main-color-hover);
}

body .fancybox-wrap #divNewUyeGirisContent .signSozlesmeDiv {
    flex-direction: column;
}

body .fancybox-wrap #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesme,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesme {
    margin-right: 10px!important;
    margin-top: 1px!important;
}

body .fancybox-inner:has(div#divNewUyeGirisContent)::-webkit-scrollbar {
    width: 0;
    height: 0;
}

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

body .category-vertical-filters.top-filters .panel.div-kategori .list-group.dropdown:has(li ul) li ul {
    margin-top: 0;
}

div#mainHolder_divKategoriBaslik {
    padding: 0 24px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0 0 40px;
}

div#mainHolder_divKategoriBaslik p {
    margin: 0;
}

.seoTextMore {
    display: none;
}

.seoTextBtn {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color);
    transition: .5s;
    cursor: pointer;
    display: none;
}

.seoTextBtn:hover {
    color: var(--main-color-hover);
}

div#mainHolder_divKategoriBaslik:has(.seoText) .seoTextBtn {
    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: -8px;
    height: 2px;
    background: var(--main-color-hover);
    transition: .5s;
    width: 0;
}

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

body.Magazalar .ticiContainer:before {
    content: 'MAĞAZALAR';
    float: left;
    width: 100%;
    margin: 32px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    color: var(--main-color);
}

body.Magazalar .ticiContainer {
    border-top: 1px solid #000;
    padding: 0 24px;
}

body.Magazalar .magazaSelect {
    height: 40px;
    padding: 0 20px 0 0;
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    text-indent: 0;
    appearance: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
    color: var(--main-color);
    text-align: left;
    cursor: pointer;
    transition: .5s;
    background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/magazabtn.svg) no-repeat right;
    margin-right: 60px;
    width: calc(33.33% - 60px);
    margin-bottom: 24px;
}

body.Magazalar .magazaSelect:hover {
    border-color: var(--main-color);
}

body.Magazalar #searchStore {
    width: 33.33%;
    display: flex;
}

body.Magazalar #searchStore input {
    height: 40px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #CCCBC8;
    text-indent: 0;
    appearance: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: center;
    color: var(--main-color);
    text-align: left;
    transition: .5s;
    width: 100%;
}

body.Magazalar #searchStore .buton {
    white-space: nowrap;
    flex-wrap: nowrap;
    width: auto;
    padding: 0 24px;
    min-height: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: 1px;
    border: none;
}

body.Magazalar #searchStore .buton:before {
    display: none;
}

body.Magazalar #searchStore .buton:hover {
    color: #fff;
    background: var(--main-color-hover);
}

body.Magazalar #nearStores {
    display: none;
}

body.Magazalar .magazalarContent {
    width: 37%;
    padding-right: 20px;
    margin: 40px 0 20px;
}

body .mapsGoster {
    float: right;
    width: 63%;
    margin: 40px 0 20px;
}

body .storeList {
    max-height: 600px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

body .storeList::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body .mgz {
    width: 100%;
    margin: 0;
    border: 1px solid #F7F7F5;
}

body div#divTumMagazaAlan > h2 {
    display: none;
}

body .mgz h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    padding: 0 0 12px;
    margin: 0 0 16px;
    border-bottom: 1px solid #F7F7F5;
    height: auto;
}

body .mgz .mgzAdress:before {
    display: none;
}

body .mgz .mgzTel:before {
    display: none;
}

body .mgz .mgzAdress {
    height: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #666562;
    margin: 0 0 12px;
}

body .mgz .mgzTel {
    margin: 0 0 12px;
    height: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 1px;
    color: #666562;
}

body .mgz .mgzTel:hover {
    color: var(--main-color-hover);
}

body p.mgzHarita {
    margin: 0;
    height: auto;
}

body .mgz a.buton {
    padding: 5px 10px;
    letter-spacing: 1px;
    line-height: 20px;
    float: left;
    transition: .5s;
    border: none;
}

body .mgz a.buton:hover {
    background: var(--main-color-hover);
}

body .mgz .magazaItemRight {
    display: flex;
    flex-direction: column;
}

body .mgz .mgzAciklama {
    height: auto;
    display: none;
}

body .mgz .mgzAdress,body .mgz .mgzTel,body .mgz h4 {
    width: 100%;
    min-width: 100%;
}

li.menuIptalTaleplerim,li.menuKoleksiyonlarim,li.menuYorumlarim,li.menuIstekListelerim,li.menuFiyatAlarmListem,li.menuStokAlarmListem,li.menuParaPuan.solAnaMenuAlt,li.menuHavaleBildirim {
    display: none!important;
}

.modelKodu {
    float: left;
    clear: left;
    color: #313335;
    font-size: 0.857rem;
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 8px 5px 0 0;
}

body .sweet-alert button {
    background-color: #000!important;
}

body .sweet-alert .sa-icon.sa-warning {
    border-color: #000!important;
}

body .sweet-alert .sa-icon.sa-warning .sa-body,.sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #000!important;
}

body .iadeTaleplerimContent .siparisUrun .item .return-product > .Info > .pPrice,.iadeToplamTutarSatir,body .pCampaign {
    display: none!important;
}

body #divNewUyeGirisContent .signSozlesmeDiv .alert.alert-danger {
    padding-left: 29px!important;
}

.uyeGirisFormDetailInputList .alert.alert-danger {
    color: #AE061C;
    font-weight: bold;
    letter-spacing: 1px;
}

.detailPriceArea span.hide {
    display: none!important;
}

.productKampanya span.hide {
    display: none!important;
}

span.sptPriceOzelAlan3.hide {
    display: none!important;
}

#popupModalUye {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popupInnerUye {
    width: 90%;
    max-width: 1100px;
    max-height: 90%;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
}

#popupCloseUye {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 20;
    padding: 0;
    border: none;
    background: transparent;
    color: #000;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
}

#popupCloseUye:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 15px;
}

#popupLoaderUye {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.85);
    z-index: 10;
    font-weight: bold;
}

#popupContentUye {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    line-height: 1.5;
    margin-top: 20px;
    letter-spacing: 1px;
    max-height: 100%;
    overflow: auto;
    padding-right: 20px;
}

.popupIframe {
    flex: 1;
    border: 0;
    width: 100%;
}

#popupOkBtnUye {
    padding: 12px;
    margin: 0;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-top: 30px;
    height: 42px;
    border-radius: 5px;
    background-color: #28a745;
    color: #fff;
    letter-spacing: 1px;
    transition: .5s;
}

.popupError {
    padding: 20px;
}

#popupOkBtnUye:hover {
    background-color: #18702c;
}

.popupFooterUye {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

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

div#popupContentUye::-webkit-scrollbar-track {
    background: #e9e9e9;
}

div#popupContentUye::-webkit-scrollbar-thumb {
    background: #000;
}

.teknikDetayItem.kategori, .teknikDetayItem.alt-kategori, .teknikDetayItem.cinsiyet, .teknikDetayItem.erp-renk-adi, .teknikDetayItem.ana-kategori, .teknikDetayItem.model, .teknikDetayItem.nefes, .teknikDetayItem.ortam, .teknikDetayItem.sezon-adi, .teknikDetayItem.sezon-kodu, .teknikDetayItem.sezon-yili, .teknikDetayItem.surdurulebilirlik, .teknikDetayItem.hava-durum, .teknikDetayItem.uretim-yeri, .teknikDetayItem.taban, .teknikDetayItem.taban-kaplama, .teknikDetayItem.topuk-boyu, .teknikDetayItem.desen {
    display: none;
}

body .teknikDetay {
    border: none;
    margin: 0;
}

body .teknikDetay div div.t1 {
    width: auto;
    padding: 0;
    font-weight: bold;
}

body .teknikDetay .teknikDetayItem:nth-child(odd) {
    background: transparent;
}

body .teknikDetay .teknikDetayItem div.t2 {
    border: none;
    padding: 0;
    font-weight: 400;
    width: auto;
}

.teknikDetay div div.t1:after {
    content: ':';
    margin: 0 4px;
}

body .teknikDetay .teknikDetayItem {
    padding: 5px 0;
}

div#divThumpVideo {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 2px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#divThumpVideo img {
    opacity: 1;
    visibility: visible;
    transform: none;
}

body #divThumpVideo i {
    width: 40px;
    height: 40px;
    border-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #FFFFFF33;
    font-weight: 300;
    font-size: 15px;
    cursor: pointer;
}

body .pageSifremiUnuttum .islemTamamlandi {
    letter-spacing: 1px;
}

.footerKvkk {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(11 11 11 / 80%);
    z-index: 1005;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}

.footerKvkk.active {
    visibility: visible;
    opacity: 1;
}

.kvkkArea {
    width: 900px;
    background: #fff;
    padding: 30px;
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 1.5;
    margin-top: 20px;
}

.kvkkArea p {
    margin: 20px 0!important;
}

.kvkkButtons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

body .permission-html .kvkkButtons a {
    border-radius: 5px;
    background-color: #28a745;
    color: #fff!important;
    border: none;
    padding: 10px;
    transition: .5s;
}

body .permission-html .kvkkButtons a:hover {
    background-color: var(--main-color)!important;
}

body .permission-html .kvkkButtons a.decline {
    background-color: #dc3545;
}

.forgotpasswordDiv {
    display: none!important;
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown {
    position: static;
    display: block!important;
    padding: 0;
    width: 100%;
}

body .category-vertical-filters.top-filters .div-firsat .panel-heading {
    display: none;
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown li {
    flex-direction: row-reverse;
    justify-content: space-between;
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown li:before {
    float: right;
    width: 14px;
    height: 14px;
    position: static;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 2px!important;
    background: transparent;
    margin: 0;
    transition: .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;
    content: '\f00c';
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown li:hover:before {
    background: transparent!important;
    border-color: #CCCBC8!important ;
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown li.selected:before {
    background: var(--main-color-hover)!important;
    border-color: var(--main-color-hover)!important ;
    color: #fff;
    font-size: 10px!important;
}

body .category-vertical-filters.top-filters .div-firsat .list-group.dropdown li a {
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 1rem;
    color: var(--main-color);
    text-align: left;
    padding: 0;
    background: transparent;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .category-vertical-filters.top-filters .div-firsat {
    margin: 0;
}

body .mgz:has(.magazaHide) {
    display: none!important;
}

.RightDetail:has(.modelKodu) span#divUrunKodu, .RightDetail:has(.modelKodu) div#divBarkod {
    clear: none;
}

body.urunsecbody #divUrunEkSecenek .bedenT {
    padding: 5px;
    display: none;
}

body .siparisDetayBtn {
    margin: 0;
    width: auto;
    position: absolute;
    top: 40px;
    right: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
}

body .siparisDetayBtn .kolayIadeBtn {
    margin: 0;
    border-radius: 0;
    background: var(--main-color);
    padding: 1.5px 10px;
}

body .siparisDetayBtn .kolayIadeBtn:hover {
    background: var(--main-color-hover);
}

body .siparisDetayBtn:after {
    display: none;
}

body .siparisListe .altButonTutucu a:hover {
    background: var(--main-color-hover);
}

body .siparisListe .altButonTutucu a.siparislerim-ustButon {
    border-radius: 0;
}

.tumsiparisIptalBtn {
    display: none!important;
}

ul.iadeUrunContainer span.hsbmSpan.spnBirimFiyat,ul.iadeUrunContainer span.hsbmSpan.spnToplamFiyat,ul.iadeUrunContainer span.hsbmSpan.spnIadeTutari {
    display: none!important;
}

.extraContract.socialUserInput > label > a:last-child {
    display: none;
}

div#popupModalUye header#headerNew {
    display: none;
}

div#popupModalUye .footerTemp {
    display: none;
}

div#popupModalUye div#divTicimaxCopyrightContent {
    display: none;
}

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

.bkmTitle {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 16px;
}

.bkmTitle span {
    background: var(--main-color);
    color: #fff;
    padding: 6px 12px;
    transition: .5s;
    cursor: pointer;
}

.bkmTitle span.active {
    background: var(--main-color-hover);
}

.bkmWrapper {
    float: left;
    width: 100%;
    flex-direction: column;
    gap: 12px;
    display: none;
}

.bkmWrapper.active {
    display: flex;
}

body #divNewUyeGirisContent .signSozlesmeDiv > div {
    max-width: calc(25% - 4px);
    order: 2;
}

body #divNewUyeGirisContent .signSozlesmeDiv > div.userSozlesmeDiv.socialUserInput {
    order: 1;
    min-width: 100%;
}

body #divNewUyeGirisContent .signSozlesmeDiv > div.userSozlesmeDiv.socialUserInput:after {
    content: 'Opsiyonel:';
    float: left;
    width: 100%;
    margin: 20px 0 15px;
    letter-spacing: 1px;
}

body #divNewUyeGirisContent .signSozlesmeDiv {
    flex-wrap: wrap;
}

body .icerikIkiliBlok:nth-child(2n) {
    display: none;
}

div#divDogumTarihi {
    display: block!important;
}

body .sagIcerikTutucu .hsbmLabel {
    display: inline-flex;
    align-items: start;
    gap: 10px;
}

body .sagIcerikTutucu .hsbmLabel .hsbmRadio {
    margin: 0;
}

body .sagIcerikTutucu .satirBlok .hsbmSpan {
    margin: 0 0 5px;
}

body .altButonTutucu {
    text-align: left;
}

body .altButonTutucu button {
    margin: 0 20px 0 0!important;
}

body .icerikIkiliBlok .UyelikSilmeAktifDiv {
    display: block;
}

body .sagIcerikTutucu .hsbmLabel a {
    color: var(--main-color);
    text-decoration: underline;
}

body .sagIcerikTutucu .hsbmLabel a:hover {
    color: var(--main-color-hover);
}

body .siparisUrun .siparisDetayBtn .kargoTakibiBtn {
    line-height: 37px;
    padding: 0 10px;
    border-radius: 0;
    background: var(--main-color);
    color: #fff;
    margin: 0!important;
}

body .siparisUrun .siparisDetayBtn .kargoTakibiBtn:hover {
    background: var(--main-color-hover);
}

body .siparisListe .altButonTutucu a.siparislerim-ustButon:has(i.fa.fa-star) {
    display: none;
}

.solAnaMenu ul li a.aktif {
    pointer-events: none;
}

.noInfoOrder {
    float: right;
    max-width: 30%;
    font-size: 11px;
    letter-spacing: 1px;
    height: 40px;
    display: flex;
    align-items: center;
}

#top-bar {
    display: flex;
    align-items: center;
}

#top-bar .headerContainer .flex-center {
    flex: 1;
    width: 100%;
}

.html_3 {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.htopCenter {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 100px;
}

.htopCenter ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 0;
    overflow: hidden;
}

.htopCenter ul.owl-carousel {
    height: auto;
    overflow: visible;
}

.htopCenter ul li a {
    color: #000;
    font-weight: 300;
}

body:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
    pointer-events: none;
}

.catLinks {
    display: flex;
    gap: 0;
    margin: 15px 0;
    float: left;
    width: 100%
}

.catLinks > a {
    width: 50%;
}

/*siteozelalan*/
@media (min-width: 1042px) {
}

@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: 1440px;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: block;
    padding: 0 70px;
}

body .header-main .headerContainer,body #headerNew .headerContainer {
}

body .footerTempContainer.elementor-container {
    padding: 0 70px!important;
}

.sliderBannerContainer .ProductList {
    max-width: calc(100% - 140px);
}

.detaySliderContainer .ProductList {
    max-width: 100%;
}

.homeContainer .ProductListContent .ProductList {
    max-width: 100%;
}

.markaSlider .jCarouselLite {
    max-width: 100%;
}

/**/
.innerContainer {
}

/*#divIcerik.homepage {
    margin-top: -85px!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 24px;
}

.sepetimBody #footer .ticiContainer {
}

.ticiContainer.productDetailContainer {
}

.ticiContainer.productDetailContainer, body:has(.productDetailContainer) ul.breadcrumb {
    padding-left: 24px;
}

.sepetimBody .footerSslLogo {
    display: none!important;
}

.sepetimBody .headerContent {
    box-shadow: none;
}

/**/
.centerCount.Middle {
    width: 100%;
    padding: 0;
}

.centerCount.userLoginContent {
    width: 100%;
    padding: 0;
}

.centerCount.iletisimContent {
    width: 100%;
    padding: 0;
}

.centerCount.UyeolContent {
    width: 100%;
    padding: 0;
}

.centerCount.HesabimTakip {
    width: 100%;
    padding: 0;
}

/**/
.leftBlock {
    float: left;
    width: 300px;
    padding-right: 20px;
}

.rightBlock {
    float: right;
    width: 300px;
    padding-left: 20px;
}

.centerCount.LeftMiddle , .leftBlock + .centerCount {
    width: calc(100% - 300px);
}

.centerCount.RightMiddle {
    width: calc(100% - 300px);
}

.centerCount {
    float: left;
    width: 100%;
    padding: 0;
}

/*SolOrtaSag*/
.leftBlock.LeftMiddleRight {
    width: 25%;
}

.rightBlock.LeftMiddleRight {
    width: 25%;
}

.centerCount.LeftMiddleRight {
    width: 50%;
}

/**/
.ticiContainer:before, .ticiContainer:after {
    content: "";
    display: table;
}

.ticiContainer:after {
    clear: both;
}

.ticiContainer {
    clear: both;
    zoom: 1; }

/* ------------------------------------Container--------------------------------------------*/
/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width: 1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle {
        width: 25%;
        padding-right: 20px;
    }

    .centerCount.LeftMiddle {
        width: 75%;
    }

    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight {
        width: 25%;
    }

    .rightBlock.LeftMiddleRight {
        width: 25%;
    }

    .centerCount.LeftMiddleRight {
        width: 50%;
    }

    /*OrtaSag*/
    .rightBlock.MiddleRight {
        width: 25%;
    }

    .centerCount.MiddleRight {
        width: 75%;
    }

    .homeContainer .col-5li {
        width: 25%;
    }
}

@media screen and (min-width: 1540px) and (max-width: 1660px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
        padding: 0 40px;
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        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;
    }

    .mainBottom {
        padding: 0 80px;
        margin-top: -220px;
    }

    .mainTitle span {
        font-size: 3.5rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 25px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 3rem;
    }

    .mainText span b {
        font-size: 80px;
    }

    .mainButton {
        margin: 40px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 40px;
    }

    .hpcRight {
        padding: 0 0 0 40px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 20px 0 0;
    }

    .homePageDesa span {
        font-size: 3rem;
    }

    .homePageDesa {
        padding: 100px 20px;
    }

    .bannerTitle {
        padding: 10px 40px 30px;
        font-size: 3.5rem;
    }

    .hptbRight {
        padding: 50px;
    }

    .hpdwWrapper {
        padding: 0 0 0 40px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

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

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 40px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 3rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 80px);
        margin-left: -40px;
        padding: 0 40px;
    }

    .ProductDetailMainRow {
        padding-left: 16px;
    }

    .IP-Product {
        padding-left: 40px;
        width: 53%;
    }

    .IP-Img {
        width: 47%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1539px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 1440px;
      /*  padding: 0 60px!important;*//
    }
    body #divSayfalamaUst {padding-left: 60px;padding-right: 60px;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        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;
    }

    .mainBottom {
        padding: 0 80px;
        margin-top: -220px;
    }

    .mainTitle span {
        font-size: 3.5rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 25px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 3rem;
    }

    .mainText span b {
        font-size: 80px;
    }

    .mainButton {
        margin: 40px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 40px;
    }

    .hpcRight {
        padding: 0 0 0 40px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 20px 0 0;
    }

    .homePageDesa span {
        font-size: 3rem;
    }

    .homePageDesa {
        padding: 100px 20px;
    }

    .bannerTitle {
        padding: 10px 40px 30px;
        font-size: 3.5rem;
    }

    .hptbRight {
        padding: 50px;
    }

    .hpdwWrapper {
        padding: 0 0 0 40px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 40px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 28px;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 80px);
        margin-left: -40px;
        padding: 0 40px;
    }

    .ProductDetailMainRow {
        padding-left: 16px;
    }

    .IP-Product {
        padding-left: 40px;
        width: 53%;
    }

    .IP-Img {
        width: 47%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

   /* .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }*/
}

@media screen and (min-width: 1380px) and (max-width: 1499px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 1440px;
       /* padding: 0 60px!important;*/
    }
	body #divSayfalamaUst {padding-left: 60px;padding-right: 60px;}
    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        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;
    }

    .mainBottom {
        padding: 0 80px;
        margin-top: -220px;
    }

    .mainTitle span {
        font-size: 3.5rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 25px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 3rem;
    }

    .mainText span b {
        font-size: 80px;
    }

    .mainButton {
        margin: 40px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 40px;
    }

    .hpcRight {
        padding: 0 0 0 40px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 20px 0 0;
    }

    .homePageDesa span {
        font-size: 3rem;
    }

    .homePageDesa {
        padding: 100px 20px;
    }

    .bannerTitle {
        padding: 10px 40px 30px;
        font-size: 3.5rem;
    }

    .hptbRight {
        padding: 50px;
    }

    .hpdwWrapper {
        padding: 0 0 0 40px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:450px;}*/
    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 40px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 16px 50px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 3rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 80px);
        margin-left: -40px;
        padding: 0 40px;
    }

    .ProductDetailMainRow {
        padding-left: 16px;
    }

    .IP-Product {
        padding-left: 40px;
        width: 53%;
    }

    .IP-Img {
        width: 47%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1379px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
       /* padding: 0 40px;*/
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        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;
    }

    .mainBottom {
        padding: 0 80px;
        margin-top: -170px;
    }

    .mainTitle span {
        font-size: 3.5rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 25px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 3rem;
    }

    .mainText span b {
        font-size: 80px;
    }

    .mainButton {
        margin: 40px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 40px;
    }

    .hpcRight {
        padding: 0 0 0 40px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 20px 0 0;
    }

    .homePageDesa span {
        font-size: 3rem;
    }

    .homePageDesa {
        padding: 100px 20px;
    }

    .bannerTitle {
        padding: 10px 40px 30px;
        font-size: 3.5rem;
    }

    .hptbRight {
        padding: 50px;
    }

    .hpdwWrapper {
        padding: 0 0 0 40px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

    /*#mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:450px;}*/
    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 40px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 16px 50px;
    }

    .homePageBannerBlock.category {
        margin: 20px 0;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 3rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 80px);
        margin-left: -40px;
        padding: 0 40px;
    }

    .ProductDetailMainRow {
        padding-left: 16px;
    }

    .IP-Product {
        padding-left: 40px;
        width: 53%;
    }

    .IP-Img {
        width: 47%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 15px 0 0;
        max-width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1240px) and (max-width: 1299px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
       /* padding: 0 20px;*/
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        padding: 0 20px!important;
    }

    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    .mainBottom {
        padding: 0 40px;
        margin-top: -170px;
    }

    .mainTitle span {
        font-size: 3rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 20px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 2.5rem;
    }

    .mainText span b {
        font-size: 65px;
    }

    .mainButton {
        margin: 20px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 20px;
    }

    .hpcRight {
        padding: 0 0 0 20px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 0;
    }

    .homePageDesa span {
        font-size: 2.5rem;
    }

    .homePageDesa {
        padding: 75px 20px;
        margin: 20px 0 0;
    }

    .bannerTitle {
        padding: 10px 20px 30px;
        font-size: 3rem;
    }

    .hptbRight {
        padding: 30px;
    }

    .hpdwWrapper {
        padding: 0 0 0 20px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:450px;}*/
    .hptbRight span {
        font-size: 3rem;
    }

    .hptbRight p {
        font-size: 1rem;
    }

    .hptbRight * {
        max-width: 320px;
    }

    .homePageTextBanner {
        width: calc(100% - 40px);
        margin: 20px 0 0 20px;
    }

    .altVideo {
        padding: 20px;
    }

    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 20px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap .nav-submenu,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon .nav-submenu {
        gap: 5px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap > li,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li {
        gap: 10px;
    }

    .webMenuClose {
        padding: 10px 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {
        font-size: 12px;
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 16px 50px;
    }

    .homePageBannerBlock.category {
        margin: 20px 0;
    }

    .homePageBannerBlock.category.sec ul {
        padding: 0 20px;
    }

    .homePageBannerBlock.category .bannerTitle {
        padding: 0 20px 12px;
    }

    .kategoriBaslik {
        padding: 0 20px;
    }

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

    .categoryLinks,body .subDivisionContainer ul {
        padding: 2px 20px;
    }

    body #divSayfalamaUst {
        padding: 20px;
    }

    .ticiContainer.categoryContainer {
        padding: 0 20px;
    }

    .homePageBannerBlock.category.sec ul li img {
        max-height: 160px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 2.5rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }

    .ProductDetailMainRow {
        padding-left: 0;
    }

    .IP-Product {
        padding-left: 20px;
        width: 51%;
    }

    .IP-Img {
        width: 49%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .urunOzellikTab .urunTab >ul >li > a {
        line-height: 40px;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }

    .detailPriceArea {
        gap: 4px;
    }

    .RightDetail {
        width: 35%;
    }

    .leftImage {
        width: 65%;
    }

    .homeSliderBannerContainer .jCarouselLite > ul {
        gap: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li {
        width: calc(50% - 10px);
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productPrice {
        margin: 4px 0 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider {
        gap: 20px;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li {
        width: calc(20% - 16px);
    }

    .ticiContainer.productDetailContainer,body:has(.productDetailContainer) ul.breadcrumb {
        padding-left: 20px;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 15px 0 0;
        max-width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
       /* padding: 0 20px;*/
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        padding: 0 20px!important;
    }

    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    .mainBottom {
        padding: 0 40px;
        margin-top: -170px;
    }

    .mainTitle span {
        font-size: 3rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 20px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 2.5rem;
    }

    .mainText span b {
        font-size: 65px;
    }

    .mainButton {
        margin: 20px 0 0;
    }

    .homePageCategoryTab {
        padding: 0 20px;
    }

    .hpcRight {
        padding: 0 0 0 20px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 0;
    }

    .homePageDesa span {
        font-size: 2.5rem;
    }

    .homePageDesa {
        padding: 75px 20px;
        margin: 20px 0 0;
    }

    .bannerTitle {
        padding: 10px 20px 30px;
        font-size: 3rem;
    }

    .hptbRight {
        padding: 30px;
    }

    .hpdwWrapper {
        padding: 0 0 0 20px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:375px;}*/
    .hptbRight span {
        font-size: 3rem;
    }

    .hptbRight p {
        font-size: 1rem;
    }

    .hptbRight * {
        max-width: 320px;
    }

    .homePageTextBanner {
        width: calc(100% - 40px);
        margin: 20px 0 0 20px;
    }

    .altVideo {
        padding: 20px;
    }

    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 20px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap .nav-submenu,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon .nav-submenu {
        gap: 5px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap > li,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li {
        gap: 10px;
    }

    .webMenuClose {
        padding: 10px 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {
        font-size: 12px;
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 16px 50px;
    }

    .homePageBannerBlock.category {
        margin: 20px 0;
    }

    .homePageBannerBlock.category.sec ul {
        padding: 0 20px;
    }

    .homePageBannerBlock.category .bannerTitle {
        padding: 0 20px 12px;
    }

    .kategoriBaslik {
        padding: 0 20px;
    }

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

    .categoryLinks,body .subDivisionContainer ul {
        padding: 2px 20px;
    }

    body #divSayfalamaUst {
        padding: 20px;
    }

    .ticiContainer.categoryContainer {
        padding: 0 20px;
    }

    .homePageBannerBlock.category.sec ul li img {
        max-height: 160px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 2.5rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }

    .ProductDetailMainRow {
        padding-left: 0;
    }

    .IP-Product {
        padding-left: 20px;
        width: 51%;
    }

    .IP-Img {
        width: 49%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .urunOzellikTab .urunTab >ul >li > a {
        line-height: 40px;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }

    .detailPriceArea {
        gap: 4px;
    }

    .RightDetail {
        width: 38%;
    }

    .leftImage {
        width: 62%;
    }

    .homeSliderBannerContainer .jCarouselLite > ul {
        gap: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li {
        width: calc(50% - 10px);
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productPrice {
        margin: 4px 0 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider {
        gap: 20px;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li {
        width: calc(20% - 16px);
    }

    .ticiContainer.productDetailContainer,body:has(.productDetailContainer) ul.breadcrumb {
        padding-left: 20px;
    }

    body .siparisListContent .orders-info-col3 {
        width: 250px;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 15px 0 0;
        max-width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
       /* padding: 0 20px;*/
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        padding: 0 20px!important;
    }

    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper {
        padding: 0 20px;
    }

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

    .mainBottom {
        padding: 0 40px;
        margin-top: -170px;
    }

    .mainTitle span {
        font-size: 3rem;
    }

    .mainWrapper {
        margin: 40px 0 0;
        gap: 10px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 20px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 2.5rem;
    }

    .mainText span b {
        font-size: 65px;
    }

    .mainButton {
        margin: 20px 0 0;
        gap: 15px;
    }

    .homePageCategoryTab {
        padding: 0 20px;
    }

    .hpcRight {
        padding: 0 0 0 20px;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 0;
    }

    .homePageDesa span {
        font-size: 2.5rem;
    }

    .homePageDesa {
        padding: 75px 20px;
        margin: 20px 0 0;
    }

    .bannerTitle {
        padding: 10px 20px 30px;
        font-size: 3rem;
    }

    .hptbRight {
        padding: 30px;
    }

    .hpdwWrapper {
        padding: 0 0 0 20px;
    }

    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail span {
        font-size: 1.2rem;
    }

    .hpdwDetail p {
        font-size: 1rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:375px;}*/
    .hptbRight span {
        font-size: 3rem;
    }

    .hptbRight p {
        font-size: 1rem;
    }

    .hptbRight * {
        max-width: 320px;
    }

    .homePageTextBanner {
        width: calc(100% - 40px);
        margin: 20px 0 0 20px;
    }

    .altVideo {
        padding: 20px;
    }

    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 20px;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav {
        left: 10px;
        right: 10px;
    }

    .mainWrapper a span {
        font-size: 1.5rem;
    }

    .mainWrapper a span b {
        font-size: 2.5rem;
    }

    .mainWrapper a span small {
        font-size: 0.8rem;
        letter-spacing: 1px;
        line-height: 1;
    }

    .mainButton a {
        padding: 0 16px;
        height: 38px;
        font-size: .8rem;
    }

    section.elementor-section.mid .footerTempRow {
        gap: 2%;
    }

    section.elementor-section.mid .footerTempRow > div:first-child {
        width: 35%;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap {
        padding: 0 20px 20px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-list-image {
        flex: 0 0 23%;
    }

    .menuBanners {
        gap: 10px;
    }

    .menuBanners > div {
        gap: 10px;
        width: calc(50% - 5px);
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap .nav-submenu,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon .nav-submenu {
        gap: 5px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .dropDown-wrap > li,body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li {
        gap: 10px;
    }

    .webMenuClose {
        padding: 10px 0;
    }

    body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a,body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a {
        font-size: 12px;
    }

    .productKampanya {
        margin: 4px 0 0;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
    }

    span.sptPrice {
        font-size: 13px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 16px 50px;
    }

    .homePageBannerBlock.category {
        margin: 20px 0;
    }

    .homePageBannerBlock.category.sec ul {
        padding: 0 20px;
    }

    .homePageBannerBlock.category .bannerTitle {
        padding: 0 20px 12px;
    }

    .kategoriBaslik {
        padding: 0 20px;
    }

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

    .categoryLinks,body .subDivisionContainer ul {
        padding: 2px 20px;
    }

    body #divSayfalamaUst {
        padding: 20px;
    }

    .ticiContainer.categoryContainer {
        padding: 0 20px;
    }

    .homePageBannerBlock.category.sec ul li img {
        max-height: 160px;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 2.5rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }

    .ProductDetailMainRow {
        padding-left: 0;
    }

    .IP-Product {
        padding-left: 20px;
        width: 51%;
    }

    .IP-Img {
        width: 49%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
        line-height: 150%;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .urunOzellikTab .urunTab >ul >li > a {
        line-height: 40px;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }

    .detailPriceArea {
        gap: 4px;
    }

    .RightDetail {
        width: 40%;
    }

    .leftImage {
        width: 60%;
    }

    .homeSliderBannerContainer .jCarouselLite > ul {
        gap: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li {
        width: calc(50% - 10px);
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productPrice {
        margin: 4px 0 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider {
        gap: 20px;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li {
        width: calc(25% - 15px);
    }

    .ticiContainer.productDetailContainer,body:has(.productDetailContainer) ul.breadcrumb {
        padding-left: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

    body .siparisListContent .orders-info-col2 {
        width: 200px;
    }

    body .siparisListContent .orders-info-col3 {
        width: 200px;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 15px 0 0;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1100px) {
    body .logo-center #hb-logo {
        margin:0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

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

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

@media (max-width: 1099px) {
    #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl {
        padding:0;
        margin: 0;
    }

    body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
        position: relative;
        z-index: 9;
        top: auto;
        left: auto;
        right: auto;
    }

    body #headerNew .header-main .headerContainer {
        position: relative;
    }

    body #headerNew .cart-item {
        top: 10px;
        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 #divTopProductSearch .header-search-form-wrapper,body #divTopProductSearch.dropactive .header-search-form-wrapper {
        top: calc(100% + 10px);
    }

    body #headerNew .header-main {
        height: 64px;
    }

    body #headerNew .mobile-user-item .account-link .svgIcon svg,body #headerNew .mobile-cart-item .svgIcon svg {
        width: auto;
        transition: 1s;
    }

   /* body:has(.homepage) #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {
        background: #fff;
        color: #000;
    }*/

    .mobile-search-item.mobile-item-button {
        display: none!important;
    }

    body #headerNew #divTopProductSearch .newSearcBtnClick {
        display: flex;
    }

    .svgIcon.menu-svg svg {
        transition: 1s;
    }

   /* body:has(.homepage) #headerNew .mobile-user-item .account-link .svgIcon svg, body:has(.homepage) #headerNew .mobile-cart-item .svgIcon svg {
        filter: invert(1);
    }*/

    body:has(.homepage) .svgIcon.menu-svg svg {
        filter: invert(1);
    }

    body:has(.homepage) #headerNew:hover .mobile-user-item .account-link .svgIcon svg, body:has(.homepage) #headerNew:hover .mobile-cart-item .svgIcon svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:hover .svgIcon.menu-svg svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:has(.dropactive) .mobile-user-item .account-link .svgIcon svg, body:has(.homepage) #headerNew:has(.dropactive) .mobile-cart-item .svgIcon svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:has(.dropactive) .svgIcon.menu-svg svg {
        filter: invert(0);
    }

    body:has(.mainSlider .owl-item.active .white) #headerNew .mobile-user-item .account-link .svgIcon svg, body:has(.mainSlider .owl-item.active .white) #headerNew .mobile-cart-item .svgIcon svg {
        filter: invert(0);
    }

    body:has(.mainSlider .owl-item.active .white) #headerNew .svgIcon.menu-svg svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew.fixed .mobile-user-item .account-link .svgIcon svg, body:has(.homepage) #headerNew.fixed .mobile-cart-item .svgIcon svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew.fixed .svgIcon.menu-svg svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:has(.mobileStyle.mobileactive) .mobile-user-item .account-link .svgIcon svg, body:has(.homepage) #headerNew:has(.mobileStyle.mobileactive) .mobile-cart-item .svgIcon svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:has(.mobileStyle.mobileactive) .svgIcon.menu-svg svg {
        filter: invert(0);
    }

    body:has(.homepage) #headerNew:has(.mobileStyle.mobileactive) #hb-logo svg {
        filter: invert(0);
    }

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

    body:has(.homepage) #headerNew:has(.mobileStyle.mobileactive) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path {
        filter: invert(0);
    }

    body #headerNew .menuClose {
        display: none;
        position: absolute;
        left: 21px;
        top: 11px;
        width: 21px;
        height: 21px;
        z-index: 3;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        background: #fff;
    }

    body #headerNew .menuClose.active {
        display: flex;
    }

  /*  body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl {
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        padding: 0 16px;
        white-space: nowrap;
        gap: 12px;
        flex-wrap: nowrap;
        height: auto;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li {
        margin-bottom: 0px;
        border: none;
        width: calc(33.33% - 8px);
        margin-right: 0;
        white-space: normal;
        min-width: calc(33.33% - 8px);
        max-height: max-content;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li:last-child {
        margin-right: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
        color: #1D1F20;
        font-size: 10px;
        font-weight: 400;
        text-align: left;
        padding: 0!important;
        line-height: 1;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a .upTagText {
        font-size: 0;
        max-width: 100%;
        width: 100%;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a .upTagText span, body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a .upTagText img {
        width: 100%;
    }*/

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl::-webkit-scrollbar {
        height: 2px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl::-webkit-scrollbar-track {
        background: #efefef;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl::-webkit-scrollbar-thumb {
        background: var(--main-color-hover);
    }

  /*  body #headerNew .header .newHeaderNavigation.mobileStyle .nextKolonBtn {
        left: 0;
        padding-right: 0;
        font-size: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl li a {
        padding: 0 16px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl li {
        border-bottom: none;
    }*/

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon>li {
        margin-bottom: 20px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu .nav-item {
        margin-bottom: 20px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop {
        height: auto;
        position: fixed;
        top: 80px;
        z-index: 12;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuBackBtn.active {
        height: 40px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn {
        font-size: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu {
        top: 80px!important;
        width: 375px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu {
        height: calc(100% - 96px);
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-wrap.active, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu.active {
        padding-top: 60px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .nav-submenu > li > a.downTagVar {
        color: #500000;
        text-decoration: underline;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .nav-submenu > li > a.downTagVar .downTagText {
        font-size: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml {
        float: left;
        width: 100%;
        display: block;
        padding: 0 16px;
        padding-top: 20px;
        margin-top: 20px;
        position: relative;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml:before {
        background: #DFDEDA;
        content: "";
        position: absolute;
        top: 0;
        left: 16px;
        right: 16px;
        margin: auto;
        height: 1px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml > div {
        float: left;
        width: 100%;
        margin-bottom: 12px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml > div:last-child {
        margin-bottom: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml > div a {
        font-size: 14px;
        color: #2D2D2D;
        text-align: left;
        font-weight: 400;
        line-height: 40px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .menuhtml > div a:after {
        content: '\f054';
        float: right;
        font-family: 'FontAwesome';
        font-weight: 300;
        font-size: 10px;
        color: #1D1F20;
        width: 16px;
        text-align: center;
        line-height: 40px
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner {
        float: left;
        width: 100%;
        padding: 0 16px;
        padding-top: 20px;
        margin-top: 20px;
        position: relative;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner:before {
        background: #DFDEDA;
        content: "";
        position: absolute;
        top: 0;
        left: 16px;
        right: 16px;
        margin: auto;
        height: 1px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner:not(.owl-carousel) a {
        display: none;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner a {
        float: left;
        width: 100%;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner a img {
        width: 100%;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner .owl-item:not(.active,.cloned) {
        opacity: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobilbanner.owl-carousel .owl-dots {
        margin: 20px 0 50px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobiluyelik {
        float: left;
        width: 100%;
        padding: 16px 16px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobiluyelik a {
        float: left;
        width: 100%;
        height: 38px;
        background: #1D1F20;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.24px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobiluyelik > div svg {
        margin-right: 12px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .mobiluyelik > div a {
        font-size: 11px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.24px;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

@media (min-width: 768px) and (max-width: 1041px) {
    body .ulRelatedProducts li {
        width:calc(33.33% - 7px);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
        padding: 0 20px;
    }

    body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer {
        max-width: 100%!important;
        padding: 0 20px!important;
    }

    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList {
        max-width: 100%;
    }

    .sliderBannerContainer .ProductList {
        max-width: 100%;
        padding: 0 40px;
    }

    .detaySliderContainer .ProductList {
        max-width: 100%;
    }

    .markaSlider .jCarouselLite {
        max-width: 100%;
    }

    #divIcerik.homepage {
        margin: 0 auto;
    }

    body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper {
        padding: 0 20px;
    }

    #divMobileImage img {
        width: 100%!important;
    }

    body #mainHolder_divDesign .t-vw-6 .ticiContainer {
        width: 720px!important;
        padding: 0!important;
    }

    #divMobileImageList img {
        width: 100%;
    }

    #divMobileImageList .owl-nav {
        display: flex;
        justify-content: space-between;
        left: 15px;
        right: 15px;
    }

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

    #divMobileImageList .owl-nav > div {
        font-size: 0;
        width: 36px;
        height: 36px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 3px 6px #00000029;
    }

    #divMobileImageList .owl-nav > div:after {
        content: '';
        font-size: 25px;
        color: #000;
        font-weight: 300;
        font-family: 'FontAwesome';
        float: left;
        width: 100%;
        text-align: center;
        line-height: 36px;
    }

    #divMobileImageList .owl-nav > div.owl-prev:after {
        content: '\f104';
    }

    #divMobileImageList .owl-nav > div.owl-next:after {
        content: '\f105';
    }

    #divMobileImageList .owl-nav > div:hover {
        filter: invert(1);
    }

    body ng-form#FrmYeniUye {
        flex-direction: column;
        gap: 20px;
    }

    body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol {
        width: 100%;
    }

    body .userDivLeft {
        margin-bottom: 20px;
    }

    body .icerikIkiliBlok,body .UyelikSilmeAktifDiv {
        width: 100%;
    }

    body .icerikIkiliBlok:nth-child(2n) {
        width: 100%;
        margin-top: 20px;
    }

    body .solAnaMenu {
        width: 100%;
    }

    body .sagIcerikTutucu {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    #divProductImageCarousel img {
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }

    #divProductImageCarousel .owl-nav {
        display: flex;
        justify-content: space-between;
        left: 15px;
        right: 15px;
        width: auto;
    }

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

    #divProductImageCarousel .owl-nav > div {
        font-size: 0;
        width: 40px;
        height: 40px;
        background: var(--main-color);
        border-radius: 0;
        box-shadow: 0px 3px 6px #00000029;
    }

    #divProductImageCarousel .owl-nav > div:hover {
        background: var(--main-color-hover);
    }

    #divProductImageCarousel .owl-nav > div:after {
        content: '';
        font-size: 25px;
        color: #fff;
        font-weight: 300;
        font-family: 'FontAwesome';
        float: left;
        width: 100%;
        text-align: center;
        line-height: 40px;
    }

    #divProductImageCarousel .owl-nav > div.owl-prev:after {
        content: '\f104';
    }

    #divProductImageCarousel .owl-nav > div.owl-next:after {
        content: '\f105';
    }

    #divProductImageCarousel.owl-carousel .owl-nav > div span {
        display: none!important;
    }

    .SmallImages,.Images, #divVideoGoruntulemeAlan {
        display: none!important;
    }

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

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

    .mainBottom {
        padding: 0 40px;
        margin-top: -120px;
    }

    .mainTitle span {
        font-size: 3rem;
    }

    .mainWrapper {
        margin: 15px 0 0;
        gap: 10px;
    }

    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {
        gap: 20px;
    }

    body .header-main .header-nav.nav-right {
        gap: 20px;
    }

    .mainText span {
        font-size: 2.5rem;
    }

    .mainText span b {
        font-size: 65px;
    }

    .mainButton {
        margin: 20px 0 0;
        gap: 15px;
    }

    .homePageCategoryTab {
        padding: 0 20px;
    }

    .hpcRight {
        padding: 20px 0 0;
        width: 100%;
    }

    .hpcTitle {
        margin: 0 0 20px;
    }

    .hpcRight ul {
        gap: 20px;
    }

    .categoryAllBtn {
        margin: 0;
    }

    .homePageDesa span {
        font-size: 2.5rem;
    }

    .homePageDesa {
        padding: 75px 20px;
        margin: 20px 0 0;
    }

    .bannerTitle {
        padding: 10px 20px 30px;
        font-size: 3rem;
    }

    .hptbRight {
        padding: 30px;
    }

    .hpdwWrapper {
        padding: 0 0 0 20px;
    }

    .homePageDesaWorld ul li {
        gap: 10px;
    }

    .hpdwDetail span {
        font-size: 1rem;
    }

    .hpdwDetail p {
        font-size: .8rem;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 40px;
    }*/

    /*.hpdwWrapper .owl-item.active-left{min-width:275px;}*/
    .hptbRight span {
        font-size: 3rem;
    }

    .hptbRight p {
        font-size: 1rem;
    }

    .hptbRight * {
        max-width: 320px;
    }

    .homePageTextBanner {
        width: calc(100% - 40px);
        margin: 20px 0 0 20px;
    }

    .altVideo {
        padding: 20px;
    }

    .mainSlider .bannerDetail {
        height: auto;
        top: auto;
        bottom: 0;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav {
        left: 10px;
        right: 10px;
    }

    .mainWrapper a span {
        font-size: 1.5rem;
    }

    .mainWrapper a span b {
        font-size: 2.5rem;
    }

    .mainWrapper a span small {
        font-size: 0.8rem;
        letter-spacing: 1px;
        line-height: 1;
    }

    .mainButton a {
        padding: 0 16px;
        height: 38px;
        font-size: .8rem;
    }

    section.elementor-section.mid .footerTempRow {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.elementor-section.mid .footerTempRow > div:first-child {
        width: 100%;
        margin: 0;
        max-width: 100% !important;
        margin-bottom: 40px;
    }

    .mainTitle {
        gap: 0;
    }

    .bannerDetail span {
        font-size: 1rem;
    }

    .bannerDetail a {
        font-size: .8rem;
    }

    .mainText {
        padding: 20px;
    }

    .mainText > p {
        margin: 20px 0 0;
    }

    .hpcLeft {
        width: 100%;
    }

    .hpdwDetail .categoryAllBtn {
        margin: 0;
    }

    .categoryAllBtn a {
        font-size: .8rem;
        gap: 10px;
    }

    .hpdwDetail {
        gap: 5px;
    }

    .productKampanya {
        margin: 4px 0 0;
        gap: 0 4px;
    }

    .KatSepetFiyatOzelAlan3 {
        letter-spacing: 1px;
        gap: 3px;
        font-size: 8px;
    }

    span.sptPriceOzelAlan3 {
        font-size: 11px;
    }

    .KatSepetFiyat {
        gap: 3px;
        letter-spacing: 1px;
        padding: 0 5px;
        font-size: 8px;
    }

    span.sptPrice {
        font-size: 11px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 12px 24px;
    }

    .homePageBannerBlock.category.sec .bannerDetail a {
        font-size: 1rem;
    }

    .homePageBannerBlock.category {
        margin: 10px 0;
    }

    .homePageBannerBlock.category.sec ul {
        padding: 0 20px;
    }

    .homePageBannerBlock.category .bannerTitle {
        padding: 0 20px 12px;
        font-size: 2rem;
    }

    .kategoriBaslik {
        padding: 0 20px;
        margin: 6px 0 3px;
        height: 25px;
    }

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

    .categoryLinks,body .subDivisionContainer ul {
        padding: 2px 20px;
    }

    body #divSayfalamaUst {
        padding: 20px;
    }

    .ticiContainer.categoryContainer {
        padding: 0 20px;
    }

    .homePageBannerBlock.category.sec ul li img {
        max-height: 100px;
    }

    .categoryTitleText {
        padding: 10px 0;
    }

    body:has(.homePageBannerBlock.category.sec) .kategoriBaslik h1 {
        font-size: 1rem;
    }

    .selectHtml .selectBtn {
        font-size: .8rem;
        gap: 6px;
        height: 22px;
    }

    .FiltreBtn {
        font-size: .8rem;
        height: 22px;
        margin: 0;
    }

    .selectHtml {
        margin-right: 20px;
    }

    .selectHtml .selectList ul {
        margin-top: 8px;
        padding: 10px;
    }

    .selectHtml .selectList ul li {
        margin: 0 0 4px;
    }

    .selectHtml .selectList ul li span {
        line-height: 220%;
        font-size: 12px;
    }

    div#divSayfalamaUst .kategoriBaslik h1 {
        line-height: 22px;
    }

    body .sortingContent .blockSelect:before {
        line-height: 22px;
        font-size: .8rem;
    }

    body .sortingContent .blockSelect a {
        height: 22px;
    }

    .kategoriBaslik h1 {
        font-size: 20px;
    }

    /*body.scrolled div#divSayfalamaUst .kategoriBaslik{height:22px;}*/
    body .quickViewIco a {
        gap: 6px;
        font-size: 10px;
        height: 34px;
    }

    body .ProductPreviewLeft {
        width: 35%;
        padding: 16px;
        height: calc(100dvh - 64px);
    }

    body .PreviewallImages {
        gap: 16px;
    }

    .hizliBakisHead {
        height: 64px;
        padding: 0 16px;
    }

    body .fancybox-skin:has(#hizliBakis) .fancybox-close {
        padding: 0 16px;
        height: 64px;
        width: auto;
    }

    body .ProductPreviewRight {
        width: 65%;
        padding: 16px;
        height: calc(100dvh - 64px);
    }

    .fancybox-wrap:has(#hizliBakis),body .miniCartRigth, body .miniCartGiftCodeContent,body .category-vertical-filters.top-filters {
        width: 90%!important;
    }

    .detailPriceArea {
        gap: 6px;
        margin: 4px 0 0;
    }

    body .UrunuIncele {
        margin: 12px 0 0;
    }

    body #divHizliBakisIlgiliUrun .ProductList .JKatAdi {
        padding: 20px 0 8px!important;
    }

    body .divKombinEksecenekTipi .kombinleft_line {
        margin: 20px 0 8px;
    }

    body .ProductPreviewForm div#divFiyatAlanlari {
        margin: 20px 0 0;
    }

    body .ulRelatedProducts li .relatedAddtoCartBtn {
        padding: 6px 12px;
    }

    body .miniCartLeftProduct {
        display: none;
    }

    div#divMagazaStok {
        margin: 20px 0 0;
    }

    .RightDetail .BottomList {
        margin: 10px 0 0;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 40px 0 20px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 2.5rem;
    }

    div#BenzerUrunDiv {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }

    .ProductDetailMainRow {
        padding-left: 0;
    }

    .IP-Product {
        padding-left: 20px;
        width: 51%;
    }

    .IP-Img {
        width: 49%;
    }

    .ulUrunSlider.owl-carousel .owl-dots,.productBlock .owl-carousel .owl-dots {
        margin: 20px 0!important;
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 5px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        letter-spacing: .5px;
        line-height: 150%;
    }

    .specialBtn {
        margin: 20px 0 0;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -38px!important;
    }

    .urunOzellikTab .urunTab >ul >li > a {
        line-height: 40px;
    }

    .sPricOzelAlan3 {
        gap: 4px;
        letter-spacing: 1px;
    }

    .sPric {
        gap: 4px;
        letter-spacing: 1px;
        padding: 3px 4px;
    }

    .detailPriceArea {
        gap: 4px;
    }

    .RightDetail {
        width: 100%;
        position: relative;
        top: auto;
        padding: 20px 0 0;
    }

    .leftImage {
        width: 100%;
    }

    .homeSliderBannerContainer .jCarouselLite > ul {
        gap: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li {
        width: calc(50% - 10px);
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li .productItem > div.productDetail > div.productPrice {
        margin: 4px 0 0;
    }

    div#aksesuarlarContent ul.ulUrunSlider {
        gap: 20px;
    }

    div#aksesuarlarContent ul.ulUrunSlider > li {
        width: calc(25% - 15px);
    }

    .ticiContainer.productDetailContainer,body:has(.productDetailContainer) ul.breadcrumb {
        padding-left: 20px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName {
        margin: 0;
    }

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

    body .leftImage .ProductGallery {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .leftImage {
        aspect-ratio: 1;
    }

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

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

    #divProductImageCarousel {
        height: 100%;
    }

    .detailProductEx {
        left: 10px;
        top: 10px;
        gap: 5px;
    }

    .leftImage:has(.ProductGallery) .detailProductEx {
        left: 15px;
    }

    .discountIcon:before {
        margin-left: 7px;
        margin-right: 2px;
    }

    .bedenTabloHtml {
        width: 90%;
        min-width: 90%;
    }

    .bedenWrapper ul {
        width: 35%;
        padding: 16px;
    }

    .bedenItem {
        left: 35%;
        padding: 24px 16px 0;
    }

    .bedenImg {
        margin: 30px 0;
    }

    .bedenTablo table tr th {
        letter-spacing: 1px;
    }

    .bedenTablo table tr th,.bedenTablo table tr td {
        padding: 10px 0;
    }

    .bedenTablo table tr td {
        font-size: 12px;
    }

    .bedenWrapper ul li {
        margin: 0 0 12px;
    }

    .bedenTabloHead {
        padding: 0 16px;
        height: 64px;
    }

    div#divUrunKisiselNot {
        min-width: 90%;
        width: 90%;
    }

    .divUrunKisiselNotBanner {
        padding: 16px!important;
        width: 35%!important;
        height: calc(100% - 64px);
    }

    div#divUrunKisiselNot > div {
        width: 65%;
        padding: 16px;
        font-size: 1rem;
    }

    .divUrunKisiselNotBanner > div {
        margin: 0 0 16px;
    }

    input#txtbxUrunKisiselNot {
        font-size: 1rem;
    }

    .divUrunKisiselNotHeader {
        height: 64px;
        padding: 0 16px!important;
    }

    .detailFixedArea {
        width: 90%;
        min-width: 90%;
    }

    .detailFixedArea .urunOzellikTab .urunTab >ul {
        padding: 0 40px 0 12px;
        justify-content: space-between;
    }

    .detailFixedArea .urunOzellikTab .urunTab >ul > li {
        height: 63px;
    }

    .detailFixedArea .urunOzellikTab .urunTab >ul >li {
        width: auto;
    }

    .detailFixedAreaCloseBtn {
        right: 12px;
        top: 23px;
    }

    .detailFixedArea .urunOzellikTab .urunTab >ul > li > a {
        text-align: center;
        font-size: 11px;
    }

    .detailFixedArea .urunDetayPanel {
        height: calc(100% - 65px);
        top: 65px;
    }

    .ozellikLeft,.ozellikLeftSabit {
        width: 35%;
        padding: 16px;
    }

    .urunTabAlt {
        width: 65%;
        padding: 16px;
        gap: 5px;
        font-size: 12px;
        line-height: 130%;
    }

    .ozellikRight {
        gap: 5px;
    }

    .ozellikRight span:has(img) {
        gap: 6px;
    }

    .ozellikLeft .AltImgCapSmallImg, .ozellikLeft .thumb-item,.ozellikLeftSabit .thumb-item {
        margin-bottom: 16px;
    }

    body .urunOzellikTab .taksitWrapper .taksitBlock {
        padding: 12px;
    }

    body .taksitWrapper .taksitBlock .taksitLogo {
        margin: 0 0 10px;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitAdet:before,body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.taksitTutar:before,body .taksitWrapper .taksitBlock .taksitBlockContent table tr:first-child td.TaksitToplamTutar:before {
        margin: 0 0 10px;
        font-size: 8px;
        letter-spacing: .7px;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitTutar,body .taksitWrapper .taksitBlock .taksitBlockContent tr td.TaksitToplamTutar,body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitAdet {
        font-size: 10px;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent table tr {
        padding: 5px 0;
    }

    body #inStockModal>.modal-content {
        max-width: 600px;
    }

    body #inStockModal #stoktakiMagazalar h2 {
        padding: 0 16px;
        height: 64px;
    }

    body #inStockModal span.modal-close {
        height: 64px;
        padding: 0 16px;
    }

    body #saticiyaSoruSor .modal-content {
        min-width: 90%;
        width: 90%!important;
    }

    body #saticiyaSoruSor.ticimaxModal .modal-close {
        height: 64px;
        padding: 0 16px;
    }

    body .ebultenPopupSection .content-heading {
        padding: 0 16px;
        height: 64px;
    }

    body .ebultenPopupSection .content-body {
        padding: 16px;
        width: 65%;
    }

    body .ebultenPopupSection .userSozlesmeDiv a {
        font-size: 10px;
    }

    body #saticiyaSoruSor .ozellikLeft {
        height: calc(100% - 64px);
    }

    body .divRelatedProductsPopup h3 {
        line-height: 64px;
        padding: 0 16px;
    }

    body #relatedProduct .modal-content span.modal-close {
        line-height: 64px;
        padding: 0 16px;
    }

    body .divRelatedProductsPopup .ulRelatedProducts {
        padding: 16px 16px 6px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
        padding: 0 16px;
        height: 64px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {
        width: 35%;
        padding: 16px;
        height: calc(100% - 129px);
    }

    body .category-vertical-filters.top-filters .panel {
        margin: 0 0 10px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown {
        padding: 16px 16px 0;
        left: 35%;
    }

    body .panel-search {
        margin: 0 0 16px!important;
    }

    .filtreAlt {
        padding: 10px 16px;
    }

    .categoryDeleteFilters {
        padding: 16px;
        height: 64px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters:has(.categoryDeleteFilters) .FiltreicerikAlan {
        height: calc(100% - 193px);
    }

    body div#urunFavoriV2.ticimaxModal .modal-content {
        width: 100%!important;
        max-width: 600px;
    }

    body .detayFavoriListesiContent > div.favoriTitle {
        padding: 0 16px;
        height: 64px;
    }

    body div#urunFavoriV2.ticimaxModal .modal-close {
        height: 64px;
        padding: 0 16px;
    }

    body .detayFavoriListesiContent > div {
        padding: 16px;
    }

    body .detayFavoriListesiContent > div#divGrupOlusturContent {
        padding: 0 16px 16px;
    }

    body .divGrupOlusturContentBottomError {
        padding: 0 0 5px;
    }

    body .miniCartRigthHeader {
        height: 64px;
    }

    body .miniCartRigthScroll {
        height: calc(100dvh - 64px);
        padding: 16px;
    }

    body .miniCartRigthHeader .spnCartTxt {
        padding: 0 16px;
    }

    body .miniCartRigthHeader .header-close-btn {
        right: 16px;
    }

    body .miniCartItemprice {
        margin-top: 12px;
    }

    body .miniCartHr {
        margin: 10px 0;
    }

    body .divKombinEksecenekTipi .bedenT {
        top: 16px;
    }

    body.scrolled div#divSayfalamaUst .kategoriBaslik {
        height: 22px;
    }

    body.Magazalar .ticiContainer {
        padding: 0 20px;
    }

    body.Magazalar .ticiContainer:before {
        margin: 20px 0;
    }

    body.Magazalar .magazaSelect {
        margin: 0 0 20px;
        width: 100%;
    }

    body.Magazalar #searchStore {
        width: 100%;
    }

    body.Magazalar .magazalarContent {
        width: 100%;
        margin: 20px 0 0;
        padding: 0;
    }

    body .mapsGoster {
        width: 100%;
        margin: 20px 0 0;
    }

    body .siparisDetayBtn {
        top: 30px;
        right: 20px;
    }

    body .siparisListe .altButonTutucu a.siparislerim-ustButon {
        font-size: 11px;
    }

    body .siparisUrun .siparisDetayBtn .kargoTakibiBtn {
        font-size: 11px;
    }

    body .siparisUrun .siparisDetayBilgileri a {
        font-size: 11px!important;
        white-space: nowrap;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 10px 0 20px;
        max-width: 100%;
        height: auto;
    }

    .htopCenter {
        padding: 0 20px;
    }
}

/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1041px) {
    /******************************************************/ .navigation {
        display: none;
    }

    #divSayfalamaUst .filterBlock {
        display: block!important;
    }

    .mobilMenuAcButton {
        display: block;
    }

    body .dropdown-toggle:after {
        display: none;
    }

    body #divSayfalamaUst {
        padding: 20px;
        margin: 0;
        width: 100%;
        border: none;
    }

    .urunListRel {
        width: 100%;
    }

    body .mobilFilterOpenBtn .button {
        padding: 0;
        margin: 0;
        color: #000;
        border: 1px solid #E6E6E6;
        width: calc(50% - 10px);
        float: left;
        line-height: 38px;
        background: #fff;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
    }

    body .mobilFilterOpenBtn .button:before {
        content: '';
        font-family: 'FontAwesome';
        display: inline-block;
        vertical-align: top;
        line-height: 38px;
        margin-right: 5px;
        font-weight: 300;
    }

    body .mobilFilterOpenBtn .button.mobilSiralamBtn {
        float: left;
    }

    body .mobilFilterOpenBtn .button.mobilFilterBtn {
        float: right;
    }

    body .mobilFilterOpenBtn .button.mobilFilterBtn:before {
        content: '\f1de';
    }

    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
        content: '\f15d';
    }

    body .mobilFilterOpenBtn {
        margin: 0;
        padding: 0;
        display: none!important;
    }

    .categorydesign .uNo {
        float: right;
        color: #999a9d;
        font-size: 12px;
    }

    body #divSayfalamaUst .filterDeleteContent {
        display: none;
    }

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after {
        display: none;
    }

    body #divSayfalamaUst: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) {
    .mainSlider .bannerDetail {
        height:auto;
        bottom: 0;
        padding: 10px;
        gap: 0;
    }

    .mainBottom {
        padding: 0 20px;
        margin-top: -150px;
    }

    .mainTitle span {
        font-size: 32px;
    }

    .mainTitle a {
        font-size: 11px;
    }

    .mainWrapper {
        gap: 11px;
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .mainWrapper a {
        flex: 1;
    }

    .mainWrapper a:nth-child(5) {
        display: none;
    }

    .mainWrapper a:last-child {
        flex: none;
        width: 100%;
        aspect-ratio: auto;
        box-shadow: none;
        background: #fff;
    }

    .mainWrapper a span {
        font-family: var(--main-font-family);
        font-size: 10px;
        font-style: normal;
        letter-spacing: 1.5px;
        font-weight: 600;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        gap: 4px;
        padding: 0;
    }

    .mainWrapper a span i {
        font-style: normal;
    }

    .mainWrapper a span small {
        line-height: normal;
    }

    .mainWrapper a span br {
        display: none;
    }

    .mainWrapper a span b {
        font-size: 32px;
        line-height: normal;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav {
        top: auto;
        right: 20px;
        left: auto;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div {
        box-shadow: none;
        background: transparent;
        border-radius: 0;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div:hover {
        background: transparent;
    }

    #mainHolder_divDesign .mainSlider .owl-carousel .owl-nav > div:hover span:after {
        color: #000;
    }

    .mainText {
        padding: 10px;
        gap: 0;
        justify-content: center;
    }

    .mainBannerText {
        flex-direction: column-reverse;
        justify-content: start;
    }

    .mainBannerText > div {
        width: 100%;
        height: auto;
        margin: auto;
    }

    .mainText span {
        font-size: 1.5rem;
    }

    .mainText span b {
        font-size: 35px;
        margin-right: 10px;
    }

    .mainText span small {
        font-size: .8rem;
    }

    .mainButton {
        margin: 20px 0 0;
        gap: 10px;
    }

    .mainButton a {
        height: 35px;
        padding: 0 15px;
        font-size: .8rem;
    }

    .mainText > p {
        margin: 15px 0 0;
    }

    #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,.owl-carousel .owl-dots .owl-dot {
        width: 40px;
    }

    .mainSlider ul li {
        height: 100%;
        flex-direction: column;
    }

    .bannerDetail a {
        font-size: 11px;
    }

    .bannerDetail span {
        font-size: .9rem;
    }

    #mainHolder_divDesign .owl-carousel .owl-dots,.owl-carousel .owl-dots {
        margin: 30px 0;
        display: none;
    }

    #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 {
        height: 62px;
    }

    body #headerNew .cart-item {
        right: 7px;
    }

    .mainSlider ul li.white {
        height: calc(100dvh - 92px);
    }

    .homePageCategoryTab {
        margin: 40px 0 0;
        padding: 0 16px;
    }

    .hpcTitle {
        margin: 0 0 12px;
    }

    .hpcTitle span {
        font-size: 11px;
    }

    .hpcLeft {
        width: 100%;
    }

    .hpcRight {
        padding: 16px 0 0;
        width: 100%;
        gap: 16px;
    }

    .hpcRight ul {
        gap: 32px 16px;
    }

    .hpcRight ul li {
        width: calc(50% - 8px);
    }

    .hpcRight ul li a {
        font-size: 10px;
        line-height: normal;
    }

    .categoryAllBtn {
        margin: 30px 0 0;
    }

    .categoryAllBtn a {
        font-size: 11px;
        gap: 12px;
        letter-spacing: 0.5px;
    }

    .homePageDesa {
        padding: 80px 20px;
    }

    .homePageDesa span {
        font-size: 36px;
    }

    .homePageDesa p {
        font-size: 12px;
    }

    .homePageDesa small {
        font-size: 16px;
    }

    .bannerTitle {
        padding: 20px 16px;
        font-size: 32px;
    }

    .homePageBannerBlock ul {
        flex-direction: column;
    }

    .bannerDetail {
        gap: 3px;
    }

    .homePageTextBanner {
        width: 100%;
        margin: 40px 0 0;
        flex-direction: column;
    }

    .homePageTextBanner > div {
        width: 100%;
    }

    .hptbRight {
        padding: 40px 32px;
        gap: 10px;
        min-height: unset;
    }

    .hptbRight small {
        font-size: 10px;
    }

    .hptbRight span {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .hptbRight p {
        font-size: 12px;
        margin: 0;
    }

    .altVideo {
        padding: 0;
    }

   /* body [class*="t-pt-"] {
        margin: 0!important;
    }*/

    .homePageDesaWorld {
        margin: 20px 0 0;
    }

    .hpdwWrapper {
        padding: 0 0 0 16px;
    }

    /*.hpdwWrapper .owl-item.active-left{min-width:320px;}*/
    .homePageDesaWorld ul li {
        gap: 20px;
    }

    .hpdwDetail p {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }

    .hpdwDetail .categoryAllBtn {
        margin: 0;
    }

   /* #mainHolder_divDesign .owl-carousel .owl-nav,.owl-carousel .owl-nav {
        right: 16px;
    }*/

    .guvenItem {
        font-size: 12px;
    }

    .guvenList {
        gap: 10px;
        justify-content: space-between;
    }

    section.elementor-section.mid .footerTempRow > div:first-child {
        margin: 0;
        width: 100%;
    }

    body .footerTemp .footerMenul.accordionMode .footerMenuAlt li {
        margin: 0 0 10px;
    }

    body .footerTemp .footerMenul.accordionMode .footerMenuAlt li:last-child {
        margin: 0;
    }

    section.elementor-section.mid .footerTempRow > div:last-child {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

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

    section.elementor-section.mid .footerTempRow > div:last-child > div:first-child {
        width: 100%;
    }

    .clear-both {
        display: none!important;
    }

    body .footerLang .header-dil-content #lang_flag_container #lang-detail .language,body .footerLang .header-dil-content #lang_flag_container #lang-detail .currency {
        justify-content: center;
    }

    .sliderBannerContainer .ProductList {
        max-width: calc(100% - 32px);
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi {
        padding: 0!important;
    }

    .JKatAdi {
        padding: 40px 0 40px!important;
    }

    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1 {
        font-size: 20px;
    }

    .ulUrunSlider.owl-carousel .owl-nav {
        bottom: -80px!important;
        display: none!important;
    }

    .ulUrunSlider.owl-carousel .owl-dots {
        display: none!important;
    }

    .Block_Link {
        position: static;
        padding: 0 16px;
        margin: 10px 0 0;
    }

    .Block_Link a {
        font-size: 11px;
        height: 28px;
    }

    body #hb-logo svg {
        max-height: 24px;
    }

    .mainTopVideo {
        padding-bottom: 0%;
        height: 100%;
    }

    .mainSlider ul li:has(.videoBanner) {
        height: 100%;
    }

    .videoWrapper {
        padding-bottom: 135%;
    }

    .bedenTabloHtml {
        min-width: 100%;
        width: 100%;
        top: 10%;
        border-radius: 20px 20px 0 0;
    }

    .bedenTabloHead {
        padding: 0 16px;
        height: 88px;
        border: none;
    }

    .bedenWrapper {
        height: calc(100% - 88px);
        padding-bottom: 20px;
    }

    .bedenWrapper ul {
        padding: 0;
        width: 100%;
        border: none;
    }

    .bedenWrapper ul li > span {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 16px;
    }

    .bedenItem {
        position: static;
        padding: 20px 16px;
    }

    .bedenItemTitle {
        font-size: 14px;
    }

    .bedenItemText {
        font-size: 12px;
    }

    .bedenTablo table tr th {
        font-size: 8px;
        letter-spacing: 1.5px;
    }

    .bedenTablo table tr th, .bedenTablo table tr td {
        padding: 12px 0;
    }

    .bedenTablo table tr td {
        font-size: 12px;
    }

    body .ticimaxDialog-danger p {
        font-size: 30px;
    }

    .categoryTitleText {
        padding: 0;
    }

    body:has(.categoryContainer) ul.breadcrumb {
        height: 40px;
    }

    body ul.breadcrumb li:first-child > a {
        height: 40px;
        min-width: 26px;
        background-position: left;
        margin-right: 8px;
    }

    body ul.breadcrumb li:first-child a span:after {
        margin: 0;
        float: right;
    }

    body ul.breadcrumb li:first-child > a > span {
        float: right;
    }

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

    .kategoriBaslik {
        margin: 0 0 12px;
        padding: 0 16px;
    }

    body:has(.homePageBannerBlock.category.sec) .kategoriBaslik h1 {
        font-family: Cormorant Garamond;
        font-weight: 300;
        font-size: 28px;
        line-height: 125%;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

    body:has(.categoryContainer) .subDivisionContainer ul {
        height: 40px;
        gap: 18px;
        align-items: center;
    }

    body .categoryLinks,body .subDivisionContainer ul {
        padding: 2px 16px;
    }

    body .categoryLinks a,body .subDivisionContainer a {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .selectHtml .selectBtn {
        font-family: Lato;
        font-weight: 600;
        font-size: 14px;
        line-height: 200%;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        gap: 8px;
        height: 40px;
    }

    .FiltreBtn {
        margin: 0;
        height: 40px;
    }

    .selectHtml {
        margin-right: 20px;
    }

    body .sortingContent .blockSelect:before {
        display: none;
    }

    .FiltreBtn img {
        display: none;
    }

    body #divSayfalamaUst {
        margin: 0 0 8px;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_ {
        background-image: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/2li.svg);
    }

    body .sortingContent .blockSelect a {
        height: 40px;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_3, body .sortingContent .blockSelect a.btnCatSorting.sort_4 {
        display: none;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_hrz, body .sortingContent .blockSelect a.btnCatSorting.sort_2 {
        display: block;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_2 {
        width: 16px;
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/2li.svg) no-repeat center;
        margin-right: 12px;
        float: left;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_2:hover {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/2lih.svg) no-repeat center;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_2.Active {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/2lih.svg) no-repeat center;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_hrz {
        width: 16px;
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/1li.svg) no-repeat center;
        margin-right: 0;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_hrz:hover {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/1lih.svg) no-repeat center;
    }

    body .sortingContent .blockSelect a.btnCatSorting.sort_hrz.Active {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/1lih.svg) no-repeat center;
    }

    .homePageBannerBlock.category .bannerTitle {
        padding: 0 16px 8px;
        font-size: 24px;
    }

    .homePageBannerBlock.category.sec {
        margin: 0;
    }

    .homePageBannerBlock.category.sec ul {
        padding: 0 16px;
        flex-direction: row;
    }

    .homePageBannerBlock.category.sec ul li img {
        max-height: 70px;
    }

    .homePageBannerBlock.category.sec .bannerDetail {
        padding: 8px;
    }

    .homePageBannerBlock.category.sec .bannerDetail a {
        font-size: .8rem;
        line-height: normal;
    }

    /*body.scrolled div#divSayfalamaUst .kategoriBaslik{display:none;}
    body.scrolled:has(.categoryContainer) .subDivisionContainer ul{height: 40px;}*/
    .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%;
    }

    .catLinks {
        flex-direction: column;
    }

    .catLinks > a {
        width: 100%;
    }

    .ozelAlan1 img {
        max-height: 8px;
    }

    .productIconEx > div {
        gap: 4px;
    }

    .productIconEx {
        left: 4px;
        top: 4px;
        gap: 4px;
    }

    .favori a:after {
        font-size: 14px;
    }

    .productItem .productName a {
        font-size: 10px;
        line-height: 11px;
        height: 22px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .productItem .regularPrice {
        margin-right: 4px;
    }

    .productItem .regularPrice span,.productItem .discountPrice span {
        font-size: 10px;
    }

    .discountIcon {
        font-size: 10px;
        line-height: 14px;
        gap: 3px;
        margin-left: 5px;
        padding-left: 5px;
    }

    .KatSepetFiyatOzelAlan3 {
        font-size: 8px;
        letter-spacing: 1.5px;
        line-height: normal;
        flex-wrap: nowrap;
        gap: 0 6px;
        white-space: nowrap;
        max-width: 100%;
        overflow: auto;
    }

    .KatSepetFiyatOzelAlan3::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .sPricOzelAlan3 {
        font-size: 11px;
        letter-spacing: 1.5px;
        line-height: normal;
    }

    .sPric span.sptPriceOzelAlan3,.sPricOzelAlan3 span.sptPriceOzelAlan3 {
        font-size: 16px;
        line-height: normal;
    }

    .KatSepetFiyat {
        padding: 0 4px;
        font-size: 8px;
        letter-spacing: 1px;
        flex-wrap: nowrap;
        gap: 0 6px;
        white-space: nowrap;
        max-width: 100%;
        overflow: auto;
        line-height: 16px;
    }

    .sPric {
        padding: 1px 4px;
        font-size: 11px;
        letter-spacing: 1.5px;
        white-space: nowrap;
        max-width: 100%;
        overflow: auto;
    }

    .KatSepetFiyat span.sptPrice {
        font-size: 12px;
    }

    .KatSepetFiyat::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    #divUrunEkSecenek .eksecenekLine .left_line {
        letter-spacing: 1px;
    }

    body #productDetailRelated>a {
        width: 63px;
        height: 63px;
        padding: 3px;
    }

    .homePageBannerBlock.category {
        margin: 0;
    }

    .categoryContainer .ProductList.PlSc_hrz .ItemOrj:has(.isBanner) {
        display: none;
    }

    .categoryContainer .ProductList.PlSc_hrz .ItemOrj:has(.isBanner)+.ItemOrj {
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj:has(.isBanner), .categoryContainer .ProductList.PlSc_2 .ItemOrj:has(.isBanner)+.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 .productItem.isBanner .productImage a {
        padding-bottom: 133%;
    }

    .categoryContainer .ProductList.PlSc_2 .ItemOrj:has(.isBanner)+.ItemOrj .productItem .productName a, .categoryContainer .ProductList.PlSc_hrz .ItemOrj .productItem .productName a {
        white-space: nowrap;
        height: 11px;
        -webkit-line-clamp: 1;
    }

    body .quickViewIco a {
        font-size: 10px;
        gap: 6px;
        height: 32px;
    }

    /*body.scrolled #divSayfalamaUst{margin:12px 0;}*/
    body #divSayfalamaUst {
        padding: 0 16px;
    }

    .selectHtml {
        z-index: 8;
    }

    .productDetail > .quickViewIco {
        display: none!important;
    }

    body:has(.categoryContainer) section.elementor-section:has(.guvenList) {
        display: none;
    }

    body.urunsecbody #divUrunEkSecenek {
        position: fixed;
        left: 0;
        bottom: 70px;
        right: 0;
        padding: 16px;
        border-radius: 20px 20px 0 0;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .left_line {
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 1px;
    }

    body.urunsecbody .bedenT {
        display: none;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
        min-width: 100%;
        text-align: left;
        margin: 0 0 8px;
        padding: 0 0 8px;
        border-bottom: 1px solid #DFDEDA;
        font-size: 14px;
        color: var(--main-color);
        line-height: 40px;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    body.urunsecbody div#divSatinAl {
        z-index: 99999999;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child {
        border-bottom: 0;
        padding-bottom: 16px;
    }

    body.urunsecbody #divUrunEkSecenek .tooltipp {
        display: none;
    }

    body.urunsecbody .basketBtn input {
        background: #828280;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {
        border-top: 1px solid;
        padding-bottom: 16px;
    }

    body.urunsecbody #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
        color: var(--main-color-hover);
        text-decoration: underline;
    }

    body .ticimaxDialogContainer.dialogSiparis {
        margin: 0!important;
        left: 0;
        right: 0;
        width: 100%;
        transform: none!important;
        max-width: 100%;
        transition: 1s;
        position: fixed;
        top: auto;
        bottom: 0;
    }

    body.ticiDialog .dialogSiparis .ticimaxDialogTxt {
        border-radius: 20px 20px 0 0;
        max-width: 100%;
        min-width: fit-content;
        padding: 0;
        flex-direction: column;
        width: 100%;
        float: left;
        position: static;
    }

    body .dialogSiparis .ticimaxDialogTxt.ticimaxDialog-success > a {
        height: 80px;
        width: auto;
        border: none;
        padding: 0 24px;
        position: static;
        float: right;
        margin: 0 0 0 auto;
    }

    body .dialogSiparis .ticimaxDialogTxt.ticimaxDialog-success > a:after {
        font-weight: 300;
        font-size: 20px;
    }

    body .dialogSiparis .ticimaxDialog-success:before {
        width: 33px;
        height: 33px;
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/bag.svg) no-repeat center / contain;
        font-size: 0;
        padding: 0;
    }

    body .dialogSiparis .ticimaxDialog-success p {
        margin: 24px 0;
        font-size: 32px;
        font-weight: 300;
        padding: 0 0 24px!important;
    }

    body .dialogSiparis .ticiNotyBtnCancel {
        display: none;
    }

    body .dialogSiparis .ticiNotyBtnConfirm {
        border: 1px solid var(--main-color);
        line-height: 36px;
        padding: 0;
        background: #fff!important;
        color: var(--main-color)!important;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
    }

    body .dialogSiparis .ticimaxDialogTxt.ticimaxDialog-success > * {
        padding: 0;
    }

    div.ticimaxDialogContent:has(.ticimaxDialogContainer.dialogSiparis) {
        height: 100%;
    }

    body .dialogSiparis .ticiNotyBtnConfirm:after {
        content: 'SEPETE GİT';
        font-size: 11px;
    }

    body .dialogSiparis .ticimaxDialogTxt.ticimaxDialog-success > div {
        box-shadow: 0px 0px 20px 0px #0000001A;
        padding: 12px;
    }

    #divUrunOzellikAlani .ozellikLeft {
        display: none;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li {
        width: calc(50% - 8px);
    }

    .urunsecbody .detailStok {
        left: auto;
        bottom: auto;
        top: calc(50% - 4.5px);
        transform: translateY(-50%);
        right: 0;
    }

    .urunsecbody .detailStok:after {
        display: none;
    }

    .urunsecbody .detailStok span {
        position: static;
        visibility: visible;
        opacity: 1;
        padding: 0;
        box-shadow: none;
        float: left;
        transform: none;
        color: #A3A3A0;
        letter-spacing: 1px;
    }

    body #headerNew:has(.menuBackBtn.active.subback) .header-main .header-nav.nav-right, body #headerNew:has(.menuBackBtn.active.kolonback) .header-main .header-nav.nav-right {
        display: none;
    }

    body #headerNew:has(.menuBackBtn.active.subback) .menuClose, body #headerNew:has(.menuBackBtn.active.kolonback) .menuClose {
        left: auto;
        right: 16px;
    }

    body #headerNew:has(.menuBackBtn.active.subback) .newMenuBtnClick, body #headerNew:has(.menuBackBtn.active.kolonback) .newMenuBtnClick {
        display: none;
    }

    body .newHeaderNavigation.mobileStyle .menu-list-image {
        display: block;
    }

    body .menuBanners > div {
        display: none;
    }

    body .menuBanners > div.allMenuCategory {
        display: block;
        margin: 10px 0 0;
    }

    body .allMenuCategory a {
        border: none!important;
        font-weight: 400;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-decoration: underline;
        color: var(--main-color-hover)!important;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .kolon > li > a {
        text-transform: uppercase;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .kolon:last-child > li {
        margin: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu .nav-item:has(.downTagText) {
        order: 0;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu .nav-item {
        order: 1;
    }

    body .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu {
        display: flex;
        flex-direction: column;
    }

    body .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu > li {
        margin: 0 0 12px!important;
    }

    body:has(.dropactive) .menuClose.active, body:has(.dropactive) .newMenuBtnClick {
        pointer-events: none;
    }

    body #headerNew .menuClose.active {
        display: none;
    }

    body #headerNew:has(.mobileStyle.mobileactive) .menuClose.active {
        display: flex;
    }

    #divUrunEkSecenek .eksecenekLine .right_line .size_box {
        font-size: 14px;
    }

    .PiyasafiyatiContent .right_line *,.IndirimliFiyatContent .right_line *,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat .right_line *,#divKDVDahilFiyat .right_line * {
        font-size: 16px;
    }

    body ul.breadcrumb li a span,body ul.breadcrumb li:nth-last-of-type(1) * {
        font-size: 11px!important;
    }

    .kampanyaBlock {
        padding: 16px;
    }

    body .t-list-4:not(.hf) .ProductListContent .ProductList .ItemOrj {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 24px;
    }

    .LandinghomeSliderBannerContainer ul {
        display: flex;
        flex-wrap: wrap;
        gap: 24px 16px;
    }

    .LandinghomeSliderBannerContainer ul li {
        width: calc(50% - 8px);
    }

    body .t-list-4.hf .ProductListContent .ProductList .ItemOrj {
        margin: 0 0 24px;
        padding: 0 4px;
    }

    body [class*="t-list-"].t-listm-20.hf .ProductListContent .ProductList {
        margin: 0 -4px;
    }

    .nx .landingBannerDetail {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }

    body #mainHolder_divDesign .nm .hazirBlokContent .txrow .txcol-sm-12 {
        padding: 0!important;
    }

    body:has(.nx) [class*="t-list-"] .ProductListContent {
        padding: 0 8px;
    }

    body:has(.nx) #mainHolder_divDesign .JKatAdi.categoryTitle {
        padding: 32px 8px 20px!important;
    }

    body:has(.nx) .ImageProducts.LandingImageProducts1 .ImageProductsDetail {
        padding: 0 8px;
    }

    .landingBannerBlock.white .landingBannerDetail a {
        background: var(--main-color);
        color: #fff;
    }

    .videoWrapper video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mainBannerText > div.mainBanner {
        height: 100%;
        flex: 1;
    }

    .mainBannerText > div.mainText {
        margin: 10px 0 0;
    }

    .mainBannerBlock {
        height: 100%;
    }

    .mainItem {
        height: calc(100dvh - 92px);
    }

    .mainTop {
        height: calc(100% - 70px);
    }

    body #divNewUyeGirisContent .signSozlesmeDiv {
        flex-direction: column;
    }

    body #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesme,body #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesme {
        margin-right: 10px!important;
        margin-top: 1px!important;
    }

    div#divSayfalamaUst .kategoriBaslik {
        display: none!important;
    }

    .mainTitle {
        min-height: 68px;
    }

    body .category-vertical-filters.top-filters .panel:has(.active) .list-group.dropdown {
        display: block!important;
    }

    body.Magazalar .ticiContainer {
        padding: 0 16px!important;
    }

    body.Magazalar .ticiContainer:before {
        margin: 24px 0;
    }

    body.Magazalar .magazaSelect {
        width: 100%;
        margin: 0 0 20px;
    }

    body.Magazalar #searchStore {
        width: 100%;
    }

    body .mapsGoster {
        width: 100%;
        margin: 40px 0 0;
    }

    body.Magazalar .magazalarContent {
        margin: 20px 0;
    }

    body.Magazalar div#divCenterBlock > div {
        display: flex;
        flex-wrap: wrap;
    }

    body.Magazalar div#divCenterBlock > div > div {
        order: 1;
    }

    body.Magazalar div#divCenterBlock > div > div.magazalarContent {
        order: 2;
    }

    body.Magazalar .magazalarContent {
        width: 100%;
        padding: 0;
    }

    body .storeList {
        max-height: fit-content;
    }

    body #headerNew .logo-center #hb-logo {
        margin: 0 auto 0 0;
        width: 130px;
    }

    body #headerNew .header-main .flex-left {
        flex: none;
    }

    body:has(.menuBackBtn.active) #headerNew .logo-center #hb-logo {
        margin: 0 auto;
    }

    body:has(.menuBackBtn.active) #headerNew .header-main .flex-left {
        flex: 0 0 25%;
    }

    body #divCartMiniContent {
        top: 10%;
        border-radius: 20px 20px 0 0;
    }

    body .miniCartRigthHeader {
        height: 88px;
        border-bottom: 1px solid #e9e9e9;
    }

    body .miniCartRigthHeader .header-close-btn svg {
        fill: #000;
    }

    body .miniCartRigthScroll {
        padding: 0 16px;
        height: calc(90dvh - 104px);
        overflow: hidden;
    }

    body .miniCartHr {
        margin: 0;
    }

    body .miniCartItem {
        margin: 12px 0;
    }

    body .miniCartItem .miniCartRight {
        max-width: 80px;
    }

    body .miniCartItem .miniCartLeft {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
        padding-left: 8px;
    }

    body .miniCartDetail span.miniurunAdi a {
        font-size: 12px;
    }

    body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartItemprice .CartPrice {
        font-size: 10px;
        line-height: 1;
    }

    body .miniCartItemprice {
        margin-top: 6px;
    }

    body .miniCartDetayItem.adettanim > div {
        margin: 5px 0;
        width: 90px;
    }

    body .miniCartItem .miniCartLeft .adettanim3 a {
        width: 30px;
        height: 30px;
    }

    body .miniCartItem .miniCartLeft .adettanim3 input {
        height: 32px;
        min-height: 32px;
    }

    body .miniCartContent {
        padding: 0 16px 12px 0;
    }

    body .miniCartSatir1 {
        min-height: 35px;
    }

    body .miniCartSatir1.bottom.totalAmount {
        margin: 6px 0;
    }

    .miniCartSatir1.bottom.totalAmount.miniCartCustomizationPrice {
        border-bottom: 1px solid #e1e1e1;
        min-height: 35px;
        margin: 0;
    }

    .miniCartSatir1.bottom.totalAmount.miniCartTotalAmountBottom {
        min-height: 35px;
        margin: 0;
    }

    .rcDevamEt {
        height: 38px;
        font-weight: 600;
        font-size: 11px;
        line-height: 200%;
        text-transform: uppercase;
        margin: 8px 0 0;
    }

    body .miniCartSatir2 .checkoutAsGuestButton,body .miniCartSatir2 .signInButton {
        height: 38px;
        line-height: 36px;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
    }

    body .detayFavoriListesiContent > div {
        padding: 16px;
    }

    body .detayFavoriListesiContent > div#divGrupOlusturContent {
        padding: 0 16px 16px;
    }

    body #relatedProduct .modal-content {
        width: 100%!important;
        margin: 0!important;
        border: none;
        border-radius: 20px 20px 0 0;
    }

    div#relatedProduct {
        top: auto;
        bottom: 0;
    }

    body .divRelatedProductsPopup h3 {
        padding: 0 16px;
    }

    body #relatedProduct .modal-content span.modal-close {
        padding: 0 16px;
    }

    body .divRelatedProductsPopup .ulRelatedProducts {
        padding: 16px;
        max-height: calc(100% - 81px);
        overflow: auto;
        gap: 16px 8px;
    }

    body .ulRelatedProducts li .relatedAddtoCartBtn {
        padding: 5px 15px;
    }

    body .ulRelatedProducts li {
        width: calc(50% - 4px);
    }

    body .divRelatedProductsPopup .ulRelatedProducts {
        flex-wrap: wrap;
    }

    body .ulRelatedProducts li span {
        font-size: 11px;
    }

    body #divNewUyeGirisContent .uyeGirisFormDetailInputList {
        padding: 16px;
    }

    body #divNewUyeGirisContent .signSozlesmeDiv .alert.alert-danger {
        padding-left: 24px!important;
    }

    body .subDivisionDiv {
        margin: 5px 0 0;
    }

    div#mainHolder_divKategoriBaslik {
        padding: 0 16px;
        font-size: 11px;
        letter-spacing: .5px;
    }

    div#mainHolder_divKategoriBaslik h2 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .seoTextBtn {
        margin: 10px 0 0;
        font-size: 12px;
    }

    #divUrunEkSecenek .eksecenekLine .right_line .size_box {
        margin-right: 24px;
    }

    body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
        width: 100%;
    }

    body .miniCartDetayItem.eksecenek {
        clear: none;
        margin: 0 5px 5px 0;
    }

    body .miniCartLeftProduct {
        position: static;
        transform: none!important;
        width: calc(100% - 40px);
        overflow: visible;
        border: none;
        display: flex;
        gap: 16px;
        margin-top: 72px;
        float: left;
        margin-bottom: 20px;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    body .miniCartContent .miniCartLeftProduct {
        visibility: visible!important;
        opacity: 1!important;
    }

    body .miniCartLeftTitle {
        display: none;
    }

    body .miniCartLeftProduct .miniCartLeftProductIem {
        margin: 0!important;
        padding: 0;
        min-width: calc(50% - 8px);
    }

    body .miniCartContent {
        width: calc(100% + 16px);
        padding-right: 16px;
    }

    body .miniCartLeftProduct:before {
        content: 'ÖNERİLEN ÜRÜNLER';
        width: 100%;
        position: absolute;
        bottom: calc(100% + 20px);
        font-weight: 600;
        font-size: 13px;
        line-height: 150%;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--main-color);
    }

    .miniCartLeftProduct.owl-carousel .owl-dots {
        width: 100%;
    }

    .miniCartLeftProduct.owl-carousel .owl-dots .owl-dot {
        width: 25px;
        height: 2px;
    }

    .miniCartLeftProduct.owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .miniCartLeftProduct.owl-carousel .owl-nav {
        right: -40px;
    }

    body #saticiyaSoruSor .ozellikLeft {
        display: none;
    }

    body .ebultenPopupSection:has(.ozellikLeft) .content-body {
        width: 100%;
    }

    body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav {
        display: none!important;
    }

    .sPric::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .sPricOzelAlan3 {
        max-width: 100%;
        white-space: nowrap;
        overflow: auto;
    }

    .sPricOzelAlan3::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    body .siparisListContent .orders-info-col1 {
        padding: 10px 0;
        margin: 0;
        min-width: 50px;
        width: 50px;
    }

    body .siparisListContent .orders-info-col2 {
        padding: 5px;
    }

    body .siparisListContent .orders-info-col2 .order-no {
        margin: 0 0 5px;
        padding: 0;
    }

    body .siparisListContent .orders-info-col3 i {
        margin: 0;
        font-size: 16px;
    }

    body .siparisListContent .orders-info-col3 {
        text-align: center;
        padding: 5px;
        min-width: 70px;
        width: 70px;
    }

    body .siparisListContent .orders-info-col4 {
        padding: 0;
        min-width: 100px;
        width: 100px;
        display: inline-flex!important;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        gap: 10px;
        padding: 10px;
    }

    body .siparisListContent .orders-info-col4 .order-total {
        margin: 0;
    }

    body .siparisListContent .orders-info-col4 .order-total {
        font-size: 16px;
    }

    body .siparisListContent .orders .order-info {
        padding: 0;
    }

    body .siparisListContent .orders .order-info > div.orders-info-col5 {
        background: #f2f2f2;
        justify-content: center;
        align-items: start;
        padding: 10px 0;
    }

    body .siparisListContent .orders .order-info > div.orders-info-col5 i {
        margin: 0;
        font-size: 16px;
    }

    body .siparisDetayBtn {
        top: 30px;
        right: 20px;
    }

    body .siparisListe .altButonTutucu a.siparislerim-ustButon {
        clear: left;
    }

    body #divNewUyeGirisContent .signSozlesmeDiv > div {
        max-width: 100%;
    }

    body .altButonTutucu button {
        margin: 0 5px 0 0!important;
    }

    body .siparisListe .altButonTutucu a.siparislerim-ustButon {
        font-size: 11px;
    }

    body .siparisUrun .siparisDetayBtn .kargoTakibiBtn {
        font-size: 11px;
    }

    body .siparisUrun .siparisDetayBilgileri a {
        font-size: 11px!important;
        white-space: nowrap;
    }

    body .order-list .altButonTutucu {
        padding-top: 70px;
    }

    body .siparisDetayBtn {
        left: 20px;
        right: auto;
    }

    .noInfoOrder {
        float: left;
        clear: left;
        margin: 10px 0 20px;
        max-width: 100%;
        height: auto;
    }

    .htopCenter {
        padding: 0;
    }

    div#top-bar {
        font-size: 12px;
    }

    body #top-bar .headerContainer {
        padding: 0 10px!important;
    }

    /*---------------------767------------------------*/
    div#divUrunKisiselNot {
        right: -500%
    }

    div#divUrunKisiselNot {
        top: auto;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        height: calc(100dvh - 10%);
        overflow: scroll;
        bottom: 0;
    }

    div#divUrunKisiselNot > div {
        width: 100% !important;
        padding: 16px 16px !important;
        font-size: 16px;
    }

    div#divUrunKisiselNot > #divUrunDetayDinamikForm {
        padding-bottom: 108px !important;
    }

    .divUrunKisiselNotHeader {
        padding: 0 16px!important;
        height: 88px;
    }

    .divUrunKisiselNotBanner {
        padding: 8px 20px!important;
        white-space: nowrap;
        height: auto;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--main-color);
    }

    .divUrunKisiselNotBanner > div {
        width: calc(33.33% - 11px);
        margin: 0 12px 0 0;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    div#divUrunKisiselNot::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    input#txtbxUrunKisiselNot {
        font-size: 14px;
    }

    body .ebultenPopupSection {
        overflow: scroll;
    }

    body .ebultenPopupSection .content-heading {
        padding: 0 16px;
        height: 88px;
    }

    body #saticiyaSoruSor .modal-content {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        top: 10%;
    }

    body #saticiyaSoruSor .ozellikLeft {
        height: auto!important;
        padding: 14px 16px!important;
    }

    body .ebultenPopupSection .content-body {
        padding: 10px 16px;
        width: 100%;
    }

    body .dinamikFormOnbilgi {
        font-size: 13px;
    }

    body .btnAlan.ng-hide {
        position: fixed;
        box-shadow: 0px 0px 20px 0px #0000001A;
        padding: 20px;
        width: 100%;
        right: -500%;
        transition: 1s;
    }

    body #divUrunKisiselNot.active .btnAlan.ng-hide {
        right: 0;
    }

    body div#divUrunDetayDinamikForm {
        overflow: hidden;
        height: auto;
    }

    body .dinamikFormContainer fieldset {
        gap: 20px 12px;
    }

    body .dinamikFormContainer fieldset label.imageboxRadio {
        width: calc(50% - 6px);
    }

    body .divUrunKisiselNotBanner {
        margin-bottom: 12px;
    }

    .detailFixedArea {
        right: -500%;
    }

    .SmallImages,.Images, #divVideoGoruntulemeAlan {
        display: none!important;
    }

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

    body .leftImage .ProductGallery .gallery-container .GalleryArea {
        width: 100%;
        padding: 0;
    }

    .RightDetail {
        width: 100%;
        padding: 12px 16px 0;
        position: relative;
        top: auto;
    }

    .ticiContainer.productDetailContainer {
        padding: 0!important
    }

    body:has(.productDetailContainer) ul.breadcrumb {
        padding-left: 10px;
    }

    .ProductName h1 span {
        line-height: 24px;
    }

    body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots {
        position: static;
        background: #fff;
        padding: 12px;
        border-radius: 0;
        transform: none;
        margin: 0 auto;
        display: flex;
        width: 100%;
    }

    .leftImage:has(.ProductGallery) .detailProductEx {
        left: 4px;
        top: 8px;
        gap: 5px;
    }

    #divSatinAl {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        padding: 12px 12px;
        background: #fff;
        box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    }

    .basketBtn input {
        height: 46px!important
    }

    .specialBtn {
        margin-top: 20px;
    }

    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a {
        color: var(--main-color-hover);
    }

    .RightDetail .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel {
        display: block!important;
    }

    .urunOzellikTab .urunTab >ul >li > a:after {
        content: "\f078";
        font-size: 12px;
    }

    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:after {
        content: "\f077";
        color: var(--main-color-hover);
    }

    .uOzellik {
        flex-direction: column;
        gap: 10px;
    }

    .ozellikLeft ,.ozellikLeftSabit {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        border: none;
        border-bottom: 1px solid var(--main-color);
        padding: 10px 0;
        float: left;
        font-size: 0;
        display: inline-block;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .ozellikLeft .AltImgCapSmallImg, .ozellikLeft .thumb-item,.ozellikLeftSabit .thumb-item {
        margin-bottom: 10px;
        display: inline-block;
        width: 100px;
        margin-right: 10px;
    }

    .ozellikLeft .AltImgCapSmallImg:last-child, .ozellikLeft .thumb-item:last-child,.ozellikLeftSabit .thumb-item:last-child {
        margin: 0 0 10px;
    }

    .urunTabAlt {
        padding: 0;
        width: 100%;
        font-size: 12px;
    }

    body .urunOzellikTab .taksitWrapper .taksitBlock {
        width: 100%;
        padding: 16px!important;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent table tr {
        padding: 6px 0;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitAdet {
        width: 30%;
        font-size: 12px;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitTutar {
        width: 35%;
        min-width: 35%;
        font-size: 12px;
        padding-right: 15px;
    }

    body .taksitWrapper .taksitBlock .taksitBlockContent tr td.TaksitToplamTutar {
        width: 35%;
        min-width: 35%;
        font-size: 12px;
        padding-right: 10px;
    }

    .urunOzellikTab .urunTab >ul >li > a {
        letter-spacing: 1px;
    }

    div#divMagazaStok a {
        gap: 12px;
        font-size: 12px;
    }

    .SoruSorbtnContent a {
        font-size: 12px;
    }

    .detailBreadLink {
        gap: 12px;
    }

    div#BenzerUrunDiv {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .ProductDetailMainRow {
        padding-left: 16px;
    }

    .productBlock .ImageProducts {
        padding-bottom: 12px!important
    }

    .productBlock .owl-carousel .owl-nav {
        bottom: 23px;
    }

    .ImageProductsDetail {
        flex-direction: column;
        padding-bottom: 60px;
    }

    .IP-Img {
        width: 100%;
    }

    .IP-Img a {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 11px;
    }

    .IP-Product {
        width: 100%;
        padding: 40px 0 0;
    }

    .homeSliderBannerContainer .jCarouselLite > ul {
        gap: 16px;
    }

    .homeSliderBannerContainer .jCarouselLite > ul > li .productItem > div.productDetail > div.productName a {
        line-height: 134%;
    }

    .ProductBody #back-to-top {
        bottom: 80px;
    }

    .product-social-icon-popup {
        width: 320px;
        border-radius: 20px;
        max-width: 100%;
    }

    .product-social-icon-popup .product-social-icon-box .product-social-icon-title {
        line-height: 64px;
        padding: 0 20px;
        border: none;
    }

    .paylasImg {
        gap: 6px;
        padding: 24px 20px 0;
    }

    .product-social-icon-popup .product-social-icon-box .copy-btn {
        font-size: 13px;
        padding: 32px 20px;
        white-space: normal;
    }

    .product-social-icon-popup .product-social-icon-box ul {
        gap: 22px;
        margin: 0 0 20px;
        padding: 0 20px 32px;
    }

    .userLoginContent,.hesabimContent,.ticiContainer,.hContainer {
        max-width: 100%;
        padding: 0 5px;
    }

    body .header-main .headerContainer,body #headerNew .headerContainer {
        max-width: 100%!important;
        padding: 0 16px!important;
    }

    body .footerTempContainer.elementor-container {
        max-width: 100%!important;
        padding: 0 16px!important;
    }

    body ul.breadcrumb {
        max-width: 100%;
        padding: 0;
    }

    body ul.breadcrumb li {
        float: none!important;
    }

    body .solAnaMenu ul li a {
        display: flex;
        align-items: center;
    }

    ul.footerMenuAlt.vertical {
        margin-bottom: 20px;
    }

    section.elementor-section.mid .footerTempRow > div {
        max-width: 100%;
        width: 100%;
    }

    body:has(.newHeaderNavigation.mobileStyle.mobileactive) #back-to-top {
        display: none!important;
    }

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

    body #divTopProductSearch .searchform-wrapper #txtbxArama {
        height: 50px;
    }

    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: calc(50% - 5px);
    }

    body #divSayfalamaUst {
        margin: 0;
        padding: 8px 16px;
    }

    body:has(.subDivisionDiv) #divSayfalamaUst body .mobilFilterOpenBtn .button:before {
        margin-right: 10px;
        width: 18px;
        font-size: 0;
    }

    body .mobilFilterOpenBtn .button.mobilFilterBtn:before {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/mfiltre.svg) no-repeat center / contain;
    }

    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {
        background: url(https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/msiralaicon.svg) no-repeat center / contain;
    }

    body .category-vertical-filters.top-filters {
        background: #fff;
    }

    body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
        float: right;
        width: 20px;
        height: 20px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
        padding: 0 15px;
        font-size: 18px;
        font-weight: 400;
        line-height: 60px;
        margin: 0;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo {
        padding: 0;
        margin: 0;
    }

    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
        line-height: 40px;
        padding: 0;
        font-weight: 400;
        color: #1D1F20;
    }

    body .category-vertical-filters.top-filters .panel {
        padding: 0;
    }

    body .category-vertical-filters.top-filters .panel .panel-heading a {
        padding: 0;
    }

    body .category-vertical-filters.top-filters .panel:not(.div-fiyat-filter) .panel-heading a:after {
        right: 0;
        font-weight: 300;
    }

    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after {
        margin-right: 0;
        line-height: 12px;
    }

    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before {
        right: 37px;
    }

    body .category-vertical-filters.top-filters .panel:not(.div-fiyat-filter) .panel-heading.active a:after {
    }

    body .category-vertical-filters.top-filters .panel .panel-heading a {
        font-size: 14px;
        font-weight: 400;
        color: #1D1F20;
        letter-spacing: 1px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum {
        font-weight: 400;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown li a {
        line-height: 14px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown {
        padding: 0 16px;
        margin-top: 0;
        float: left;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 440px;
        background: #fff;
        width: 100%;
        left: auto;
        top: 88px;
        right: -100%;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown li {
        margin: 10px 0!important;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown ul {
        margin-top: 20px;
    }

    body .category-vertical-filters.top-filters .panel .panelhead {
        display: none;
        line-height: 88px;
        padding: 0 16px;
        background: #fff;
        color: var(--main-color);
        font-size: 1.143rem;
        float: left;
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    body .category-vertical-filters.top-filters .panel:has(.active) .panelhead {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }

    body .category-vertical-filters.top-filters .panel .panelhead:before {
        content: "\f053";
        font-family: 'FontAwesome';
        font-weight: 300;
        color: #1D1F20;
        font-size: 11px;
        width: 20px;
        text-align: center;
    }

    body .category-vertical-filters.top-filters .panel:has(.active) .list-group.dropdown {
        right: 0 !important;
    }

    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a {
        font-size: 13px;
        font-weight: 600;
    }

    body .category-vertical-filters .vertical-filter-panel .list-group-item:before {
        width: 14px;
        height: 14px;
        border-color: #CCCBC8;
        line-height: 12px;
        color: #fff;
    }

    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
        content: '\f111';
        color: #fff;
        font-family: 'FontAwesome';
        text-align: center;
        background: #fff;
        font-size: 5px;
    }

    body .category-vertical-filters .vertical-filter-panel .list-group .panel-search {
        margin-bottom: 12px!important;
        min-width: 100%;
    }

    body .category-vertical-filters .vertical-filter-panel .list-group .panel-search input {
        padding: 0 24px 0 0;
        background-position: right;
        height: 45px;
        font-size: 14px;
        color: #666562;
    }

    body .category-vertical-filters.top-filters:has(.categoryDeleteFilters) .list-group.dropdown {
        max-height: calc(100% - 322px);
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {
        padding: 0;
        width: 100%;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span {
        display: block;
        font-size: 11px;
        font-weight: 600;
        line-height: 38px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar {
        width: 3px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track {
        background: #E6E6E6;
        border-radius: 10px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb {
        background: var(--main-color);
        border-radius: 10px;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst {
        line-height: 88px;
        border-bottom: none;
        padding: 0 16px;
        background: #fff;
    }

    body .category-vertical-filters.top-filters .FiltreUst a i {
        line-height: 60px;
        margin: 0 5px 0 0;
    }

    body .category-vertical-filters.top-filters .FiltreUst a {
        float: left;
    }

    body .category-vertical-filters.top-filters .filtreAlt {
        padding: 20px 16px;
        border: none;
    }

    body .category-vertical-filters.top-filters .filtreAlt a {
        top: 68px;
        position: absolute;
        height: 20px;
        z-index: 2;
    }

    body .category-vertical-filters.top-filters .filtreAlt a i {
        font-size: 10px;
        color: #4C000A;
        font-weight: 400;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        text-decoration: underline;
        line-height: 20px;
    }

    body .category-vertical-filters.top-filters .filtreAlt a i:before {
        content: 'FİLTRELERİ TEMİZLE';
    }

    .categoryDeleteFilters {
        border: none;
        height: 122px;
    }

    .mobilafFiltre {
        background: rgb(29 31 32 / 60%);
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {
        height: calc(100% - 230px);
        padding: 0 16px;
        border: none;
        width: 100%;
    }

    body #divSayfalamaUst .category-vertical-filters.top-filters:has(.categoryDeleteFilters) .FiltreicerikAlan {
        height: calc(100% - 352px);
    }

    #divMobileImageList img {
        width: 100%;
    }

    #divMobileImageList .owl-nav {
        display: flex;
        justify-content: space-between;
        left: 15px;
        right: 15px;
    }

    #divMobileImageList {
      /*  position: absolute;*/
        position: static;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
    }

    #divMobileImageList .owl-nav > div {
        font-size: 0;
        width: 34px;
        height: 34px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 3px 6px #00000029;
    }

    #divMobileImageList .owl-nav > div:after {
        content: '';
        font-size: 25px;
        color: #000;
        font-weight: 300;
        font-family: 'FontAwesome';
        float: left;
        width: 100%;
        text-align: center;
        line-height: 34px;
    }

    #divMobileImageList .owl-nav > div.owl-prev:after {
        content: '\f104';
    }

    #divMobileImageList .owl-nav > div.owl-next:after {
        content: '\f105';
    }

    .detayFixed {
        position: fixed;
        bottom: 0;
        z-index: 11;
        left: 0;
        right: 0;
        height: 70px;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        background: #fff;
        box-shadow: 0px 0px 33px #00000014;
        display: none;
    }

    .detayFixed.fixed {
        display: flex;
    }

    .fixedPrice {
        float: left;
        width: calc(100% - 50px);
    }

    .fixedSepet {
        float: right;
    }

    .fixedSepet input {
        width: 100%;
        font-size: 0;
        padding: 0;
        height: 38px;
        width: 38px;
        float: right;
        background-color: var(--main-color);
        background-image: url('https://static.ticimax.cloud/72015/Uploads/EditorUploads/images/mobilfixedadd.svg')!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
    }

    .fixedPrice .PiyasafiyatiContent .right_line *,.fixedPrice .IndirimliFiyatContent .right_line * {
    }

    .detayFixed .PiyasafiyatiContent .right_line,.detayFixed .IndirimliFiyatContent .right_line {
    }

    .fixedPrice .PiyasafiyatiContent {
    }

    .fixedPrice .detailPriceAreaFixed {
        margin-top: 2px;
        gap: 2px;
    }

    .fixedPrice .detailPriceAreaFixed .sPricOzelAlan3 {
        padding: 0 4px 0 0;
        line-height: 18px;
    }

    .sepetItemB.sepetItemB4.sepetFiyatBold {
        width: 100%!important;
    }

    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,#headerNew .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu,body #headerNew .mobileStyle .header-cart-hover {
        width: 100%;
    }

    body #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu {
        width: 100%
    }

    body #headerNew .menuClose {
        left: 17px;
    }

    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;
       /* margin-top: -64px !important;*/
    }

    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 8px;
        margin: 0 auto;
    }

    .proCategoryTitle.categoryTitleText {
        padding: 0 10px;
    }

    #divTicimaxCopyrightContent {
        text-align: center;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

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

    .HomeBody .bottomHead ul li.homeC a svg path {
        stroke: var(--main-color)
    }

    .HomeBody .bottomHead ul li.homeC a {
        color: var(--main-color)
    }

    .HesabimTakip .bottomHead ul li.welcC a svg path {
        stroke: var(--main-color)
    }

    .HesabimTakip .bottomHead ul li.welcC a {
        color: var(--main-color)
    }

    /*sepetalan*/
    .CartProductInner {
        position: absolute;
        top: 50px;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 10px;
    }

    .SepetUst {
        float: left;
        width: calc(100% + 20px);
        text-align: center;
        color: #fff;
        line-height: 50px;
        font-size: 16px;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
    }

    .SepetUst span {
        display: inline-block;
        vertical-align: top;
    }

    .SepetUst .seClose {
        float: left;
        width: 40px;
        fill: #fff;
        position: absolute;
        left: 0;
    }

    .SepetUst .seClose svg {
        width: 20px;
        margin-top: 15px;
    }

    .CartProduct {
        background: #fff;
        background-size: 100%;
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: calc(100% - 50px);
        padding: 0;
        display: block !important;
        border: none;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        opacity: 1;
        visibility: visible;
        transform: none;
        -webkit-transform: none;
        box-shadow: none;
        padding: 10px;
        border-radius: 0;
    }

    .CartProduct i {
        display: none;
    }

    .CartProduct.animated {
        right: 0;
    }

    .CartProduct.animated i {
        display: inline-block;
    }

    .CartProduct .SProduct {
        float: left;
        width: 100%;
        max-height: calc(100% - 129px);
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 0;
        text-align: left;
        margin: 10px 0 0 0;
    }

    .CartProduct .headerCartBtn {
        line-height: 38px;
        font-size: 12px !important;
    }

    .CartProduct .headerOrderBtn {
        line-height: 40px;
        font-size: 12px !important;
    }

    .spanustSepetteUrunYok {
        font-size: 16px;
        margin: 20px 0 0 0;
        float: left;
        clear: both;
        text-align: center;
        width: 100%;
        font-weight: 900;
        color: var(--main-color);
    }

    .spanustSepetteUrunYok:before {
        content: '!';
        font-size: 50px;
        vertical-align: top;
        border: 1px solid;
        display: block;
        width: 100px;
        height: 100px;
        line-height: 98px;
        border-radius: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .mycart {
        background: none !important;
        padding: 0;
        margin: 0;
        border: none;
        position: absolute;
        left: auto;
        bottom: auto;
    }

    .mycart:before {
        display: none;
    }

    .mycart:after {
        display: none;
    }

    .mycart .sepetTopTutar {
        display: none !important;
    }

    .mycart .sepetUrun {
        display: none !important;
    }

    .mycart .sepetTecxt {
        display: none !important;
    }

    .mycart .sepetUrunSayisi {
        display: block !important;
        border-radius: 100%;
        text-align: center;
        font-size: 12px;
        border: none;
        position: static;
        margin: 0;
    }

    .mycart .sepetUrunSayisi:before {
        display: none;
    }

    .mycart .sepetUrunSayisi:after {
        display: none;
    }

    .mycart > a {
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        border: none;
        margin: 0;
        background: transparent;
    }

    .mycart > a:before {
        display: none;
    }

    .mycart > a:after {
        display: none;
    }

    /*Sabit sayfalar icerik*/
    .spanTittle {
        font-size: 18px !important;
    }

    .iletisimContent .iletisimForm {
        width: 100%;
        padding: 0;
    }

    .iletisimContent .AdBan {
        width: 100%;
    }

    .iletisimContent .categoryTitle {
        margin: 0;
    }

    .iletisimContent .categoryTitle .categoryTitleText {
        line-height: 65px;
    }

    .iletisimContent .categoryTitle:before {
        display: none;
    }

    .iletisimContent .iletisimRight .categoryTitle {
        margin-bottom: 10px;
    }

    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText {
        line-height: 65px;
        font-size: 19px;
    }

    .iletisimContent .iletisimForm .categoryTitle {
        margin-bottom: 10px;
    }

    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText {
        line-height: 65px;
        font-size: 19px;
    }

    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 {
        float: none;
        display: block;
        margin: 10px 0 0;
    }

    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
        font-size: 17px;
    }

    .iletisimContent .iletisimRight .iletisimbanka .span > div span {
        font-size: 12px;
    }

    .iletisimContent .iletisimLeft .Right {
        font-size: 12px;
    }

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

    .UyeolContent .grid {
        width: 100%;
        margin: 0;
        padding: 10px;
        border: none;
        margin-bottom: 10px;
    }

    .SifremiUnuttum {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .SifremiUnuttum .line {
        width: 100%;
    }

    .SifremiUnuttum #mainHolder_txtbxMail {
        width: 70%;
    }

    .SifremiUnuttum .button {
        width: 30%;
    }

    /*Arama*/
    .ButtonMic {
        right: 40px;
        height: 40px;
    }

    /*urun butonlari*/
    .ProductIcon {
        margin: 0;
        float: left;
        width: 100%;
    }

    .ProductIcon > div {
        margin: 0 0 10px;
        float: left;
        width: 100%;
    }

    .ProductIcon2 > div {
        margin: 0 0 10px;
        float: left;
        width: 100%;
    }

    .ProductIcon > div > a {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .ProductIcon2 > div > a {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .socialButons iframe {
        margin-right: 10px;
    }

    .socialButons .UWhatsApp {
        float: left;
        margin-right: 10px;
    }

    .socialButons .UTelegram {
        float: left;
        margin-right: 10px;
    }

    .TopDet .product_social_icon_wrapper .PaylasTit {
    }

    /******************************************************/
    .ProductBody .bottomHead {
        display: none;
    }

    .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: 10px;
        right: 10px;
    }

    #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;
        top: 64px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    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:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
        content: '';
        display: none;
    }

    body ul.breadcrumb li:nth-child(1) a:before {
        display: none;
    }

    body ul.breadcrumb:before {
        content: '\f015';
        font-family: 'FontAwesome';
        font-weight: 300;
        line-height: 40px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
        display: none;
    }

    body ul.breadcrumb * {
        line-height: 40px!important;
        font-size: 13px!important;
        max-width: max-content;
        text-decoration: none;
    }

    body ul.breadcrumb li:after {
        line-height: 40px;
        font-size: 13px!important;
        content: '...';
        margin: 0 2px;
        display: none;
    }

    body ul.breadcrumb li {
        font-size: 0!important;
    }

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

    body ul.breadcrumb li:nth-last-of-type(1) {
        max-width: 80%;
    }

    body ul.breadcrumb li:nth-last-of-type(1) * {
        max-width: 100%;
        font-size: 13px!important;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body ul.breadcrumb li a 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 6px;
    }

    .categoryTitleText {
        position: relative;
        z-index: 9;
    }

    .breadList {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        padding: 10px 20px;
        z-index: 999;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
        -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
        -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
        display: none!important;
    }

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

    body:not(.sepetimBody) .ItemOrj {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 4px;
        margin-bottom: 24px;
    }

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

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

    body .mobilFilterOpenBtn .button {
        font-size: 14px;
    }

    /*urundetay*/
    body a#linkOncekiSayfa {
        display: none;
    }

    body .leftImage a#linkOncekiSayfa {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        background: #fff;
        text-align: center;
        font-size: 0!important;
        font-family: 'FontAwesome';
        color: #000;
        z-index: 5;
        line-height: 35px;
        display: none;
    }

    body .leftImage a#linkOncekiSayfa:before {
        content: '\f053';
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        line-height: 35px;
    }

    #divUrunKodu {
        clear: left;
        float: left;
        line-height: 14px;
    }

    #divUrunKodu span {
        line-height: 14px;
    }

    #divTaksitAciklama {
        clear: left;
        float: left;
    }

    /*mobilicerik*/
    .detaySliderContainer {
        margin: 0;
    }

    .sliderBannerContainer {
        margin: 0;
        margin-bottom: 9px;
    }
}

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

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

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

/* alt sayfa css'leri - start */
.kampanyaTitle, .landingTitle {
    text-align: left;
}

.kampanyaItem > div {
    text-align: left;
}

.kampanyaRight {
    justify-content: flex-start;
}

.kampanyaBtn {
    margin-top: auto;
}

.kampanyaDetail span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.kampanyaDetayBlock {
    align-items: flex-start;
}

.kampanyaDetayRight {
    aspect-ratio: unset;
}

.bwt-wrapper {
    display: flex;
}

.bwt-wrapper > div {
    flex: 1;
}

.bwt-wrapper .bwt-image img {
    aspect-ratio: 580/340;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bwt-wrapper .bwt-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bwt-wrapper .title {
    flex: 1 0;
    font-size: 36px;
    text-align: center;
    letter-spacing: .9px;
    padding: 0 50px;
}

.mevzu-derin-video iframe {
    width: 100%;
    height: 600px;
}

.yatirimci-iliskileri-top-banner {
    position: relative;
    width: 100%;
    height: 460px;
}

.yatirimci-iliskileri-top-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yatirimci-iliskileri-top-banner .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-align: left;
}

.yatirimci-iliskileri-top-banner.dark-layer .caption {
    background: linear-gradient(0deg, #1D1F20 0%, #1d1f2000 100%);
}

.yatirimci-iliskileri-top-banner .caption h1 {
    flex: 1 1 auto;
    font-family: 'Cormorant Garamond', serif;
    font-size: 64px;
    font-weight: 300;
}

.yatirimci-iliskileri-top-banner .caption p {
    flex: 0 0 33.33%;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.yatirimci-iliskileri-content-links {
    display: flex;
    flex-wrap: wrap;
}

.yatirimci-iliskileri-content-links .link-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.yatirimci-iliskileri-content-links .link-item a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    aspect-ratio: 1;
    padding: 24px;
    background-color: #F7F7F5;
    border-right: 1px solid #DFDEDA;
    border-bottom: 1px solid #DFDEDA;
    color: #313335;
}

.yatirimci-iliskileri-content-links .link-item:nth-child(even) a {
    background-color: #FFFFFD;
}

.yatirimci-iliskileri-content-links .link-item .caption {
    margin-top: auto;
    text-align: left;
}

.yatirimci-iliskileri-content-links .link-item .caption > span {
    display: block;
    font-size: 20px;
    margin-bottom: 40px;
}

.yatirimci-iliskileri-content-links .link-item .caption > div {
    display: flex;
    align-items: flex-end;
    gap: 10px 40px;
}

.yatirimci-iliskileri-content-links .link-item .caption > div p {
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
}

.yatirimci-iliskileri-content-links .link-item .caption > div u {
    flex-shrink: 0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #4C000A;
}

.about-desa-pre-desc {
    text-align: center;
    padding: 60px 50px 36px;
}

.about-desa-pre-desc h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.about-desa-pre-desc p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
}

.about-desa-bwt {
    display: flex;
    background-color: #F7F7F5;
    margin: 24px 0;
}

.about-desa-bwt .banner-caption {
    flex: 0 0 50%;
    padding: calc(16px + 4vw) calc(16px + 5vw);
    display: flex;
    flex-direction: column;
}

.about-desa-bwt .banner-caption h4 {
    display: block;
    font-size: 20px;
    color: #4C000A;
    text-transform: uppercase;
    padding-bottom: 40px;
    margin-bottom: auto;
}

.about-desa-bwt .banner-caption p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5;
}

.about-desa-bwt .banner-img {
    flex: 0 0 50%;
}

.about-desa-bwt .banner-img img {
    width: 100%;
}

body .margin-x-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
    max-width: calc(100% - 48px) !important;
}

body .margin-x-24 div[class^="txcol"], body .margin-x-24 div[class^="txrow"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.desa-corporate-navigation .navigation-dropdown-toggle {
    position: relative;
    background-color: #4C000A;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    padding: 15px 24px;
    display: flex;
    align-items: center;
}

.desa-corporate-navigation .navigation-dropdown-toggle a {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #fff;
}

.desa-corporate-navigation .navigation-dropdown-toggle a i {
    font-size: 12px;
}

.desa-corporate-navigation .navigation-dropdown-toggle > img {
    margin-left: auto;
    transform: rotate(180deg);
}

.desa-corporate-navigation.show .navigation-dropdown-toggle > img {
    transform: rotate(0deg);
}

.desa-corporate-navigation > ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: rgba(76, 0, 10, 0.90);
    margin: 0;
    padding: 24px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    text-align: left;
}

.desa-corporate-navigation.show > ul {
    opacity: 1;
    visibility: visible;
}

.desa-corporate-navigation > ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.desa-corporate-navigation > ul li a.active {
    font-weight: 700;
    text-decoration: underline;
}

.product-groups-wrapper {
    padding: 60px 70px 0;
    margin-bottom: 60px;
}

.product-groups-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-color: #1D1F20;
}

.product-groups-wrapper > * {
    position: relative;
}

.product-groups-wrapper .product-groups-header {
    color: #fff;
    text-align: center;
    margin-bottom: 48px;
}

.product-groups-wrapper .product-groups-header > img {
    display: inline-block;
    max-width: 112px;
    margin-bottom: 20px;
}

.product-groups-wrapper .product-groups-header > span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    max-width: 677px;
    width: 100%;
    margin: 0 auto;
}

.product-groups-wrapper .product-groups:not(.owl-carousel) {
    display: flex;
    gap: 24px;
}

.product-groups-wrapper .product-groups:not(.owl-carousel) .group-item {
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
}

.product-groups-wrapper .group-item .item-image img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
}

.product-groups-wrapper .group-item a > span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #1D1F20;
    margin: 8px 0;
}

.product-groups-wrapper .group-item .brand {
    max-width: 60px;
    max-height: 16px;
    object-fit: contain;
}

.kartvizit-wrapper {
    background-color: #4C000A;
    padding: 60px 16px;
    color: #FFFFFD;
}

.kartvizit-header {
    max-width: 610px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 20px;
}

.kartvizit {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF1A;
    padding: 20px;
    text-align: left;
}

.kartvizit .department {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 4px;
}

.kartvizit .name {
    font-size: 32px;
    font-weight: 300;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 40px;
}

.kartvizit .phone a {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #FFFFFD;
    margin-bottom: 16px;
}

.kartvizit .mail a {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #FFFFFD;
}

.desa-tab-wrapper {
    padding: 60px 0 24px;
    width: 100%;
}

.desa-tab-header {
    background-color: #4C000A;
    padding: 40px 16px;
    color: #FFFFFD;
    text-align: center;
    margin-bottom: 60px;
}

.desa-tab-header .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.desa-tab-wrapper .ds-tab-links, .desa-tab-wrapper .ds-url-tab-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.desa-tab-wrapper .ds-tab-links li,.desa-tab-wrapper .ds-url-tab-links li {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
    padding: 10px 0;
    cursor: pointer;
}

.desa-tab-wrapper .ds-tab-links li a, .desa-tab-wrapper .ds-url-tab-links li a {
    color: #FFFFFD;
}

.desa-tab-wrapper .ds-tab-links li.active, .desa-tab-wrapper .ds-url-tab-links li.active {
    text-decoration: underline;
}

.ds-tab-content {
    display: none;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.ds-tab-content.active {
    display: flex;
}

.ds-tab-content .content-left {
    flex: 0 0 calc(41.5% - 12px);
    max-width: calc(41.5% - 12px);
}

.ds-tab-content .content-right {
    flex: 0 0 calc(58.5% - 12px);
    max-width: calc(58.5% - 12px);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.desa-tab-wrapper .content-title {
    flex: 0 0 100%;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background-color: #4C000A;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 2;
    padding: 0 8px;
}

.desa-tab-wrapper .desa-tab-wrapper, .desa-tab-wrapper .ana-sozlesme-wrapper {
    padding: 0;
}

.ds-tab-content ul {
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

.ds-tab-content ul li {
    color: #313335;
    padding: 11px 24px;
}

.ds-tab-content ul li.active {
    font-weight: 700;
}

.desa-tab-wrapper.detail {
    padding-top: 24px;
}

.desa-tab-wrapper .go-back a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #313335;
    padding: 12px 24px;
    margin-bottom: 24px;
}

.desa-tab-wrapper .go-back a span {
    text-decoration: underline;
}

.desa-tab-wrapper.detail .ds-tab-content {
    display: flex;
}

.desa-tab-wrapper.detail .ds-tab-content .content-left {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

.desa-tab-wrapper.detail .ds-tab-content .content-right {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

.content-vertical-caption {
    background-color: #F7F7F5;
    color: #4C000A;
    aspect-ratio: 568/800;
    padding: 100px 80px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.content-vertical-caption .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: auto;
}

.content-vertical-caption .description {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1px;
}

.ds-tab-content .content-right .c-grid-box {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

.c-grid-box {
    border: 1px solid #DFDEDA;
    aspect-ratio: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.c-grid-box .box-header {
    display: flex;
    align-items: center;
    margin-bottom: auto;
}

.c-grid-box .box-header span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #313335;
    margin-right: auto;
}

.c-grid-box .sub-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #313335;
    margin-bottom: 20px;
}

.c-grid-box .link {
    font-size: 10px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 2px;
    color: #4C000A;
    text-decoration: underline;
}

.desa-table-wrapper {
    padding: 60px 0;
}

.desa-table-wrapper .desa-table-title {
    font-size: 54px;
    font-weight: 300;
    font-family: 'Cormorant Garamond', serif;
    color: #4C000A;
    margin-bottom: 40px;
}

.desa-table-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    text-align: left;
}

.desa-table-flex .desa-table-left {
    flex: 0 0 calc(65% - 40px);
    max-width: calc(65% - 40px);
}

.desa-table-flex .desa-table-right {
    flex: 0 0 calc(35% - 40px);
    max-width: calc(35% - 40px);
    align-self: flex-end;
}

.desa-table-header-row, .desa-table-footer-row, .desa-table-row {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #1D1F20;
    padding: 10px 8px;
}

.desa-table-footer-row {
    font-size: 16px;
    color: #1D1F20;
}

.desa-table-header-row {
    background-color: #4C000A;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 2;
    padding: 0 8px;
    margin-bottom: 10px;
}

.desa-table-header-row > div, .desa-table-footer-row > div, .desa-table-row > div {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.desa-table-header-row > div:last-child, .desa-table-footer-row > div:last-child, .desa-table-row > div:last-child {
    text-align: right;
}

.desa-table-description {
    font-size: 14px;
    font-weight: 400;
    color: #1D1F20;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: left;
}

.desa-documents {
    margin-bottom: 60px;
}

.desa-documents .desa-documents-header {
    text-align: center;
    padding: 60px 0 148px;
}

.desa-documents.black .desa-documents-header {
    background-color: #1D1F20;
}

.desa-documents.red .desa-documents-header {
    background-color: #4C000A;
}

.desa-documents .desa-documents-header > img {
    display: inline-block;
    margin-bottom: 20px;
}

.desa-documents .desa-documents-header .title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 8px;
}

.desa-documents .desa-documents-header .sub-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}

.desa-documents .documents-body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    padding: 0 70px;
    margin-top: -100px;
}

.desa-documents .documents-body .document-box {
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
    text-align: left;
}

.desa-documents .document-box a {
    display: flex;
    flex-direction: column;
    aspect-ratio: 1;
    border: 1px solid #DFDEDA;
    background-color: #FFFFFD;
    padding: 24px;
}

.desa-documents .document-box .box-header {
    margin-bottom: auto;
}

.desa-documents .document-box .name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.5px;
    color: #1D1F20;
    margin-bottom: 4px;
}

.desa-documents .document-box .job {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #4C000A;
}

.desa-documents .document-box .box-footer {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #313335;
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.desa-politikalar {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 60px 0;
}

.desa-politikalar .content-left {
    flex: 0 0 calc(70% - 12px);
    max-width: calc(70% - 12px);
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.desa-politikalar .content-left > div {
    flex: 0 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
}

.desa-politikalar .content-right {
    flex: 0 0 calc(30% - 12px);
    max-width: calc(30% - 12px);
}

.desa-politikalar .content-vertical-caption {
    aspect-ratio: 400/637;
    padding: 80px 60px;
}

.desa-tab-wrapper.triple .ds-tab-content .content-left {
    flex: 0 0 calc(30% - 12px);
    max-width: calc(30% - 12px);
}

.desa-tab-wrapper.triple .ds-tab-content .content-right {
    flex: 0 0 calc(70% - 12px);
    max-width: calc(70% - 12px);
}

.desa-tab-wrapper.triple .ds-tab-content .content-right .c-grid-box {
    flex: 0 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
}

.desa-tab-wrapper.triple .content-vertical-caption {
    aspect-ratio: 400/718;
}

.info-block-wrapper {
    padding: 60px 0;
}

.info-block-wrapper .info-block-inner {
    padding: 40px;
    border: 1px solid #DFDEDA;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px;
    align-items: start;
    text-align: left;
}

.info-block-wrapper .info-title {
    font-size: 13px;
    font-weight: 600;
    color: #1D1F20;
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.info-block-wrapper .info-content {
    font-size: 12px;
    font-weight: 400;
    color: #313335;
    letter-spacing: 1px;
    line-height: 1.3;
}

.ana-sozlesme-wrapper {
    padding: 60px 0 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    text-align: left;
    width: 100%;
}

.ana-sozlesme-wrapper .content-left {
    flex: 0 0 calc(40% - 12px);
    max-width: calc(40% - 12px);
}

.ana-sozlesme-wrapper .content-right {
    flex: 0 0 calc(60% - 12px);
    max-width: calc(60% - 12px);
}

.ana-sozlesme-wrapper .caption {
    display: flex;
    min-height: 100%;
    padding: 20px 80px;
    font-size: 14px;
    font-weight: 400;
    color: #4C000A;
    line-height: 1.4;
    letter-spacing: 1px;
    background-color: #F7F7F5;
    display: flex;
    align-items: center;
}

.ana-sozlesme-wrapper .sozlesme-box {
    width: 100%;
    padding: 40px;
    border: 1px solid #DFDEDA;
    aspect-ratio: 800/307;
    display: flex;
    flex-direction: column;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-header {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #1D1F20;
    text-transform: uppercase;
    margin-bottom: auto;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-header a {
    margin-left: auto;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-footer {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-footer span {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #313335;
    letter-spacing: 1px;
    line-height: 1.3;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-footer .title {
    width: auto;
    font-size: 13px;
    font-weight: 600;
}

.ana-sozlesme-wrapper .sozlesme-box .sozlesme-footer a {
    font-size: 10px;
    font-weight: 400;
    color: #4C000A;
    letter-spacing: 2px;
    line-height: 2;
    text-transform: uppercase;
    text-decoration: underline;
}

.milestones-wrapper {
    padding: 60px 0;
    text-align: left;
}

.milestones-wrapper .milestones-header {
    padding: 0 0 60px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.milestones-wrapper .milestones-header .title {
    flex: 0 0 calc(64% - 4px);
    font-size: 54px;
    font-weight: 300;
    font-family: 'Cormorant Garamond', serif;
    color: #4C000A;
}

.milestones-wrapper .milestones-header .description {
    flex: 0 0 calc(36% - 4px);
    font-size: 14px;
    color: #4C000A;
    letter-spacing: 0.75px;
    line-height: 1.4;
}

.milestones-wrapper .milestones {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    position: relative;
}

.milestones-wrapper .milestones::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #4C000A;
}

.milestones-wrapper .milestones-col {
    flex: 0 0 calc(33.33% - 10px);
    max-width: 306px;
    position: relative;
}

.milestones-wrapper .milestone-box {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.milestones-wrapper .milestone-box-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4C000A;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    margin-bottom: 12px;
}

.milestones-wrapper .milestone-box-content {
    border: 1px solid #DFDEDA;
    padding: 40px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #313335;
    text-align: left;
    flex: 1 1 auto;
}

.section-card-wrapper {
    padding: 60px 0 24px;
}

.section-card {
    border: 1px solid #DFDEDA;
    padding: 40px;
    text-align: left;
}

.section-card .title {
    font-size: 20px;
    color: #4C000A;
    line-height: 1.5;
    margin-bottom: 80px;
}

.section-card .content {
    font-size: 16px;
    color: #1D1F20;
    letter-spacing: 1px;
    line-height: 1.5;
}

.policies {
    padding: 60px 0;
}

.policies .policies-header {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 40px;
}

.policies .title {
    flex: 0 0 calc(50% - 8px);
    font-size: 54px;
    font-weight: 300;
    font-family: 'Cormorant Garamond', serif;
    color: #4C000A;
}

.policies .sub-title {
    flex: 0 0 calc(50% - 8px);
    font-size: 14px;
    color: #1D1F20;
    margin: 0;
}

.policies .policies-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: left;
}

.policies .policy-card {
    border: 1px solid #DFDEDA;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    letter-spacing: 1.5px;
    transition: box-shadow 0.2s ease;
}

.policies .policy-card:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.desa-intertitle {
    background-color: #F1FFF0;
    padding: 60px 24px;
    color: #1D1F20;
    text-align: center;
}

.desa-intertitle > div {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 20px;
    font-weight: 400;
    color: #6C7A47;
    margin-bottom: 8px;
}

.desa-intertitle > span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #6C7A47;
    margin-bottom: 8px;
}

.desa-intertitle > p {
    font-size: 16px;
    color: #1D1F20;
    margin: 0;
}

.homePageTextBanner.green .hptbRight {
    background-color: #A8BDA0;
    color: #FFFFFD;
}

.homePageTextBanner.green-text .hptbRight {
    background-color: #FFFFFF;
    color: #6C7A47;
    border: 1px solid #6C7A4780;
}

.homePageTextBanner.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.sustainability-bottom {
    padding: 80px 24px;
    color: #1D1F20;
    text-align: center;
}

.sustainability-header {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.sustainability-bottom .sustainability-header > div {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 20px;
    font-weight: 400;
    color: #6C7A47;
    margin-bottom: 8px;
}

.sustainability-bottom .sustainability-header > span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #6C7A47;
    margin-bottom: 20px;
}

.sustainability-bottom .sustainability-header > p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #6C7A47;
    margin: 0 0 40px;
}

.sustainability-bottom .sustainability-header > a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.5px;
    background-color: #6C7A47;
    color: #fff;
    padding: 8px 24px;
    margin: 0 0 40px;
}

.sustainability-bottom .images-wrapper {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.sustainability-bottom .images-wrapper a img {
    width: 84px;
    aspect-ratio: 1;
    object-fit: contain;
}

.sustainability-widgets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 24px;
    padding: 60px 24px 24px;
    text-align: left;
}

.sustainability-widgets .item-image {
    margin-bottom: 20px;
}

.sustainability-widgets .item-image img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
}

.sustainability-widgets .item-title {
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #1D1F20;
}

.sustainability-widgets .item-link {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 2;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #1D1F20;
}

.sustainability-widgets .item-link i {
    font-size: 9px;
}

.desa-accordion {
    width: 100%;
    padding: 40px;
    border: 1px solid #DFDEDA;
    text-align: left;
}

.desa-accordion h2 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 64px;
    color: #4C000A;
}

.desa-accordion h3 {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 24px 0;
    color: #4C000A;
}

.desa-accordion-item {
    border-bottom: 1px solid #DFDEDA;
}

.desa-accordion-item .desa-accordion-header {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 16px 0;
}

.desa-accordion-item .desa-accordion-title {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #313335;
    margin-right: auto;
}

.desa-accordion-item .desa-accordion-date {
    flex-shrink: 0;
    font-size: 12px;
    letter-spacing: 1px;
    color: #313335;
    margin: 0 20px 0 10px;
}

.desa-accordion-item .desa-accordion-header i {
    transition: transform 0.3s ease;
}

.desa-accordion-item .desa-accordion-content {
    display: none;
    font-size: 12px;
    letter-spacing: 1px;
    color: #313335;
    line-height: 1.3;
    padding: 4px 0 28px;
}

.desa-accordion-item .desa-accordion-content a {
    color: #000;
    text-decoration: underline;
}

.desa-accordion-item.active .desa-accordion-header i {
    transform: rotate(180deg);
}

.download-logos {
    width: 100%;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}

.download-logos > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border: 1px solid #DFDEDA;
    background-color: #FFFFFD;
}

.download-logos > a > img {
    aspect-ratio: 112/24;
    object-fit: contain;
}

.download-logos > a.black {
    background-color: #1D1F20;
}

.download-logos > a.black span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(26deg) brightness(105%) contrast(106%);
}

.desa-gallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.desa-gallery.dual {
    grid-template-columns: repeat(2, 1fr);
}

.desa-gallery .lightbox-trigger img {
    width: 100%;
}

#lightbox-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

#lightbox-overlay.active {
    opacity: 1;
    pointer-events: all;
}

#lightbox-content {
    position: relative;
    max-width: 80%;
    max-height: 80%;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
}

#lightbox-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
}

#lightbox-content img, #lightbox-content iframe {
    display: block;
    max-width: 100%;
    max-height: 80vh;
    border: none;
}

.sustainability-detail {
    font-size: 16px;
    font-weight: 400;
    color: #313335;
    text-align: left;
    padding: 60px 0;
}

.faq-wrapper {
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
}

.kvkk-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    text-align: left;
}

.kvkk-wrapper .kvkk-left {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
}

.kvkk-wrapper .kvkk-right {
    flex: 0 0 calc(75% - 10px);
    max-width: calc(75% - 10px);
    font-size: 13px;
    color: #333;
    letter-spacing: 0.5px;
}

.kvkk-wrapper .kvkk-left .ds-tab-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.kvkk-wrapper .kvkk-left .ds-tab-links li {
    width: 100%;
    padding: 14px 10px;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: none !important;
}

.kvkk-wrapper .kvkk-left .ds-tab-links li.active {
    font-weight: 700;
    background-color: #f3f3f5;
}

#popupInnerUye form {
    max-width: 100%;
}

#popupInnerUye form .desa-tab-wrapper {
    padding-top: 0;
}

@media only screen and (max-width: 1440px) {
    .about-desa-bwt .banner-caption h4 {
        padding-bottom: 10px;
    }

    .desa-politikalar .content-vertical-caption {
        padding: 60px 40px;
    }

    .desa-table-wrapper {
        padding: 48px 0;
    }

    .desa-documents .documents-body {
        padding: 0 24px;
    }
}

@media only screen and (max-width: 1041px) {
    .kampanyaWrapper ul li {
        width: 100%;
        flex-shrink: 0;
    }

    .kampanyaDetayBlock {
        flex-direction: column;
        gap: 20px;
    }

    .kampanyaDetayLeft, .kampanyaDetayRight {
        width: 100%;
        text-align: left;
    }

    .kampanyaDetayRight {
        padding-left: 12px;
    }

    .bwt-wrapper .title {
        font-size: 28px;
    }

    .mevzu-derin-video iframe {
        width: 100%;
        height: 450px;
    }

    .yatirimci-iliskileri-top-banner .caption h1 {
        font-size: 40px;
    }

    .yatirimci-iliskileri-top-banner .caption p {
        font-size: 13px;
    }

    .yatirimci-iliskileri-content-links .link-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .about-desa-bwt {
        flex-wrap: wrap;
    }

    .about-desa-bwt .banner-img {
        flex: 0 0 100%;
        order: 1;
    }

    .about-desa-bwt .banner-caption {
        flex: 0 0 100%;
        order: 2;
    }

    .product-groups-wrapper {
        padding: 40px 32px 0;
    }

    .desa-tab-header {
        margin-bottom: 40px;
    }

    .desa-tab-header ul {
        gap: 30px;
    }

    .ds-tab-content {
        gap: 12px;
    }

    .ds-tab-content .content-left {
        flex: 0 0 calc(41.5% - 6px);
        max-width: calc(41.5% - 6px);
    }

    .ds-tab-content .content-right {
        flex: 0 0 calc(58.5% - 6px);
        max-width: calc(58.5% - 6px);
    }

    .desa-tab-wrapper .ds-tab-content ul {
        gap: 0;
    }

    .content-vertical-caption {
        padding: 60px 40px;
    }

    .content-vertical-caption .title {
        font-size: 18px;
    }

    .content-vertical-caption .description {
        font-size: 13px;
        line-height: 1.3;
    }

    .content-right {
        gap: 12px;
    }

    .desa-tab .content-right .c-grid-box {
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
    }

    .c-grid-box {
        padding: 20px;
    }

    .c-grid-box .box-header span {
        font-size: 12px;
    }

    .c-grid-box .box-header img {
        max-width: 24px;
        max-height: 24px;
    }

    .desa-politikalar .content-left {
        flex: 0 0 calc(66.66% - 12px);
        max-width: calc(66.66% - 12px);
    }

    .desa-politikalar .content-right {
        flex: 0 0 calc(33.33% - 12px);
        max-width: calc(33.33% - 12px);
    }

    .desa-politikalar .content-left > div {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }

    .desa-documents .documents-body .document-box {
        flex: 0 0 calc(33.33% - 16px);
        max-width: calc(33.33% - 16px);
    }

    .desa-tab-wrapper.triple .content-vertical-caption {
        padding: 50px 30px;
    }

    .desa-tab-wrapper.triple .ds-tab-content .content-right .c-grid-box {
        padding: 16px;
    }

    .ana-sozlesme-wrapper .caption {
        padding: 24px 32px;
    }

    .ana-sozlesme-wrapper .sozlesme-box {
        padding: 24px;
    }

    .milestones-wrapper .milestones-header {
        padding: 0 0 32px;
    }

    .milestones-wrapper .milestones-header .title {
        font-size: 40px;
    }

    .milestones-wrapper .milestones-header .description {
        font-size: 13px;
    }

    .milestones-wrapper .milestones {
        padding: 0 24px;
    }

    .milestones-wrapper .milestone-box-header {
        font-size: 18px;
    }

    .milestones-wrapper .milestone-box-content {
        padding: 24px;
    }

    .policies {
        padding: 40px 0;
    }

    .policies .policy-card {
        padding: 20px;
    }

    /* basin bulteni detay */
    .desa-accordion {
        padding: 24px;
    }

    .desa-accordion-item .desa-accordion-title {
        font-size: 13px;
    }

    .desa-accordion-item .desa-accordion-date {
        letter-spacing: 0;
        font-size: 11px;
        margin: 0 10px;
    }

    .download-logos > a {
        padding: 24px;
    }

    .sustainability-widgets {
        gap: 16px 12px;
    }
}

@media only screen and (max-width: 767px) {
    .kampanyaTitle, .landingTitle {
        text-align: left;
        font-size: 36px;
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .kampanyaItem {
        flex-wrap: wrap;
    }

    .kampanyaItem > div {
        width: 100%;
        flex: 0 0 auto;
    }

    .kampanyaRight {
        aspect-ratio: unset;
    }

    .landingTitle {
        font-size: 36px;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .homePageTextBanner .hptbLeft {
        order: 1;
    }

    .homePageTextBanner .hptbRight {
        order: 2;
    }

    .landingBannerBlock {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .landingBannerDetail {
        position: unset;
        width: 100%;
    }

    .landingBannerBlock.white .landingBannerDetail {
        color: #2e2e2e;
    }

    .landingBannerDetail span {
        font-size: 36px;
    }

    .landingBannerDetail a {
        height: 38px;
        margin-top: 12px;
        font-size: 11px;
    }

    .hpcWrapper.hf {
        padding: 32px 16px;
    }

    .homePageTextBanner.hf {
        gap: 0;
    }

    .hptbRight {
        min-height: 38dvh;
    }

    [class*="t-list-"] .ProductListContent {
        padding: 0 16px;
    }

    .ImageProducts.LandingImageProducts1 {
        margin-top: 10px;
    }

    .ImageProducts.LandingImageProducts1 .ImageProductsDetail {
        flex-wrap: wrap;
        padding: 0 16px;
        flex: 0 0 100%;
        width: 100%;
    }

    .ImageProducts.LandingImageProducts1 .ImageProductsDetail .IP-Product {
        order: 2;
        flex: 0 0 100%;
        width: 100%;
    }

    .ImageProducts.LandingImageProducts1 .ImageProductsDetail .IP-Img {
        order: 1;
        flex: 0 0 100%;
        width: 100%;
    }

    .HfhomeSliderBannerContainer ul {
        gap: 2vw;
    }

    .HfhomeSliderBannerContainer ul > li {
        width: calc(50% - 1vw);
    }

    .bwt-wrapper .title {
        font-size: 16px;
        padding: 10px;
    }

    .mevzu-derin-video iframe {
        width: 100%;
        height: 280px;
    }

    .desa-corporate-navigation .navigation-dropdown-toggle {
        font-size: 15px;
        padding: 10px 16px;
    }

    .desa-corporate-navigation > ul {
        padding: 16px;
    }

    .desa-corporate-navigation > ul li {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }

    .yatirimci-iliskileri-top-banner {
        height: 320px;
    }

    .yatirimci-iliskileri-top-banner .caption {
        flex-wrap: wrap;
        padding: 24px 16px 24px;
    }

    .yatirimci-iliskileri-top-banner .caption h1 {
        font-size: 32px;
    }

    .yatirimci-iliskileri-top-banner .caption p {
        flex: 0 0 100%;
    }

    .yatirimci-iliskileri-content-links .link-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .about-desa-pre-desc {
        padding: 40px 0 24px;
    }

    .about-desa-pre-desc h4, .about-desa-bwt .banner-caption h4 {
        font-size: 18px;
    }

    .about-desa-bwt .banner-caption p {
        font-size: 14px;
    }

    body .margin-x-24 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        max-width: calc(100% - 20px) !important;
    }

    .product-groups-wrapper {
        padding: 32px 16px 0;
    }

    .product-groups-wrapper .product-groups-header {
        margin-bottom: 32px;
    }

    .product-groups-wrapper .product-groups-header > span {
        font-size: 15px;
    }

    .desa-tab-wrapper {
        padding: 32px 0 16px;
    }

    .desa-tab-header {
        padding: 20px 12px;
        margin-bottom: 24px;
    }

    .desa-tab-header .title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .desa-tab-wrapper .ds-tab-links, .desa-tab-wrapper .ds-url-tab-links {
        gap: 16px;
    }

    .desa-tab-wrapper .ds-tab-links li, .desa-tab-wrapper .ds-url-tab-links li {
        font-size: 13px;
    }

    .ds-tab-content ul li {
        font-size: 12px;
        padding: 8px 12px;
    }

    .ds-tab-content .content-left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .ds-tab-content .content-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        gap: 12px;
    }

    .ds-tab-content .content-right .c-grid-box {
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
    }

    .content-vertical-caption {
        aspect-ratio: unset !important;
        padding: 24px 12px !important;
    }

    .content-vertical-caption .title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .c-grid-box {
        padding: 12px;
    }

    .c-grid-box .sub-title {
        margin-bottom: 8px;
    }

    .desa-documents {
        margin-bottom: 30px;
    }

    .desa-table-wrapper {
        padding: 30px 0;
    }

    .desa-politikalar {
        padding: 30px 0;
    }

    .desa-documents .documents-body {
        padding: 0 16px;
    }

    .desa-table-wrapper .desa-table-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .desa-table-flex {
        gap: 16px;
    }

    .desa-table-flex .desa-table-left, .desa-table-flex .desa-table-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .desa-table-header-row, .desa-table-footer-row, .desa-table-row {
        font-size: 11px;
    }

    .desa-table-footer-row {
        font-size: 12px;
    }

    .desa-table-description {
        font-size: 12px;
    }

    .desa-documents .desa-documents-header {
        padding: 40px 0 124px;
    }

    .desa-documents .documents-body {
        gap: 12px;
    }

    .desa-documents .documents-body .document-box {
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
    }

    .desa-documents .document-box a {
        padding: 12px;
    }

    .desa-documents .document-box .name {
        font-size: 12px;
    }

    .desa-documents .document-box .job, .desa-documents .document-box .box-footer {
        font-size: 11px;
    }

    .desa-politikalar .content-left, .desa-politikalar .content-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .desa-politikalar .content-right {
        order: 1;
    }

    .desa-politikalar .content-left {
        order: 2;
    }

    .desa-tab-wrapper.triple .ds-tab-content .content-right {
        gap: 12px;
    }

    .desa-tab-wrapper.triple .ds-tab-content .content-right .c-grid-box {
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
    }

    .info-block-wrapper {
        padding: 40px 0;
    }

    .info-block-wrapper .info-block-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 16px;
    }

    .info-block-wrapper .info-title {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 4px;
    }

    .info-block-wrapper .info-content {
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .ana-sozlesme-wrapper, .section-card-wrapper {
        padding: 30px 0 16px;
    }

    .ana-sozlesme-wrapper .content-left, .ana-sozlesme-wrapper .content-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .milestones-wrapper {
        padding: 30px 0;
    }

    .milestones-wrapper .milestones-header {
        padding: 0 0 24px;
    }

    .milestones-wrapper .milestones-header .title {
        flex: 0 0 100%;
        font-size: 28px;
    }

    .milestones-wrapper .milestones-header .description {
        flex: 0 0 100%;
        font-size: 12px;
    }

    .milestones-wrapper .milestones {
        padding: 0 16px;
    }

    .milestones-wrapper .milestones-col {
        flex: 0 0 100%;
        max-width: unset;
    }

    .milestones-wrapper .milestone-box-header {
        font-size: 15px;
    }

    .milestones-wrapper .milestone-box-content {
        padding: 16px;
    }

    .section-card {
        padding: 20px;
    }

    .section-card .title {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .section-card .content {
        font-size: 13px;
    }

    .policies {
        padding: 30px 0;
    }

    .policies .policies-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .policies .title {
        font-size: 24px;
    }

    .policies .policy-card {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 12px;
    }

    .policies .policies-grid {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }

    /* surdurulebilirlik */
    /* basin bulteni detay sayfasi */
    .desa-accordion {
        padding: 16px;
    }

    .desa-accordion h2 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .desa-accordion-item .desa-accordion-header {
        padding: 12px 0;
    }

    .desa-accordion-item .desa-accordion-title {
        letter-spacing: 0.5px;
    }

    .desa-accordion-item .desa-accordion-content {
        font-size: 11px;
        letter-spacing: 0.5px;
        padding: 4px 0 20px;
    }

    .download-logos {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .download-logos > a {
        padding: 16px;
    }

    .desa-gallery {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .desa-gallery.dual {
        grid-template-columns: repeat(1, 1fr);
    }

    .desa-intertitle {
        padding: 40px 16px;
    }

    .sustainability-widgets {
        grid-template-columns: repeat(2, 1fr);
        padding: 40px 16px;
    }

    .sustainability-bottom {
        padding: 40px 16px;
    }

    .sustainability-widgets .item-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .sustainability-widgets .item-link {
        font-size: 12px;
        gap: 12px;
    }

    .sustainability-bottom .sustainability-header > div {
        font-size: 16px;
    }

    .sustainability-bottom .sustainability-header > span {
        font-size: 16px;
    }

    .sustainability-bottom .sustainability-header > p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .sustainability-bottom .sustainability-header > a {
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-bottom: 20px;
    }

    .sustainability-bottom .images-wrapper a img {
        width: 56px;
    }

    .sustainability-detail {
        font-size: 14px;
        padding: 30px 0;
    }

    .kvkk-wrapper {
        gap: 12px;
    }

    .kvkk-wrapper .kvkk-left, .kvkk-wrapper .kvkk-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kvkk-wrapper .kvkk-left .ds-tab-links li {
        font-size: 13px;
        padding: 10px 8px;
    }
}

/* alt sayfa css'leri - end */


.marka-context .JKatAdi {display: none;}  
.markaSlider li a {display: block;border-left: 1px solid #bfbfbf !important;}
.markaSlider li a img {height:75px ;width: auto;display: block;margin: 0 auto;}
@media only screen and (max-width: 767px) {  
.ProductList.markaSlider {margin-top: 15px;}
}

body#bodyGlobal.HomeBody {max-width: 1920px;margin: 0 auto;}
  
  #mainHolder_divDesign .blokResimLink img {width: 100%;}
  
.promobanner li {padding: 0 4px;display: block;}
  .promobanner .owl-nav {display: none;}
  .promobanner ul {opacity: 1!important;}
  
  .ticiContainer.hazirBlokContent.anasayfa_urun_slider {padding: 0!important;}
  .newHeaderNavigation.mobileStyle li.ulVar:first-child .nextKolonBtn {left: 0;}
  
  
  
@media only screen and (max-width: 767px) {  
 .BasketBtn {display: flex;}
  .buyfast {margin: 0px 0px 0 10px;}
  input#btnHemenAl {height: 46px !important;}
}