/* ==================== */ /* ------FE8--UM------- */ /* ==================== */ @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');[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; } body { font-family: 'Archivo', 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: 'Archivo', 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: 'Archivo', 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: 'Archivo', 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: 'Archivo', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; } .selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; } .validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 0;padding: 0 10px;} .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 0 0;} .cloudzoom-zoom { z-index: 999; } .clearfix { content: ''; clear: both; display: block; float: left; width: 100%; } .clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; } .KasaOnuFirsatlarContent ul li a.button{border: none!important;} /* -----------------------------------Magaza Sayfasi--------------------------------------------*/ .Magazalar #header{margin-bottom: 50px;} .Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);} .Magazalar #searchStore{width: 25%;margin:0;} .Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);} .Magazalar #searchStore .buton{width: 105px;background: #222;border-color: #222;} .Magazalar #searchStore .buton:hover{color: #222;} .Magazalar .magazalarContent{float: left;width: 100%;margin-top: 50px;} .Magazalar #nearStores{float: left;width: 100%;} .Magazalar #nearStores >h2{font-weight: 600!important;color: #222;font-size:18px;} /*------------------------------------iletisim--------------------------------------------*/ .iletisimContent {float: left;width: 100%;} .iletisimContent .row{margin: 0;} .iletisimContent .AdBan{float: left;width: 50%;} .iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;} .iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;} .iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;} .iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; } .iletisimContent .iletisimLeft .Left{display: none;} .iletisimContent .iletisimLeft .Center{display: none;} .iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;} .iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;} .iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;} .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';} .iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {content: '\f1ac';} .iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before {content: '\f3c5';} .iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before {content: '\f2b6';} .iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;} .iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;} .iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;} .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; } .iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;} .iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span .Center{display: none;} .iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;} .iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;} .iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowRight .span .Center{display: none;} .iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;} .iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 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: 0;} /*------------------------------------Uye Ol--------------------------------------------*/ .uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; } .uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); } .uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;} .uyeOlContainer .uyeOlRow{margin:0;} .uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;} .uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;} .uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; } .uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; } .uyeOlContainer .gender { float: left; width: 100%; } .uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; } .uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; } .uyeOlContainer .intl-tel-input { margin-bottom: 15px; } .uyeOlContainer #mainHolder_rblCinsiyet { float: left; } .uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 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: 0; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden;} .mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; } @media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }} .CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; } .CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; } .CartProduct ul { padding: 0; margin: 0; } .CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; } .CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; } .CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; } .CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; } .CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; } .CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; } .CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; } .CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; } .CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; } .CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; } .CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; } .CartProduct .SProduct li a .SepetTopAdet { } .CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 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: 1%; bottom: 5%; z-index: 9999;display: none;} #back-to-top a {border: 1px solid var(--theme-color); float: left;width: 40px;height: 40px;border-radius: 0;background: #fff;fill: #000; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} #back-to-top a svg{height: 25px;position: relative;z-index: 2;} #back-to-top a svg path{transition:.5s;} #back-to-top a:hover svg path{fill:#fff;} #back-to-top a:hover{background: var(--theme-color);} /* ------------------------------------Vitrin urunleri--------------------------------------------*/ .homeContainer .ProductListContent { float: left; width: 100%; margin:30px 0; position: relative;} .homeContainer .ProductListContent .ProductList {display:block;margin: 0 auto;} .homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px;width: 25%;max-width: 25%;} .homeContainer .ProductListContent .productItem { margin-bottom: 0; } /****************************************URUN KART*********************************/ .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;} .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;} .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;} .ProductListContent { float: left; width: 100%; } .categoryContainer .ProductListContent { float: left; width: 100%;} .categoryContainer .ProductList { margin: 0 -10px } .categoryContainer .ProductListContent .productItem { margin-bottom: 0;} .ItemOrj { float: left;padding: 0 10px;width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;margin-bottom: 45px;} /*urun*/ .productItem{width:100%;position:relative;text-align:center;display:inline-block;float:left;border-radius:0;overflow:hidden;transition:.3s;padding: 0;height: 100%;transition: .5s;background: #fff;} .productItem .productIcon {width:100%;float: left;} /*urunresim*/ .productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;} .productItem .productImage a, body .productItem .productImage a.Videolu{ display: block;position: relative;padding-bottom: 128%;} .productItem .productImage img, .productItem .productImage .Videolu video { position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;transition: 1s!important;transform: translateY(30px)!important; visibility: hidden;opacity: 0;max-height: 100%!important;width: 100%!important;} .productItem .productImage img.loaded, .productItem .productImage .Videolu video.loaded,.productItem .productImage img.owl-lazy, .productItem .productImage .owl-item.active img,.productItem .productImage .owl-item.active .Videolu video{transform: translateY(0)!important;visibility: visible;opacity: 1;} /*kategori loading görünümü ayarlama*/ /*body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/images/load.gif"]), body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/Images/load.gif"]), body .categoryContainer .ProductList .productItem a.videoProduct:not(.Videolu){display: block;position: relative;padding-bottom: 150%;} body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/images/load.gif"], body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/Images/load.gif"]{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;} body .categoryContainer .ProductList .productItem .productImage .productList-Image-Owl .owl-item:not(.active) .imageItem{display: none;}*/ /*urunaciklama*/ .productItem .productDetail { display: block; float: left; width: 100%; text-align: left;padding:10px 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:17px;height:17px; font-weight: normal;font-size: 16px; color: #000000;overflow: hidden;white-space: nowrap; text-overflow:ellipsis;/*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/} /*urunfiyat*/ .productItem .productPrice { display:inline-block; vertical-align: top; position: relative; margin: 10px 0 0; bottom: 0;float: left;clear: left;} .productItem .discountPrice {display: block;float: right;} .productItem .discountPrice span {color: #000000;font-size: 18px; line-height:20px;font-weight:500;} .productItem .IndirimVar .discountPrice span{color: #000000;} .productItem .discountKdv, .productItem .regularKdv {display:none;} .productItem .regularPrice { display:block !important;float: left;margin-right: 10px;margin-top: 0;} .productItem .regularPrice span {font-size: 18px;color: #959595;-moz-text-decoration-color: #959595; text-decoration-color: #959595; line-height: 20px; font-weight:400; text-decoration: line-through;} /*urunpuan*/ body .productDetail .productPointTxt{width:auto;margin:10px 0 0 10px;line-height:12px;} body .productDetail .productPointTxt:before{line-height:12px;} .productPoints{float:left;width:auto;margin:10px 0 0;clear: left;} body .productPoints .rating{margin:0;display:flex;align-items:center;gap:2px;} body .productPoints .rating i:before{content:'\f005';font-family:'FontAwesome';font-size:12px;color:var(--theme-color);} body .productPoints .rating i{font-size:0;font-weight:300;} .productItem .productPoints [data-rating^='1'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='1,5'] .star-2, .productItem .productPoints [data-rating^='1.5'] .star-2, .productItem .productPoints [data-rating^='1,6'] .star-2, .productItem .productPoints [data-rating^='1.6'] .star-2, .productItem .productPoints [data-rating^='1,7'] .star-2, .productItem .productPoints [data-rating^='1.7'] .star-2, .productItem .productPoints [data-rating^='1,8'] .star-2, .productItem .productPoints [data-rating^='1.8'] .star-2, .productItem .productPoints [data-rating^='1,9'] .star-2, .productItem .productPoints [data-rating^='1.9'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='2'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='2'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating*='2,5'] .star-3, .productItem .productPoints [data-rating*='2.5'] .star-3, .productItem .productPoints [data-rating*='2,6'] .star-3, .productItem .productPoints [data-rating*='2.6'] .star-3, .productItem .productPoints [data-rating*='2,7'] .star-3, .productItem .productPoints [data-rating*='2.7'] .star-3, .productItem .productPoints [data-rating*='2,8'] .star-3, .productItem .productPoints [data-rating*='2.8'] .star-3, .productItem .productPoints [data-rating*='2,9'] .star-3, .productItem .productPoints [data-rating*='2.9'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='3,5'] .star-4, .productItem .productPoints [data-rating^='3.5'] .star-4, .productItem .productPoints [data-rating^='3,6'] .star-4, .productItem .productPoints [data-rating^='3.6'] .star-4, .productItem .productPoints [data-rating^='3,7'] .star-4, .productItem .productPoints [data-rating^='3.7'] .star-4, .productItem .productPoints [data-rating^='3,8'] .star-4, .productItem .productPoints [data-rating^='3.8'] .star-4, .productItem .productPoints [data-rating^='3,9'] .star-4, .productItem .productPoints [data-rating^='3.9'] .star-4 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-4 { font-weight: bold; } .productItem .productPoints [data-rating^='4,5'] .star-5, .productItem .productPoints [data-rating^='4.5'] .star-5, .productItem .productPoints [data-rating^='4,6'] .star-5, .productItem .productPoints [data-rating^='4.6'] .star-5, .productItem .productPoints [data-rating^='4,7'] .star-5, .productItem .productPoints [data-rating^='4.7'] .star-5, .productItem .productPoints [data-rating^='4,8'] .star-5, .productItem .productPoints [data-rating^='4.8'] .star-5, .productItem .productPoints [data-rating^='4,9'] .star-5, .productItem .productPoints [data-rating^='4,9'] .star-5 { font-weight: bold; } .productItem .productPoints [data-rating="5"] i { font-weight: bold; } /*Urun Iconlari*/ .favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon,body .myCollectionProductBtn{ z-index: 3; display: none;} .discountIcon span,.mycartIcon a span{font-weight: normal;} .favori a, .examineIcon a, .mycartIcon a {display: block;} /*tukendi*/ .TukendiIco { z-index: 11;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;} .TukendiIco span {line-height: 45px;background:rgba(255,255,255);position: absolute;left: 0;bottom: 46%;right: 0;max-width: 200px; border:none;color: #000;font-size: 15px;font-weight: normal;padding: 0;border-radius: 0;text-transform:uppercase;margin: 0 auto;border-radius:0;} /*stokyok*/ .StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; } /*playbuton*/ body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;} body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;} body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;} body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';} body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';} /*ekbutonlar*/ .productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;} /*******************************************KATEGORi**********************************/ .Block_Title { display: none; } .noProduct { background: url('../../Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; } .noProduct * { display: none !important; } #divUstFiltreKategori { display: none; } #divUstFiltreMarka { display: none; } /*kategoriAciklama*/ .categorydesign {float: left;width: 100%;} .categorydesign .Blok{margin: 0;} .leftBlock .categorydesign {display:block;} .categorydesign *{} .categorydesign strong{font-weight:bold;} .categorydesign strong *{font-weight:bold;} .categorydesign img {display:inline-block;vertical-align:middle;} /*breadcrumb*/ .breadList.breadActive{display: none!important;} .breadcrumbContent { float: left; } body ul.breadcrumb { margin: 0 auto;display: flex!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;flex-wrap: wrap;} body ul.breadcrumb * { color: #000000; font-size: 14px!important; line-height: 20px!important; float: left; font-weight: normal;} body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;} body ul.breadcrumb li:after { content: '|'; display: inline-block; margin: 0 8px; color: #000; font-size: 13px ; line-height: 20px; float: left; font-weight:normal;margin-top: -1px;} body ul.breadcrumb li:nth-last-of-type(1):after { display: none;} body ul.breadcrumb li:nth-last-of-type(1) a span{} body ul.breadcrumb li a span{position: relative;} body ul.breadcrumb li a span::before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 1px;background: var(--theme-color);width: 0;transition: .5s;} body ul.breadcrumb li a:hover span::before{width: 100%;} body a#linkOncekiSayfa {line-height: 30px ; display: none ; color: #000 ; font-size: 12px!important; font-weight: normal;} .leftImage a#linkOncekiSayfa {display: none;} /*ustalan*/ .categoryTitleText {float: left;width: 100%;padding: 15px 0;} .categoryTitle { float: left; width: 100%;} body #divSayfalamaUst { float: right; margin:15px 0 25px;padding:0;text-align: center;} .urunListRel { width: 100%; float: left; position: relative;} .brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;} .brandlistselection .clear { clear: none;display: none; } .brandlistselection ul {padding: 0;margin: 0;list-style: none;} .brandlistselection .sortingContent{background:#fff;float: right;} .brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;} .brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;padding: 0;} .blockSelect .sort_hrz{display: none!important;} .blockSelect .sort_2{display: none!important;} .blockSelect .sort_5{display: none!important;} .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;} .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;} /*filtresecili*/ body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;display: none;} body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width: 100%; background:transparent;line-height: 1;margin: 0;padding: 0 5px;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;} /*sayfalama*/ .brandlistselectionBottom { margin-bottom: 0; display: none; } #divSayfalamaAlt { width: 100%; margin:0;} .pageNumber { float: right; text-align: right; margin:0;display: none;} .pageNumber a { } .pageNumberContent { } .pageNumberBottom { float: right; text-align:center;margin:25px 0;padding:0;width: 100%;display:block;vertical-align: middle;} .pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;} .pageNumberContent a, .pageBorder a {border: 1px solid var(--theme-color); min-width:35px;height:35px;line-height:35px;font-size:15px;font-weight:bold;color: #000;background:#fff;border-radius:0;border:none;float:left; position: relative;display: block;text-align:center;margin: 0 5px;overflow: hidden;transition: .5s;} .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;} .pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: var(--theme-color);} .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: var(--theme-color);} .KategoriFilitrelemeContent .Block_Title { display: none; } /*******************************************KATEGORi**********************************/ /*******************************************URUN DETAY********************************/ .RightDetail > .clear { clear: none; } .ProductDetailMain{float:left;width: 100%;} .ProductDetailMainRow{float:left;width: 100%;} .TopDet { float: left; width: 100%; position: relative;margin:0 0 20px;} .leftImage { width: 66%; float: left; position: relative;padding:0;opacity: 0;visibility: hidden;} .RightDetail { width:34%; float: left; position: sticky;padding: 0 0 0 26px;opacity: 0;visibility: hidden;top: 90px;} .TopDet .leftImage,.TopDet .RightDetail{visibility: visible;opacity: 1;} /*Urun Resim*/ body .leftImage .ProductGallery {float: left;width: 100%;} body .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;display: flex;flex-direction: column-reverse;gap: 30px;} body .leftImage .ProductGallery .gallery-container .GalleryArea {position: absolute;left: 0;right: 0;top: 0;bottom: 0;cursor: zoom-in;opacity: 0;margin: 0;z-index: 9;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item .zoom-js img{cursor: zoom-in;width: 100%;height: 100%;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;border: none;background:transparent;display: block;position: static;width: 100%;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {float: left;width: 100%;display: flex;flex-wrap: wrap;gap: 5px;padding: 0;overflow: hidden;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;width: calc(50% - 2.5px);margin-bottom: 0;cursor: pointer;transition: .5s;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item:last-child{margin: 0;} body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;} .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item::before{display: none!important;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage .owl-item .zoom-js{height:100%;} .UrunDetayLeft { margin: 0 !important; overflow: hidden; } .Images,#divVideoGoruntulemeAlan { float: right;cursor: zoom-in;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;} .Images img,#vdUrunVideo { width: 100%!important;height: 100%!important;} .Images img{transition: 2s;transform: scale(1.2);} .Images img.loaded{transform: scale(1);} .cloudzoom-blank > div:last-child { display: none !important; } .SmallImages {display: flex !important;float: left;width: 100%;margin:0;display: flex;gap: 5px;flex-wrap: wrap;} .SmallImages div.AltImgCapSmallImg {float: left;width: calc(50% - 2.5px);margin-bottom: 0;cursor: pointer;} .SmallImages div.AltImgCapSmallImg img {max-width: 100%;max-height: 100%;} .SmallImages div.AltImgCapSmallImg:hover{border-color: var(--theme-color);} .SmallImages div.AltImgCapSmallImg.active{border-color: var(--theme-color);} .SmallImages.owl-carousel .owl-stage-outer,.thumb-list.owl-carousel .owl-stage-outer{padding:6px;margin:-6px;width: calc(100% + 6px);} .leftImage .productTimer{display: none!important;} .DetayYeniUrun {display:none!important;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 240px);} body .fullSliderImg .fullSliderThumbWrap{width:228px;} /*sagalan*/ .RightDetail .TopList { float: left; width: 100%; position: relative;} .RightDetail .MiddleList { float: left; width:100%; position: relative;} .RightDetail .BottomList { float: left; width:100%; position: relative;} /*urunadi*/ .ProductName { float:left;position: relative;margin:0;width: 100%;} .ProductName h1 { margin: 0; float: left;width: 100%;} .ProductName h1 span { float: left; width: 100%; display: inline-block; color: #000; font-size: 18px; font-weight:500;} /*stokkodu*/ #divUrunKodu {float:left;clear:left; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0;margin:10px 0 0;} #divUrunKodu span{ display:inline-block;vertical-align:top;color: #000; font-size: 14px; font-weight: normal; position: relative; line-height: 14px;float: left;} #divUrunKodu span:after{content: ':';margin: 0 4px;} /*taksitaciklama*/ #divTaksitAciklama { display:block;float: left;clear:left;margin-bottom:10px;width: 100%;} #divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;} /*paunver*/ .RightDetail .puanVer {float:left;clear: left;margin: 10px 0 0;} .RightDetail #PuanVer{float: left;margin-top:0;} .RightDetail .PuanVerSag {float: left;color: #000;font-size: 14px;line-height: 15px; margin: 0 0 0 10px;} .RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; } .RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 1px 0 0;font-size: 0;} .RightDetail ul.rating li i.starItem { font-size: 13px; line-height:15px;height: auto;font-weight: 300;font-family:'FontAwesome';position:static;} .RightDetail ul.rating li i.starItem:before { content: '\f005';} .RightDetail ul.rating li i.starItem:hover { font-size: 13px; font-weight: 600;} .RightDetail ul.rating li.filled i { font-weight: 600;} .RightDetail .rating-stars ul>li.star.hover>i.fa{font-weight:600;} .RightDetail .rating-stars ul>li.star.selected>i.fa{font-weight:600;} .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa, .RightDetail .rating-stars ul>li.star.selected>i.fa{color: #D8A910;} /*markaresmi*/ .markaresmi { float: left;position: relative; z-index: 1; display: none!important;} .markaresmi a { float: left; } .markaresmi img { max-width: 100%;float: left;} /*magazastok*/ #divMagazaStok{float:left;clear:left; margin:10px 0 0!important;} #divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} /*on yazi*/ #divOnyazi {float:left;width: 100%;} #divOnyazi .teksatir{margin-top: 8px;float: left;width: 100%;font-size: 14px;font-weight: 400;color: #969696;line-height: 17px;letter-spacing: -0.14px;} #divOnyazi h2{font-weight:normal;font-size:100%;} #divOnyazi * {font-family: 'Archivo', 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:25px 0 0;} #pnlFiyatlar { display: inline-block; vertical-align: top;float:left;padding-top: 0;} #divIndirimliFiyat {display: block;float: left;margin-right: 10px;} /*ekbilgi*/ #divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi, #divIndirimOrani{ float:left;clear:left;margin-top:10px;line-height:14px;} #divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line, #divIndirimOrani .left_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} #divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} #divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani, #divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;} /*piyasa fiyati*/ .PiyasafiyatiContent {display:block;float: left;margin: 0 10px 0 0;} .PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;} .PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;} .PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through;} .PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;} /*indirimli fiyati*/ .IndirimliFiyatContent {display: block;float: left;} .IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;} .IndirimliFiyatContent .right_line { display: inline-flex;vertical-align:top;align-items: center;} .IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; } .IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;} .PriceList:has(#divKDVDahilFiyat) .IndirimliFiyatContent .right_line .spanKdv{display: inline-block!important;vertical-align: middle;} .PriceList:has(#divKDVDahilFiyat) #divIndirimliFiyat .IndirimliFiyatContent .right_line .spanFiyat{text-decoration: line-through;} /*turk lirasi fiyati*/ #divTurkLirasiFiyat { display: block;} #divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;} #divTurkLirasiFiyat .right_line { display: inline-block;} #divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; } /*indirimsiz fiyati*/ #divIndirimsizFiyat {display: block;} #divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;} #divIndirimsizFiyat .right_line { display: inline-block;font-weight: normal; } #divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;} #divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;} /*kdv dahil fiyati*/ #divKDVDahilFiyat { display: block;float: left;margin-top: 0;} #divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;} #divKDVDahilFiyat .center_line { display: none;} #divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;} #divKDVDahilFiyat span.left_line.lineTitle{display:none;} /*fiyatrenk*/ .PiyasafiyatiContent .right_line *{color: #959595; font-size: 20px;} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line{color: #000;} #divIndirimliFiyat .IndirimliFiyatContent .right_line *{color:#000000;} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *{font-size: 20px; font-weight: 600;} #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: 22px;} /*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: 0 0 20px;} #divUrunEkSecenek .eksecenekLine {clear: none !important;margin:20px 0 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: 40px;color: #000;font-size: 15px;font-weight:500;} #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: 15px;position: relative;color: #000;font-weight: 500;margin:0 10px 10px 0;} #divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;} /*selectvaryasyon*/ #divUrunEkSecenek .eksecenekLine.selectvaryasyon {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 50%;position: relative;border-radius: 0;overflow: hidden;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {border: 1px solid #e9e9e9; min-width: 100%;float: left;height: 50px;color: #000;font-size: 15px;font-weight: 500;padding: 0 10px;background: #fff;border-radius:0;position: relative;z-index: 2;transition: .5s;cursor: pointer;padding: 0 15px;text-indent: 0;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select:hover{border-color: var(--theme-color);} /*resimlivaryasyon*/ #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 30px;border: 1px solid transparent;transition: .5s;border-radius: 50%;padding: 2px;overflow: hidden;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{border: 1px solid #e9e9e9;border-radius: 50%;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{border-color: var(--theme-color);} /*kutuvaryasyon*/ #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 44px;height: 40px;line-height: 38px;text-align:center;border:1px solid #D9D9D9;border-radius:0;padding: 0 5px;transition: .5s;overflow: hidden;position: relative;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {border-color: var(--theme-color);} /*stokyokvaryasyon*/ #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #f5f3f3!important;color: #7a7979!important;border-color: #e4dfdd;} #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #cecece; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);-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:40px 0 0;} body #productDetailRelated .JKatAdi{margin:0 0 20px!important;} body #productDetailRelated .JKatAdi .bold{text-align: left;} body #productDetailRelated .JKatAdi .bold .satir1{font-size:15px;font-weight:600;color:#000000;line-height:19px;} body #productDetailRelated>a{width:75px;padding:0;margin:0 10px 10px 0;position:relative;background: #fff;border-radius: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 6px #00000029;} body #productDetailRelated>a img{border:none;mix-blend-mode: multiply;} body #productDetailRelated>a:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid transparent;transition:.5s;border-radius: 0;} body #productDetailRelated>a:hover:after{border-color:var(--theme-color);} body #productDetailRelated>a.active:after{border-color:var(--theme-color);} /*satinal*/ #divSatinAl { float: left;width: 100%;margin:25px 0 0;padding: 0;} .BasketBtn { float: left; position: relative;width: 100%;} #divAdetCombo .right_line,.RightDetail .riSingle{width: 120px;} #txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input, .buyfast input{height: 50px!important;} .Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 40px;} /*Adet Select*/ #divAdetCombo { display: block!important;position:relative;float: left;clear: left;} #divAdetCombo .center_line { display: none !important; float: left; } #divAdetCombo .right_line { float: left;max-width: 100%!important;} #divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;} /*Adet input*/ .RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;} .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 40px !important;font-size: 0; background:transparent;top:0;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;border-radius: 0;} .RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 10px;position: relative;z-index: 2;} .RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #000;transition: .5s;} .RightDetail .riSingle a.riUp {left:auto;right:0;} .RightDetail .riSingle a.riDown {left:0;} /*adetveselect*/ .Basketinp { display: block;position: relative;float: left;clear: left;} .BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: 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 #000;font-size: 16px;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: 500; font-size:16px; width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border:none; border-radius:0;text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;border: 1px solid #000;} .basketBtn{width: calc(100% - 130px);margin: 0 0 0 10px;} /*Hemen Al*/ .buyfast {width: 100%;margin:10px 0 0 0;} .buyfast input {} body .basketBtn input:hover{background:#fff;color:#000;} body .buyfast input:hover{background:#fff;color:#000;} /*kombin Al*/ #divKombinSatinAl {margin: 10px 0 0 0;width: 100%;} #divKombinSatinAl a{font-size: 15px;margin: 0!important;font-weight: 600;color: #fff;position: relative;z-index: 2;background: transparent;transition: .5s;line-height: 48px;} #divKombinSatinAl a:hover{background: transparent;color: #fff;} /*Iconlar*/ .ProductIcon {float: left;width: 100%;margin-top: 20px;display: flex;flex-wrap: wrap;gap: 10px 40px;} .ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;text-align: center;} .ProductIcon .box1 i {display: none;} .ProductIcon .boxIcon {background: transparent;border-radius: 0;margin: 0 6px 0 0; fill:#000; width:auto;height:25px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} .ProductIcon .boxIcon svg{height:18px;position: relative;z-index: 2;} .ProductIcon .boxIcon svg path{transition: .5s;} .ProductIcon > div{float: left;position: relative;position: relative;margin: 0;width: auto;} .ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-direction: row;gap: 5px;padding: 0;background: transparent;color: #000;font-size: 14px;font-weight: 400;} .ProductIcon > div > a:hover{background:transparent!important;} /*yazdiryorumtavsiye*/ .ProductIcon2 {float: left;width: 100%;margin-top: 10px;display: flex;flex-wrap: wrap;gap: 10px 40px;} .ProductIcon2 .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;text-align: center;} .ProductIcon2 .box1 i {display: none;} .ProductIcon2 .boxIcon {background: transparent;border-radius: 0;margin: 0 6px 0 0; fill:#000; width:auto;height:25px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} .ProductIcon2 .boxIcon svg{height:16px;position: relative;z-index: 2;} .ProductIcon2 .boxIcon svg path{transition: .5s;} .ProductIcon2 > div{float: left;position: relative;position: relative;margin: 0;width: auto;} .ProductIcon2 > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-direction: row;gap: 5px;padding: 0;background: transparent;color: #000;font-size: 14px;font-weight: 400;} .ProductIcon2 > div > a:hover{background:transparent!important;} /*paylas*/ .TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top: 10px;text-align: left;} .TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 10px;} .TopDet .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;list-style: none;padding: 0;margin: 0;} .TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;} .TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;} .TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #fff;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} .TopDet .product_social_icon_wrapper ul li a svg{width: 15px;} .TopDet .product_social_icon_wrapper ul li:nth-child(1) a{} .TopDet .product_social_icon_wrapper ul li:nth-child(2) a{} .TopDet .product_social_icon_wrapper ul li:nth-child(3) a{} .TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0} .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;} .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;} /*whatsapp*/ .socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important;} .socialButons iframe { float: left;} .product-social { float: left; margin-right: 10px; } .product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; } .product-social ul { float: left; } .product-social ul li { float: left; margin-right: 13px; } .product-social ul li a { display: block; color: #323232; font-size: 18px; } /*urun ozellik Bolumu*/ .urunOzellikTab{display: none;} .urunOzellik { float: left; width:100%;margin:50px 0 0;display: block;} .urunOzellik .urunTab {float:left;width: 100%;} .urunOzellik .urunTab ul {display: inline-flex;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;flex-wrap: wrap;gap: 10px;justify-content: center;} .urunOzellik .urunTab >ul > li{float:left;background:#fff;position:relative;overflow:hidden;border-radius:0;} .urunOzellik .urunTab >ul > li:last-child{margin-right: 0;} .urunOzellik .urunTab >ul > li > a {cursor:pointer;color: #000;font-size: 14px;float:left;font-weight:500;padding: 0;height: 42px;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 2;transition: .5s;} .urunOzellik .urunTab >ul > li > a span{font-weight:normal;} .urunOzellik .urunTab >ul > li:hover > a {color: #000;} .urunOzellik .urunTab >ul > li.active > a {color: #000;} .urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:0;margin: 0 0 30px;} .urunTabAlt strong { font-weight: bold; } .urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;} .urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;} .urunTabAlt {font-family:'Archivo',sans-serif !important;padding:0;float:left;width:100%;font-size:14px;line-height:24px;color:#5B5B5B;} .urunTabAlt * { font-family: 'Archivo',sans-serif !important;} .urunTabAlt i { font-family: 'FontAwesome' !important; } .urunTabAlt img { max-width: 100% !important; } .urunTabAlt iframe { max-width: 100% !important;} .urunTabAlt .button { padding: 10px 5px; color: #fff; } .tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;} .tabUrunOneriler ul li{float: left;width: 100%;} .oneriValidate .validate { top: 0; padding: 5px; } .urunTabAlt ul li { margin-bottom: 5px; clear: both; } .urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; } .urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;} .urunTabAlt ul li input[type="checkbox"] { margin-top: 0; } .urunTabAlt .teknikDetay{display: none;} .urunTabAlt p{margin: 0;} /*------------------------------------Etiketler--------------------------------------------*/ #divEtiketler { float: left; width: 100%; padding:0 20px 20px; margin:50px 0 0;background: #fff;text-align:center;} #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 25px!important;margin:0!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:left;position: relative;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: normal;color: #000;font-size: 32px;font-weight:500;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;text-transform: uppercase;} /*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:10px;left:10px;top:calc(50% - 10px);} #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: auto;height:20px;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;overflow: hidden;} #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: none;float: left;width: 100%;text-align:center;margin-top: 20px;} #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;background: #fff; border: 1px solid #000;margin: 0 4px;border-radius: 0;display: inline-block;vertical-align:top;transition: .3s;} #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{color: #000;} #mainHolder_divDesign .owl-carousel .owl-nav > div span:after,.owl-carousel .owl-nav > div span:after{content:'';font-size:30px;color:#000000;font-family:'FontAwesome';font-weight: 300;transition: .5s;position: relative;z-index: 2;} #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:0;border:none;box-shadow:none;text-shadow:none;background: #fff;} #pnlSlider .flex-control-paging li a.flex-active {background: var(--theme-color);} #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: 'Archivo', sans-serif !important; } #mainHolder_UrunDetay_imgCookie { display: none !important; } .product_social_icon_wrapper { display: none; } .HesabimContainer .urunDetayPanel { max-height: 100%; } .orders { width: 100%; } .TumKategoriler { display: none; } .mobilMenuAcButton,.searchClick, .mycartClick, .welcomeOpen { display: none; } .userLoginBtn, .userSignBtn { border: none !important; } .magazaTeslimatBilgisiContent{display: none;} #store_region_container{display: none;} #ticimaxCopyright{float: left;width: 100%;} section{float: left;width: 100%;} .sepetimBody .Basketstep ul li.pasif{opacity: 1;} .sepetimBody ul{padding: 0;margin: 0;list-style: none;} .sepetimBody .sepetItemB1 span.KampanyaTanimSpan{display: inline-block;} /*Site ici scroll alanlar*/ #divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar{width: 3px;} #divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track{ background: #C2C2C2;border-radius: 0;} #divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb{background: var(--theme-color);border-radius: 0;} /*Site ici scroll alanlar*/ /*------------------------------------Sabit Renkler--------------------------------------------*/ /*sepetvebutonrenk*/ body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .tooltip-inner, .welcome.active, .sepetimBody .Basketstep ul li.aktif{ background: var(--theme-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(--theme-color);} /*tooltip*/ .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: var(--theme-color);} .tooltip.right .tooltip-arrow {border-right-color: var(--theme-color);} .tooltip.left .tooltip-arrow {border-left-color: var(--theme-color);} .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: var(--theme-color);} .baglanButton { border-color: transparent; } .Basketstep ul li:before { border: 1px solid var(--theme-color);} .sepetimBody .Basketstep ul li.aktif:after{border-top-color:var(--theme-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(--theme-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: #333;} /*colorhover*/ .BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover, .CartProduct .SProduct li a:nth-child(2):hover *{color: #333;} /*bordercolorhover*/ body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover, .CartProduct .headerCartBtn:hover{border-color: #333;} /*color*/ .siparisOzetTakip {color: #fff;} .BasketDetail table tbody tr td a { display: inherit; } .BasketDetail table tbody tr td:last-child a { display: block; } .sepetimBody #header:after { display: none; } body .alisverisedevamet{background: var(--theme-color);line-height:30px;padding:0 15px;} body .alisverisedevamet:hover{border:none;} .sepetimBody .MobileHeaderControl .item .cart-btn{padding:11px;height:40px;border-radius:0;} body .puanlamaBolumu .blok span{display:flex;align-items:center;gap:5px;} /*bordercolor*/ .KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; } .BasketPage a.YeniAdresEkle:hover {color: #fff !important; } .baglanButton:hover { background: transparent; } body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;} body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;} /*------------------------------------Sabit Renkler--------------------------------------------*/ .divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;width: 100%;} .bottomHead {display: none;} #divSliderYani {display: none;} body {background: #fff;} .ProductList ul{margin: 0;padding: 0;list-style: none;} .blokSonYazilar ul{margin: 0;padding: 0;list-style: none;} .blogKategori ul{margin: 0;padding: 0;list-style: none;} .blogCenter ul{list-style: none;} .blogRight ul{margin: 0;padding: 0;list-style: none;} .navigation .navUl ul{padding:0;margin:0;list-style: none;} #footer .socialdiv ul{padding: 0;margin: 0;list-style: none;} #footer .store ul{padding: 0;margin: 0;list-style: none;} #footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;} .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;} .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;} .TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;} .tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;} .sepetimBody ul{padding: 0;margin: 0;list-style: none;} body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;} .mobilMenu ul{list-style: none;padding: 0;margin: 0;} .bottomHead ul{margin: 0;list-style: none;padding: 0;} .breadList ul{list-style: none;padding: 0;margin: 0;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .CartProduct ul {list-style: none; padding: 0; margin: 0; } .welcome ul {margin: 0;list-style:none;padding: 0;} .brandlistselection ul {padding: 0;margin: 0;list-style: none;} .TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;} #pnlSlider ul {list-style: none;padding: 0;margin: 0;} .mBread ul {list-style: none;padding: 0;margin: 0;} body .sagIcerikTutucu .hsbmLabel .hsbmCheckbox{margin:0 4px;} body .NewAddress i{display:none;} .adresDefterim.ng-scope .row{margin:0;} .NewAddress a{padding:10px;transition:.3s;} .NewAddress a:hover{background:var(--theme-color);color:#fff;} /*Sağ Sepet*/ /*body .miniCartRigth,body .miniCartGiftCodeContent{padding:0 20px;width:400px} body .miniCartRigthHeader{position:relative;background:#fff;height:80px} body .miniCartRigthHeader .spnCartTxt{left:0;transform:translateY(-50%);font-size:16px;color:#222;text-align:left;font-weight:500;letter-spacing:.16px;text-transform:uppercase} body .miniCartRigthHeader .header-close-btn{width:20px;display:flex;align-items:center;justify-content:center} body .miniCartRigthHeader .header-close-btn svg{fill:#a0a2af;transition:.3s;width:14px;height:14px} body .miniCartRigthHeader .header-close-btn:hover svg{fill:#f02828} body .miniCartRigthScroll{height:calc(100dvh - 100px);padding-top:0} body .miniCartRigthScroll::-webkit-scrollbar{width:0} body .miniCartSatir1.bottom:first-child,.miniCartSatir1.bottom:nth-child(2),.miniCartSatir2:nth-child(3),.miniCartSatir2:nth-child(2),.miniCartSatir1.bottom.subTotalVatIncluded:nth-last-child(3){display:none} body .hediyeCekiBtnContent{display:none} body .miniCartItem{display: block;float: left;width: 100%;} body .miniCartContent{padding:0;width:100%;height:calc(100% - 110px);overflow: auto;} body .miniCartContent::-webkit-scrollbar{width: 0;height: 0;} body .miniCartItem .miniCartRight{max-width:100px;float: left;} body .miniCartItem .miniCartLeft{max-width:calc(100% - 120px);display: block;float: left;width:calc(100% - 120px);padding-left: 10px;} body .miniCartDetail{font-size:14px;font-weight:400;color:#343a4f;line-height:20px;gap:0;flex:0;position:static;order:1} 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} 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:#f02828} body .miniCartDetail span{float:left;width:100%;} body .miniCartDetay{order:3;margin-top:6px} body .miniCartItemprice{flex-direction:row;align-items:center;order:2;margin-top: 10px;} body .miniCartItemprice .DiscountPrice.lineThrough{font-size:14px;font-weight:400;color:#e98960} body .miniCartItemprice .CartPrice{font-size:14px;font-weight:500;color:#222;} body .miniCartSatir1.bottom.totalAmount{border:none;margin:24px 0 18px;min-height:20px;padding:0} body span.miniCartCol1{font-size:15px;font-weight:700;color:#222;text-transform:uppercase} body span.miniCartCol2{font-size:15px;font-weight:700;color:#222} body .miniCartSatir2{padding:0;margin-top:0;border: none;} body .miniCartSatir2 .checkoutAsGuestButton,body .miniCartSatir2 .signInButton{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} body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:#222;border-color:#222;color:#fff} body .miniCartDetayItem.adettanim{display:none} body .miniCartDetayItem.eksecenek{font-size:13px;font-weight:400;color:#222} 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:10px 0;background:#e1e1e1;height:1px;float: left;width: 100%;} body .miniCartSatir2 .signInButton{border-radius:5px;} body .miniCartItemprice > div{display:none;} body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartItemprice .CartPrice{display:block;} body .miniCartItem .miniCartLeft .adettanim3 input{text-indent:0;} body .miniCartDetayItem.adettanim > div.adettanim3{display:block;margin: 5px 0 0;} body .miniCartItem .miniCartRight a{height:100%;} body .miniCartItem .miniCartRight a img{height:100%;object-fit:cover;} body .miniCartDetay .adettanim3 label{display:none;}*/ /*Sağ Sepet*/ body .account-item .nav-dropdown ul{padding:0;margin:0;list-style:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{padding:0;margin:0;list-style:none;} body .account-item .header-button-useLogin > ul{padding:0;margin:0;} body .header-cart-hover ul{list-style:none;} .detayFixed{display: none;} #divIndirimOrani .left_line,#divIndirimOrani .center_line{display:none;} #divIndirimOrani .indirimliOrani{font-size:0;} #divIndirimOrani .indirimliOrani #ltrIndirimOrani{font-size:20px;font-weight:500;color:var(--theme-color);line-height:22px;} #divIndirimOrani .indirimliOrani #ltrIndirimOrani:before{content: '-%';} #divIndirimOrani{clear:none;margin:0 10px 0 0;} /*------------Genel Background--------------*/ a#linkSecilenleriSil,body #hed div.hediCekForm a, body .uyeOlContainer #btnSave,body .tabLink a, body .siparisBosBtn a,body .favoriBosBtn a, body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a, body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .alisverisedevamet, body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:var(--theme-color)!important;} body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{border-color:var(--theme-color);} body .urunTabAlt .button{padding:7px 20px;border-radius:0;} body #divNewUyeGirisContent .newUserLoginBtn, body .newUyeOlContainer .newUserLoginBtn, body .acountDoneContainer .acountDoneLoginBtn, body .pageSifreOlustur .newUserLoginBtn, body .pageSifremiUnuttum .newUserLoginBtn, body .commentTicimax .commentTiciNewCommentButton, body #sepetEkleModal .divAltButonlar a{background: var(--theme-color);transition: .3s;border-radius: 0;} 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: #333;} body .userDivTab ul li.active span{border-color: #333;color: #333;} /*------------Genel Hover--------------*/ a#linkSecilenleriSil:hover,body .uyeOlContainer #btnSave:hover, body .userLoginBtn:hover,body .userSignBtn:hover, body .button.basketCompletebtn:hover,body .tabLink a.aktif, body .tabLink a:hover,body .siparisBosBtn a:hover, body .favoriBosBtn a:hover,body .yesilButon:hover, body .commentNone .commentNoneText .commentNoneButton a:hover, body .NewAddress a:hover,body .iletisimIzinSave a:hover, body .kuponOlustur .kuponOlusturButon:hover,body .hesabimMenuDon:hover,body .alisverisedevamet:hover, body #hed div.hediCekForm a:hover{background:#333!important;} /*-------------Genel Color-------------*/ a#linkSecilenleriSil,body .uyeOlContainer #btnSave,body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{color:#fff!important;} body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon{color: #fff;} /*-------------Genel Radius-------------*/ body.sepetimBody .basketCompletebtn,body #hed div.hediCekForm a,body .sepetItem, body .kirmiziButon,body .kuponOlustur .kuponInput,body .sagIcerikTutucu .satirBlok .hsbmTextbox, body .sagIcerikTutucu .satirBlok .hsbmSelect, body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .uyeOlContainer #btnSave, body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .miniCartSatir2 .signInButton, body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .hesabimAnasayfaMenuler ul li a,body .miniCartSatir2 .checkoutAsGuestButton, body .siparisListeBos,body .favoriListeBos,body .commentNone,body .hesabimForm .satirBlok .hsbmTextarea,.sepetimBody .MobileHeaderControl .item .cart-btn, .BasketDetail,body .BasketRigth.BasketHediyeCeki,#hed div.hediCekForm input,.BasketRigth,body .alisverisedevamet,a#linkSecilenleriSil, body .textbox.txtSepetAdet,body .miniCartBos{border-radius:0!important;} /*-------------Genel Page Bacground-------------*/ body .sepetItem,body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .BasketDetail.BasketDetailCargo.ng-scope, body .hesabimAnasayfaMenuler ul li a,body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .siparisListeBos, body .favoriListeBos,body .commentNone{background:#F8F8F8;} /*------------Genel Border None--------------*/ a#linkSecilenleriSil,body .sepetItem,body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a, body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,body .NewAddress a, body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .NewAddress, body .uyeOlContainer #btnSave,body .userContainer .userLeftBox,body .userContainer .userRightBox, .uyeOlContainer #FrmYeniUye > .uyeOlCol{border:none!important;transition: .3s;} /*-----------Genel Color Sepet---------------*/ body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartButtonSil a:hover:after{color:#333;fill:#333} /*------------Genel Padding--------------*/ body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol, body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{padding: 20px;} /*--------------------------*/ a#linkSecilenleriSilAlt{display:none!important;} body.sepetimBody{background:#fff;} body .uyeOlContainer #btnSave{padding: 0;line-height: 39px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:calc(50% - 10px);} body ng-form#FrmYeniUye{display:flex;justify-content:space-between;float: left;width: 100%;} body .alisverisedevamet{line-height:38px;padding:0 15px;} body .UyelikSilmeAktifDiv{margin-top: 20px;width: 50%;} body .hesabimMenuDon{padding:0 10px;line-height:32px;margin-bottom: 20px;} body .solAnaMenu,body .hesabimForm{padding:15px 20px;} section.elementor-section.mid .footerTempRow{justify-content:space-between;} section.elementor-section.mid .footerTempRow > div{width:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:500px;} section.elementor-section.bottom .footerTempRow{align-items: center;justify-content: center;} section.elementor-section.bottom .footerTempRow > div{} #headerNew{position:sticky;top:0;z-index:998;transition:1s;background:#fff;width: 100%;} #headerNew.fixed{top:0;box-shadow: 3px 3px 30px #0000001A;} #headerNew.fixed.gectop{top:0;} body .miniCartBos{border:1px solid var(--theme-color);font-size:15px;padding:10px;width: calc(100% - 20px);margin-left: 10px;} body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){overflow:hidden!important;padding-right: 17px;} body:has(.filterBlock.active){overflow:hidden!important;} body .leftImage .drift-container{display:none!important;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav{width:auto;padding:0;left:20px;right:20px;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{width:40px;height:40px;opacity: 1!important;position: relative;overflow: hidden;border-radius: 0;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:0;line-height:normal;border-radius:0;border:none;color:#000;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span:after{content:'\f104';} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f105';} body .footerTemp .socialMedia li a i,body .footerTemp .storeMedia li a i{padding:0!important;width:38px!important;height:38px;transition:.5s;border: 1px solid #585858;} body .footerTemp .socialMedia li a:hover i,body .footerTemp .storeMedia li a:hover i{background:transparent!important;color:#fff!important;margin-top: 5px;border-color: #fff;} body .footerTemp .socialMedia li a:hover span,body .footerTemp .storeMedia li a:hover span{color:#000!important ;} body .footerTemp .socialMedia li a span,body .footerTemp .storeMedia li a span{transition: .3s;} i.fab.fa-tiktok.icon:before{font-family:'FontAwesomeBrands';content:'\e07b';} body .footerTemp .footerMenuAlt a{line-height:30px;position: relative;transition: .5s;} body .footerTemp .footerMenuAlt a::after{} body .footerTemp .footerMenuAlt a:hover{padding-left: 10px;margin-right: -10px;} ul.footerText strong{margin:0 3px;} ul.footerText li{font-weight:300;} body .pageNumber .productCountInfo{font-size:13px;font-weight:400;color:#4B4849;} body .pageNumber .productCountBar{display:none;} body .pageNumber .divMoreProducts .button{margin:13px 0 0;background: #fff;font-size: 16px;color: #444444;line-height: 45px;padding: 0 40px;border-radius: 0;overflow: hidden;position: relative;transition: .5s;border: 1px solid #000;} body .pageNumber .divMoreProducts .button:hover{color: #fff;background: #000;} /*body .header-dil-content #lang_flag_container #langHover{padding:0!important;cursor: pointer;} body .header-dil-content #lang_flag_container #lang{line-height:normal!important;background:none!important;padding:0!important;min-height:40px!important;} body .header-dil-content #lang_flag_container #lang:after{content:'\f107';font-family:'FontAwesome';display:block;line-height:40px;margin-left:5px;font-weight:300;transition: .5s;} body .header-dil-content #lang_flag_container #lang-detail{display:block!important;transform:translateY(-140%);visibility:hidden;opacity:0;transition:.5s;} body .header-dil-content #lang_flag_container.active #lang-detail{transform:translateY(0);visibility:visible;opacity:1;} body .header-dil-content #lang_flag_container.active #lang:after{transform:rotate(180deg);margin-top:-2px;}*/ .svgIcon.cart-svg,.svgIcon.fav-svg,.svgIcon.mem-svg,.svgIcon.menu-svg,.svgIcon.search-svg,.svgIcon.search-times{display:flex;align-items: center;gap: 10px;} body .solAnaMenu ul li.Active > ul li a:After{top:50%;transform:translateY(-50%);height:auto;} .mobilaf{position:fixed;right:0;left:0;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;display:none;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;} .mobilaf.acik{display:block;} body .relatedProductsColor{bottom:20px;left:20px;right:auto;} body .ticimaxModal .modal-close{line-height:22px;} body .divRelatedProductsPopup .ulRelatedProducts img{width:100%;} body .ulRelatedProducts li{width:calc(25% - 8px);} .siparisBosBtn a.ng-binding:nth-child(2){display:none;} body .header-favori-item a.favori-link .header-favori-count,body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{margin-top:-10px;margin-left:-5px;} body:has(.homepage) #headerNew{background:transparent;} body:has(.homepage) #headerNew:hover{background:#fff;} body:has(.homepage) #headerNew.fixed{background:#fff;} body:has(.homepage) #headerNew:has(.dropactive){background:#fff;} body:has(.homepage) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{color:#fff;} body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after{color:#000;} body #hb-logo svg,body #hb-logo img{transition:1s;} body:has(.homepage) #hb-logo svg{fill:#fff;} body:has(.homepage) #hb-logo img{filter: invert(1);} body:has(.homepage) #headerNew:hover #hb-logo svg, body:has(.homepage) #headerNew.fixed #hb-logo svg, body:has(.homepage) #headerNew:has(.dropactive) #hb-logo svg{fill:#000;} body:has(.homepage) #headerNew:hover #hb-logo img, body:has(.homepage) #headerNew.fixed #hb-logo img, body:has(.homepage) #headerNew:has(.dropactive) #hb-logo img{filter: invert(0);} body:has(.homepage) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color:#fff;transition: .1s;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color:#000;} body:has(.homepage) .header-favori-item a.favori-link .header-favori-count{color:#fff;transition: 1s;} body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link .header-favori-count, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link .header-favori-count, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link .header-favori-count{color:#000;} body .header-favori-item a.favori-link .svgIcon svg path{transition:1s;} body:has(.homepage) .header-favori-item a.favori-link .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link .svgIcon svg path{stroke:#000;} body #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{transition:1s;} body:has(.homepage) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew.fixed #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{stroke:#000;} body #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{transition:1s;} body:has(.homepage) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew.fixed #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{stroke:#000;} body .cart-item a.header-cart-link.headerButon .svgIcon svg path{transition:1s;} body:has(.homepage) .cart-item a.header-cart-link.headerButon .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .svgIcon svg path{stroke:#000;} body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after, body:has(.homepage) #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after, body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after{color:#000;} /*siteozelalan*/ #top-bar{position: relative;z-index: 998;display: flex;justify-content: center;} body .newHeaderNavigation:not(.mobileStyle) .menu-wrap{border-top:1px solid #E3E3E3;padding:40px 60px;display:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap{display:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span{position:relative;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;height:2px;background:#000;width:0;transition:.5s;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a > span:after{width:100%;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li .menu-list-kolon .kolon{flex:0 0 auto!important;} body .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon{gap:90px;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon{margin-left:0;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(2){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(3){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(4){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(5){} body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a{transition:.5s;} body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover{padding-left:10px;margin-right: -10px;} .main.multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{right:60px;top:auto;padding:0;left:60px;bottom:20%;transition:1.5s;transform:translateY(70px);visibility:hidden;opacity:0;gap:10px;transition-delay: .5s;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{transform:translateY(0);visibility:visible;opacity:1;} .main.multiBlockSliderWrapper .bannerButtonWrapper{overflow:hidden;position:relative;cursor:pointer;background:#fff;border-radius:0;border: 1px solid #fff;margin-top: 20px;} .main.multiBlockSliderWrapper .bannerButtonWrapper a{min-width: 220px;padding: 0 15px;line-height: 48px;font-size: 16px;font-weight: 400;} .main.multiBlockSliderWrapper .bannerButtonWrapper:hover a{color:#000!important;background: #fff!important;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img{transition: 1s;transform: scale(1)!important;transition-delay: .2s;} .main.multiBlockSliderWrapper .bannerTitle{font-weight:400;font-size: 80px;} .main.multiBlockSliderWrapper .bannerSubTitle{font-weight:400;font-size: 20px;} .main.multiBlockSliderWrapper .bannerWrapper img{transition: 1s;transform: scale(1.2)!important;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img{transition: 1s;transform: scale(1)!important;transition-delay: .2s;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding:0 0 0 5px;} .txcol-sm-3.hide-mobile{padding:0 15px 0 0!important;border-radius: 0;overflow: hidden;} .productMarka{display:none!important;float:left;width:100%;font-size:13px;font-weight:300;color:#000000;margin: 0 0 5px;} .boxUrunlerContent{float:left;width:100%;margin:10px 0 0;display: none;} .productDetail .boxUrunlerContent{display: block;} .boxUrunlerContainer{float:left;width:100%;display:flex;flex-wrap:wrap;gap:5px;} .boxUrunlerContainer > div{} .boxUrunlerContainer > div > a{width:25px;overflow:hidden;border:1px solid transparent;padding:2px;border-radius:50%;height:25px;transition:.3s;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;} .boxUrunlerContainer > div a img{border:1px solid #e9e9e9;border-radius:50%;position: relative;z-index: 2;float: left;width: 100%;height: 100%;} .boxUrunlerContainer > div:hover{border-color:var(--theme-color);} .boxUrunlerContainer > div.active{border-color:var(--theme-color)!important;} .boxUrunlerContainer > div:first-child{border-color:var(--theme-color);} .boxUrunlerContainer:has(.active) > div:first-child{border-color:var(--theme-color);} .boxUrunlerContainer:has(.active) > div:first-child:hover{border-color:var(--theme-color);} .sliderBannerContainer .owl-carousel .owl-stage,.detaySliderContainer .owl-carousel .owl-stage{display:flex;} .sliderBannerContainer .owl-carousel .owl-stage li,.detaySliderContainer .owl-carousel .owl-stage li{height:100%;} .sliderBannerContainer .owl-carousel .owl-stage-outer,.detaySliderContainer .owl-carousel .owl-stage-outer{padding: 1px;} .hizliKargoIcon,.cargoIcon,.newIcon,.discountIcon{display:none;} .productIconEx{position:absolute;left:10px;top:10px;z-index:9;} .productIconEx > div{display:flex!important;float:left;clear:left;width:auto;height:auto;line-height:24px;overflow:hidden;background:var(--theme-color);border-radius:0;margin:0 0 5px;color:#fff;font-size:12px;font-weight:400;align-items:center;text-align:center;justify-content:center;transition: .5s;min-width: 46px;padding: 0 5px;text-transform: uppercase;} .productIconEx > div.discountIcon{background: var(--theme-color);} .productIconEx > div.firsatIcon,.productIconEx > div.hizliKargoIcon{} .productIconEx > div > span{font-weight: 400;} .productIconEx > div.newIcon{} .productIconEx > div:hover{margin-left: 5px;} .ozelAlan5,.ozelAlan4,.ozelAlan3,.ozelAlan2,.ozelAlan1{display:none;} .productIconExSpecial{float: left;width: 100%;display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;} .productIconExSpecial > div{float:left;margin:0;display:block;background:var(--theme-color);padding:5px;min-width:80px;border-radius:0;color:#fff;font-size:12px;border-radius: 0;transition: .5s;text-align: center;} .productIconExSpecial > div:hover{margin: -5px 0 5px;} body #divIcerik div.anasayfa_tek_slider{overflow:hidden;width: 100%;} .bannerWrapper{border-radius:0;overflow:hidden;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 20px;} body #mainHolder_divDesign .ticimaxTabHead ul{padding:0;margin:0;list-style:none;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:20px;font-weight:400;color:#000;padding:0 30px;background:#F7F7F7;transition:.5s;position:relative;z-index:2;letter-spacing: -0.13px;height: 48px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;} body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{background:var(--theme-color);color:#000;color: #fff;;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 15px 0 0;cursor:pointer;padding:0;float: left;} body #mainHolder_divDesign .ticimaxTabHead li:hover a{color:#fff;background:var(--theme-color);} .ticimaxAnasayfaTab .Block_Link{top:-60px;right: 70px;transition: .5s;visibility: hidden;opacity: 0;transition-delay: .5s;} .ticimaxAnasayfaTab.active .Block_Link{right: 0;visibility: visible;opacity: 1;} body .footerTemp .newsletterContent #btnMailKaydet{overflow:hidden;z-index: 2;flex-direction:row-reverse;gap:5px;transition: .5s;} body .footerTemp .newsletterContent #btnMailKaydet i:before{content:'\f178';font-weight:300;font-size:20px;} body .footerTemp .newsletterContent #btnMailKaydet i{position:relative;z-index:2;transition: .5s;} body .footerTemp .newsletterContent #btnMailKaydet:hover i{color: #000!important;} body .footerTemp .newsletterContent #btnMailKaydet:hover{background: #fff!important;} body:has(.categoryContainer) ul.breadcrumb{padding:0;} body:has(.homepage) .header-main{border-color:transparent;} body:has(.homepage) #headerNew.fixed .header-main{border-color: #D8D8D8;} .FiltreBtn{float:left;display:flex;border:1px solid var(--theme-color);border-radius:0;gap:5px;align-items:center;padding:0 12px;cursor:pointer;height:30px;font-size:16px;position:relative;overflow:hidden;transition:.3s;background: #fff;} .FiltreBtn span,.FiltreBtn img{position:relative;z-index:2;transition:.3s;color:#000000;} .FiltreBtn:hover{background: var(--theme-color);} .FiltreBtn:hover img,.FiltreBtn:hover span{filter:invert(1);} .categorydesign p{font-size:14px;font-weight:400;color:#000000;line-height:24px;margin:0;} .categorydesign p strong{font-size:18px;font-weight:bold;color:#000000;margin-bottom:15px;float:left;width:100%;} div#mainHolder_divKategoriBaslik{max-height:110px;overflow-x:hidden;overflow-y:auto;padding:0 20px 0 0;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar{width:3px;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar-track{background:#C2C2C2;border-radius:0;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar-thumb{background:#000000;border-radius:0;} .productDetail a.itemCategory{display: block;} a.itemCategory{margin:0 0 10px;float:left;font-size:13px;font-weight:300;color:#fff;transition:.3s;display: none;clear: left;padding: 5px 10px;border-radius: 0;overflow: hidden;background: var(--theme-color);position: relative;border: 1px solid #000;} a.itemCategory:hover{color:#000;background: #fff;} .productOnYazi{float:left;width:100%;margin:10px 0 0;} .productStokKodu{float:left;width:100%;margin:10px 0 0;} .productSatisBirimi{float:left;width:100%;margin:10px 0 0;} .productDetail > .productMarkaLogo{display:flex!important;} .productMarkaLogo{float:left;width:100%;height:55px;align-items:center;justify-content:center;margin: 0 0 5px;} .productMarkaLogo img{margin:0 auto;max-height: 100%;} .itemCategoryLine{position:relative;z-index:2;} body .productItem:hover .quickViewIco {display: block;} .productIconExButtons{position:absolute;bottom: calc(100% + 5px);right:5px;z-index:9;transition: .5s;visibility: hidden;opacity: 0;transform: translateY(10px);left: 5px;} .productItem:hover .productIconExButtons{visibility: visible;opacity: 1;transform: translateY(0);} .productIconExButtons > div{width:100%;display:block!important;overflow:hidden;border-radius:0;position:relative;float: left;width: 100%;top: auto;bottom: 0;right: 0;left: auto;margin:5px 0 0;} .productIconExButtons > div a{line-height:40px;font-size:16px;font-weight:400;color:#000000;text-align:center;float:left;width:100%;background:#fff;position:relative;padding:0;transition:.5s;z-index:2;display: flex;align-items: center;justify-content: center;} .productIconExButtons > div a i{display: none;} .productIconExButtons > div a:hover{background:var(--theme-color)!important;color:#fff;} .productIconExButtons > div.favori,.productIconExButtons > div.mycartIcon{} body .collectionModalAdd .collectionAddModalBottom{padding:0 10px 10px;} .productIconExButtons > div.examineIcon{display: none!important;} body #hizliBakis{width: 1160px;border-radius:0;padding:20px 20px 20px 20px;} body div#hizliBakisAltAlan{float:left;width:1160px;padding: 20px 20px 20px 20px;} body .divHizliBakisUrunOzellikleri{padding:20px 0 0;} body #hizliBakisAltAlan .ProductList .JKatAdi{padding:20px 0!important;} body #hizliBakisAltAlan .ProductList .JKatAdi .bold .satir1{font-size:24px;} div#divHizliBakisBenzerUrun{float:left;width:100%;margin-top:20px;} body .ProductPreviewContent{width:100%;max-width: 100%;padding: 0;} body .ProductPreviewContent > ul{padding:0;margin:0;list-style:none;} body .ProductPreviewLeft{width:500px;margin:0;} body .PreviewImages{width:100%;} body .PreviewallImages{display:none;} body .PreviewselectedImages{padding-bottom:128%;border:none;border-radius:0;overflow:hidden;border-radius: 0;} body .PreviewselectedImages .PreviewselectedImagesBox{padding-bottom:128%;} body .ProductPreviewRight{width:calc(100% - 500px);padding:0 0 0 30px;} body .hizliBakis_Name{font-size:18px;font-weight:bold;color:#000000;} body .hizliBakis_stokKodu{font-size:14px;color:#898989;} body .ProductPreviewForm div#divFiyatAlanlari{margin:20px 0 0;float: left;width: 100%;} body .ProductPreviewForm div#divFiyatAlanlari .kombinFormline{display:none;} body span.kdvYazi{display:none;} body .hizliBakis_UstuCiziliFiyat{font-size:14px;font-weight:400;color:#686868;float:left;line-height:20px;text-decoration:line-through;margin-right:10px;} body .hizliBakis_Price{float:left;font-size:18px;line-height:20px;color:#000000;} body .ProductPreviewForm div#divKombinUrunEkSecenek{margin:30px 0 0;float: left;width: 100%;} body .kombinleft_line{padding:0 0 10px;font-size:14px;font-weight:bold;color:#000;float: left;width: 100%;} body .kombinright_line a{min-width:44px;height:40px;line-height:38px;border-radius:0;margin:0 10px 10px 0;transition:.3s;color:#000;padding: 0 10px;border: 1px solid #D9D9D9;} body .kombinright_line a:has(img){height:30px;overflow:hidden;min-width:30px;width:32px;padding: 2px;border-radius: 50%!important;float: left;} body .kombinright_line a img{border-radius: 50%;border:1px solid #e9e9e9;width: 100%;height: 100%;} body .kombinright_line a:hover{border-color:var(--theme-color);color: #000;} body .ProductPreviewForm .clear{display:none;} body .kombinFormline .kombinright_line{float:left;width:100%;} .divKombinEksecenekTipi{float:left;width:100%;} body .hizliBakis_Adet{float:left;clear:left;margin:20px 0 0;} body .hizliBakisSepeteEkle{max-width:100%;border-radius:0;line-height:43px;padding:0;text-align:center;margin:0!important;background: var(--theme-color);z-index: 2;position: relative;font-size: 16px;font-weight: 400;color: #fff;width: 100%;border: 1px solid var(--theme-color);} body .hizliBakisSepeteEkle:hover{background:#fff;color: #000;} body .kombinkutuluvaryasyon a.size_box,body .kombinright_line a.size_box{border-radius:0;background:#fff;position:relative;z-index:2;overflow:hidden;border:none;border: 1px solid #D9D9D9;border-radius: 0;} body .kombinkutuluvaryasyon a.size_box.selected,body .kombinright_line a.size_box.selected{background:#fff;color:#000;border-color: var(--theme-color);} body .hizliBakis_Adet .riSingle .riDown,body .hizliBakis_Adet .riSingle .riUp{width:46px;height:46px;border:1px solid #ECECEC;border-radius:0;background:#fff;position:relative;overflow:hidden;} body .hizliBakis_Adet .riSingle{border:none;border-radius:0;display:flex;gap:10px;padding:0;width:auto!important;} body .hizliBakis_Adet .riSingle .riDown:hover,body .hizliBakis_Adet .riSingle .riUp:hover{border-color: var(--theme-color);background: #fff;} body .hizliBakis_Adet .riSingle .riDown:after,body .hizliBakis_Adet .riSingle .riUp:after{transition:.5s;color:#000;position: relative;z-index: 2;} body .hizliBakis_Adet .riSingle input{width:46px;height:46px!important;background:#ECECEC;border-radius:0;border: 1px solid #ECECEC;} .divHizliBakisFavorilerimeEkle{float:left;width:100%;margin:10px 0 0;} .divHizliBakisFavorilerimeEkle a{height:45px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0;overflow:hidden;position:relative;border: 1px solid var(--theme-color);color: #000;font-size: 16px;} .divHizliBakisFavorilerimeEkle a:hover{background: var(--theme-color);color: #fff;} .divHizliBakisFavorilerimeEkle a span i{display:none;} div#divNextProduct{display:none;} body .account-item .nav-dropdown{display:block;visibility:hidden;opacity:0;transform:translateY(20px);transition:.5s;} body .account-item:hover .nav-dropdown{visibility:visible;opacity:1;transform:translateY(0);} body .cart-item:not(.mobileStyle) .header-cart-hover{visibility:hidden;opacity:0;display:block;transform:translateY(20px);transition:.5s;} body .cart-item:not(.mobileStyle):hover .header-cart-hover{visibility:visible;opacity:1;transform:translateY(0);} .proDetailArea{float:left;width:100%;margin:15px 0 0;display:flex;align-items:center;gap:10px;flex-wrap: wrap;} div#divOzelAlan1,div#divOzelAlan2,div#divOzelAlan3,div#divOzelAlan4,div#divOzelAlan5{display:none;} .proDetailArea > div{display:block!important;padding:7px 12px;background:var(--theme-color);color:#fff;border-radius:0;transition:.5s;font-size:13px;transform:translateY(0);} .proDetailArea > div:hover{transform:translateY(5px);} div#divUrunDetayKombin{float:left;width:100%;margin-top:10px;} div#kombinUrunler{float:left;width:100%;} .kombinContent{float:left;width:100%;} .kombinContent > ul{float:left;width:100%;padding:0;list-style:none;margin:0;} body .kombinItem{padding:20px;border-radius:0;border:1px solid #e9e9e9;margin: 0 0 10px;} body .kombinItem .kombinleftImage{width:200px;} body .kombinItem .kombinRightDetail{width:calc(100% - 200px);padding:0 0 0 15px;} body .kombinItem .kombinImages img{border-radius:0;max-width:100%;} body .kombinItem .kombinImages .selectedImagesLink{float:left;width:100%;margin:10px 0 0;padding:10px;text-align:center;background:#fff;border-radius:0;overflow:hidden;position:relative;z-index: 2;transition: .3s;font-size: 14px;color: #000;font-weight: 500;border: 1px solid var(--theme-color);} body .kombinItem .kombinImages .selectedImagesLink:hover{color: #fff;background: var(--theme-color);} body .kombinFormline .kombinright_line{font-size:16px;line-height:normal;} ul#specialFieldsList{display:none;} .PriceListKombin{float:left;width:100%;} .PriceListKombin div#divFiyatAlanlari{float:left;width:100%;margin:10px 0 0;} body #divFiyatAlanlari .kombinFiyat2{font-size:15px;} body .KombinTopluSatinAlimBtn a{width:100%;background:#fff;color:#000;font-size:16px;font-weight:600;position:relative;z-index:2;padding: 0;line-height: 48px;border: 1px solid var(--theme-color);} body .KombinTopluSatinAlimBtn a:hover{background:var(--theme-color);color:#fff;} body .kombinItem .kombinRightDetail .divKombinUrunEkSecenek{margin-top:15px;} body .kombinright_line select{min-width:100%;float:left;height:50px;color:#000;font-size:15px;font-weight:500;background:#fff;border-radius:0;position:relative;z-index:2;transition:.5s;border:none;cursor:pointer;padding:0 10px;text-indent:0;border: 1px solid #e9e9e9;} body .kombinright_line select:hover{border-color: var(--theme-color);} body .kombinselectvaryasyon{width:100%;position:relative;border-radius:0;overflow:hidden;z-index:2;} body .kombinright_line select option{color:#000!important;} .PriceListKombin a.button{background:#fff;color:#000;font-size:16px;font-weight:500;float:left;width:100%;padding:0;line-height:45px;display:flex;position:relative;z-index:2;border-radius:0;overflow:hidden;transition:.5s;margin-top: 10px!important;border: 1px solid var(--theme-color);} .PriceListKombin a.button:hover{color:#fff;background: var(--theme-color);} .fancybox-outer .kombinContent{padding:20px;} .hizliBakis_marka{float:left;width:100%;margin:15px 0 0;} .hizliBakis_marka a, .UrunuIncele a{border-radius:0;padding:0 20px;line-height:35px;background:#fff;overflow:hidden;position:relative;z-index:2;float:left;width:auto!important;color:#000;font-weight:500;transition:.5s;font-size: 16px;border: 1px solid var(--theme-color);} .hizliBakis_marka a:hover, .UrunuIncele a:hover{color:#fff;background: var(--theme-color);} body .hizliBakis_ozyazi{float:left;width:100%;max-width:100%;line-height:1.4;font-size:14px;font-weight:400;color:#828282;} .hizliBakis_SalesUnit{float:left;width:100%;margin:10px 0 0;font-weight:600;} body .divHizliBakisUrunOzellikleri .TabBaslik span{border-radius:0 0 0 0;padding:15px 25px;font-size:15px;font-weight:500;} body .divHizliBakisUrunOzellikleri .TabIcerik{border-radius:0 0 0 0;} .hizliBakis_aciklama span{font-size:14px!important;} div#hizliBakisTahminiTeslimatSuresi{float:left;width:100%;margin-top:20px;} .hizliBakis_DiscountRate{margin:0 0 0 10px;float:left;padding:10px;margin-top:-8px;background:var(--theme-color);border-radius:0;color:#fff;display:flex;align-items:center;} body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a, body .collectionButtonList ul li .collectionButton.collectionTabBtn, body .collectionButtonList ul li .collectionButton.collectionNewBtn, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a, body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn, body .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a, body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear, body .karsilastirPopupContent .popupIcerik .compareTip a{border-radius:0;background:#fff;color:#000;overflow:hidden;position:relative;z-index:2;border:none;padding:10px 15px;transition:.5s;border: 1px solid var(--theme-color);font-size: 16px;} body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a:hover, body .collectionButtonList ul li .collectionButton.collectionTabBtn:hover, body .collectionButtonList ul li .collectionButton.collectionNewBtn:hover, #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a:hover, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a:hover, body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn:hover, body .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a:hover, body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection:hover, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear:hover, body .karsilastirPopupContent .popupIcerik .compareTip a:hover{color:#fff;background: var(--theme-color);} body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a:hover,body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a{border:1px solid var(--theme-color);background:#fff;width:30px;height:30px;overflow:hidden;position:relative;} div#IlgiliKombinlerDiv{float:left;width:100%;margin-top:0;} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label{background:#fff;position:relative;z-index:2;width:100%;border-radius:0;line-height:45px;color:#000;padding:0;transition:.5s;border: 1px solid var(--theme-color);} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn, #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn{background:#fff;border-radius:0;overflow:hidden;position:relative;border: 1px solid var(--theme-color);color: #000;transition: .5s;font-size: 14px;} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet:hover, #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn:hover label{color:#fff;background: var(--theme-color);} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label{line-height: 35px;} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear{padding: 0;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;} #TavsiyeEt button,#TelefonSiparis button{border-radius:0!important;} #TavsiyeEt button:hover,#TelefonSiparis button:hover{background:var(--theme-color)!important;} body .commentTicimax .commentTiciNewCommentButton{font-size: 15px;padding: 12px 25px;} body .fancybox-inner::-webkit-scrollbar{width:0;height:0;} body .newHeaderNavigation:not(.mobileStyle) .menu-list-image{justify-content:flex-end;} body .karsilastirPopupContent .popupIcerik .compareTip a{padding:0;line-height:45px;font-size:16px;font-family:'Archivo';font-weight:600;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj{margin-bottom:0;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productItem{width:100%;position:relative;text-align:center;display:inline-block;float:left;border-radius:0;overflow:hidden;transition:.3s;padding:0;height:100%;transition:.5s;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productItem:hover{border-color: var(--theme-color);} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice div *{font-size:14px!important;font-family:'Archivo';} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice > div{margin:0!important;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice{float:left;width:100%;margin-top:10px;} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .js--image-preview{border-radius:0;overflow:hidden;} body #yorumYaz input[type="text"],body #yorumYaz textarea,#yorumYaz select{border-radius:0;} /*---------------Sağ Sepet-----------------*/ body .miniCartSatir2 a.checkoutAsGuestButton{background:#fff;color:#000;font-weight:500;font-size:14px;position:relative;overflow:hidden;border: 1px solid var(--theme-color);} body .miniCartSatir2 a.checkoutAsGuestButton span{position:relative;z-index:2;} body .miniCartSatir2 a.checkoutAsGuestButton:hover{background:var(--theme-color)!important;color: #fff;border-color: var(--theme-color);} body .miniCartItem .miniCartLeft .adettanim3 a{width:40px;height:40px;float:left;background:#fff;border:1px solid var(--theme-color);border-radius:0;color:#000;transition:.5s;overflow:hidden;position:relative;} body .miniCartItem .miniCartLeft .adettanim3 input{height:40px!important;border:1px solid var(--theme-color);width:40px!important;border-radius:0;float:left;padding:0;margin:0 10px;text-indent:0;} body .adettanim3{width:auto;} body .miniCartItem .miniCartLeft .adettanim3 a:hover{color:#fff;background: var(--theme-color);} body .miniCartDetay .adettanim3 label{margin-bottom:5px;} body .miniCartRigthHeader{background:#fff;} body .miniCartRigthHeader .spnCartTxt{color:#000;font-size:14px;font-weight:600;text-align:left;padding-left:9px;} body .miniCartRigthHeader .header-close-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;right:10px;border-radius:50%;background:#fff;overflow:hidden;} body .miniCartRigthHeader .header-close-btn svg{transition:.5s;fill:#000;width:11px;position:relative;z-index:2;} body .miniCartRigthHeader .header-close-btn:hover svg{fill:#fff;} body .miniCartRigthHeader .header-close-btn:hover{background: var(--theme-color);} body .hediyeCekiBtnContent{padding-left:.5rem;padding-right:.5rem;} body .hediyeCekiBtnContent a span{position:relative;z-index:2;transition: .5s;} body .hediyeCekiBtnContent a{border-radius:0;padding:15px;position:relative;overflow:hidden;border: 1px solid var(--theme-color);color: #000;transition: .5s;} body .hediyeCekiBtnContent a:hover{color: #fff;background: #e9e9e9;} body .miniCartSatir2 .checkoutAsGuestButton{background:#fff;color:#000;border-radius:0;position:relative;z-index:2;line-height:45px;padding:0;border:none;transition:.5s;border: 1px solid var(--theme-color);} body .miniCartSatir2 .checkoutAsGuestButton:hover{background:var(--theme-color)!important;color: #fff;} body div#divRigthCartGiftCodeContent .miniCartGiftInput input{height:45px;border-radius:0;padding:0 15px;} /*---------------Sağ Sepet-----------------*/ div#pnlFiyatlar:has(#divKDVDahilFiyat) #divIndirimsizFiyat{display:none;} body #yorumYaz .alert-info a{padding:10px 25px;border-radius:0;overflow:hidden;background:#fff;color:#000;transition:.5s;position:relative;z-index:2;border: 1px solid var(--theme-color);} body #yorumYaz .alert-info a:hover{color:#fff;background: var(--theme-color);} body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn, body #sepetEkleModal .divAltButonlar a.modalSepetimBtn{background:#fff;color:#000;overflow:hidden;position:relative;z-index:2;transition:.5s;border: 1px solid var(--theme-color);} body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn:hover, body #sepetEkleModal .divAltButonlar a.modalSepetimBtn:hover{color:#fff;background: var(--theme-color);} #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img,.cd-image-container img,ul#ulMarkaSliderTemplateData li a img{transition:1s;transition-delay:.5s;transform:scale(1.2);} #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loaded,#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loading,.cd-image-container img.loaded,ul#ulMarkaSliderTemplateData li a img.loaded{transform:scale(1);} body #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage){overflow:hidden;} body .cd-image-container{overflow:hidden;border-radius: 0;} #divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper:first-child{display:block;} #divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper{display:none;} /*--------------UST----------*/ body .category-vertical-filters.top-filters{display:block!important;width:450px;position:fixed;top:0;left:-100%;bottom:0;z-index:9999;background:#FFFFFF;margin:0;padding:0 25px;border:none;transition:all .3s ease;overflow-x:hidden;overflow-y:auto;border-radius: 0 10px 10px 0;} body .category-vertical-filters.top-filters ul{list-style:none;padding:0;margin:0;} body .filterBlock.active .category-vertical-filters.top-filters{left:0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float:left;width:100%;line-height:90px;font-size:18px;color:#000;margin-bottom:0;padding:0;position:static;text-align:center;background:#fff;display:block;text-transform: capitalize;border-bottom: 1px solid #D9D9D9;font-weight: bold;position: relative;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt i{font-weight:300;transition: .5s;font-size: 18px;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt i:hover{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:#000000;font-size:18px;float: left;width: 100%;text-align: left;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;font-size:20px;z-index:1;cursor:pointer;position:absolute;right:0;top:50%;line-height:1;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border-radius:0;transition:.3s;transform:translateY(-50%);transition: .5s;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt:hover{} 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:10px;position:relative;padding:0 10px;display:none;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{float:left;width:100%;height:calc(100% - 260px);overflow:auto;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{float:left;width:auto;text-align:center;margin-top:0;display:block;padding:0;min-width:190px;width:100%;background:var(--theme-color);border-radius:0;border:1px solid var(--theme-color);position: relative;overflow: hidden;} 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;font-weight:400;background:transparent;transition:.5s;position:relative;z-index:2;text-transform: uppercase;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn:hover span{color: #000;background: #fff;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float:left;width:100%;line-height:50px;font-size:14px;color:#262324;text-align:left;padding:0 0 0 15px;background:#fff;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content:'';float:right;width:24px;max-height:24px;position:absolute;top:0;bottom:0;right:32px;border-radius:100%;background:#c5c7c9;margin:auto 0;background:#fff;box-shadow:0 0 2px 0 #999;z-index:1;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content:'';float:right;width:40px;max-height:16px;position:absolute;top:0;bottom:0;right:0;border-radius:20px;background:#c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right:15px;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background:#000;} body .category-vertical-filters.top-filters .panel .panel-heading{padding:0 0;margin:0;border:none;background:#fff;float:left;width:100%;} body .category-vertical-filters.top-filters .panel .panel-heading a{float:left;width:100%;text-align:left;color:#000000;font-weight:600;font-size:16px;line-height:59px;padding:0;text-transform:capitalize;padding: 0;position: relative;} body .category-vertical-filters.top-filters .panel .panel-heading a:after{top:0!important;color:#000!important;font-weight:400;font-family:'FontAwesome';content:'\f067'!important;font-size:14px;line-height:59px;right: 0!important;float: right;} body .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content:'\f068'!important;color: #000;transform: rotate(180deg);} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position:absolute;right:30px;top:0;bottom:0;line-height:60px;font-size:15px;color:#000;display:block;} body .category-vertical-filters.top-filters .panel{float:left;width:100%;margin:0;padding:0;border-bottom: 1px solid #d9d9d9;} 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:0;float:left;max-height:300px;width:calc(100% - 5px);overflow-x:hidden;overflow-y:auto;margin-left:0;margin-bottom:25px;} 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:15px;padding:0;float: left;} body .category-vertical-filters.top-filters .list-group.dropdown li:last-child{margin: 0;} body .category-vertical-filters.top-filters .list-group.dropdown li a{color:#000;line-height:20px;} body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size:14px;color:#000;font-weight:400;float:left;} body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{content:'\f00c'!important;background: #000!important;border-color: #000!important;color: #fff;} body .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{content:'\f00c'!important;background: #000!important;border-color: #000!important;color: #fff;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:hover:before{border:none;background:transparent!important;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected:before{border:none;background:transparent!important;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{position:absolute;top:-1px;} body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width:100%;margin:0;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{display:none!important;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display:none;} body .category-vertical-filters.top-filters::-webkit-scrollbar{width:0;height:0;} body .category-vertical-filters.top-filters .panel:last-child{margin-bottom:20px;} .panel-search input{height:35px;border:1px solid;border-radius:0;margin-bottom: 15px;} .panel-search{float: left;width: calc(100% - 5px);} 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:3px;} 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 .panel .panel-heading{border-bottom:1px solid transparent;} body .category-vertical-filters.top-filters .filtreAlt a{display:flex!important;justify-content: center;height: 46px;transition: .3s;padding: 0 10px;min-width: 190px;background: #fff;align-items: center;width: auto;width: 100%;border-radius: 0;overflow: hidden;position: relative;text-transform: uppercase;border: 1px solid var(--theme-color);} body .category-vertical-filters.top-filters .filtreAlt a i:before{content:'Filtreleri Kaldır';} body .category-vertical-filters.top-filters .filtreAlt a i{font-size:14px;color:#000;font-family:'Archivo';font-weight:400;transition: .5s;position: relative;z-index: 2;} body .category-vertical-filters.top-filters .filtreAlt a:hover i{color: #fff;} body .category-vertical-filters.top-filters .filtreAlt a:hover{background: var(--theme-color);} .filtreAlt{float:left;width:100%;display:flex;justify-content:center;gap:15px;padding:30px 0;border-top:1px solid #d9d9d9;flex-wrap: wrap;} .FiyatSlider{float:left;width:100%;padding:25px 0;} body .ui-widget.ui-widget-content{width:calc(100% - 18px);margin-left:9px;background:#e9e9e9;border:none;height:1px;float:left;} body .ui-slider-horizontal .ui-slider-range{background:var(--theme-color);} body .ui-slider .ui-slider-handle{border:none;border-radius:0;background:var(--theme-color);top:-6px;width: 13px;height: 13px;cursor: e-resize;} .amount{float:left;width:100%;margin:20px 0 0;font-size:14px;text-align:left;color:#1D1D1D;} .FiyatSlider:before{content:'Fiyat';font-size:16px;font-weight:600;float:left;width:100%;margin:0 0 29px;text-align:left;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{font-size:14px;color:#000;line-height:18px;margin-left:0;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{width: 18px;height: 20px;line-height: 18px;} body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius:0;display:inline-block !important;width:20px;height:20px;line-height:18px;font-size:8px;color:#fff;font-family:'FontAwesome';text-align:center;float:left;content:'';margin-right:8px;border:1px solid #C6C6C6;transition:.3s;font-weight:bold;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{width:20px !important;float:left;clear:left;height:20px;border-radius:0;position:relative;border:1px solid #e9e9e9;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{border:none;width:18px;} body .category-vertical-filters.top-filters .FiyatTextBox{position:static;box-shadow:none;} /*--------------UST----------*/ /*--------------Sol----------*/ body .category-vertical-filters{padding:0;border-radius:0;margin-top:5px;float: left;width: 100%;border: none;background: transparent;} body .category-vertical-filters > div.vertical-filter-panel{border-bottom:1px solid #E0E0E0;margin-bottom:0;padding-bottom:0;float:left;width:100%;} body .category-vertical-filters > div.vertical-filter-panel:last-child{padding:0;border:0;margin:0;} body .category-vertical-filters .vertical-filter-panel .panel-heading{border:none;padding: 0;float: left;width: 100%;margin: 0;background-color: transparent!important;} body .category-vertical-filters .vertical-filter-panel .panel-heading a{font-size:14px;color:#000;font-weight:600;float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;line-height: 55px;letter-spacing: -0.14px;} body .category-vertical-filters .vertical-filter-panel .panel-heading a::after{content: '\f106';font-family: 'FontAwesome';font-weight: 400;transition: .5s;font: 15px;} body .category-vertical-filters .vertical-filter-panel .panel-heading.active a::after{transform: rotate(180deg);} body .category-vertical-filters > div.div-fiyat-filter{padding:0;} body .category-vertical-filters > div.div-fiyat-filter .FiyatSlider:before{display:none;} body .category-vertical-filters .vertical-filter-panel .list-group{float:left;width:calc(100% - 5px);margin-bottom: 10px;} body .category-vertical-filters .vertical-filter-panel .list-group-item{float:left;width:100%;margin:0 0 8px;padding:0;background-color: transparent;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{font-size:11px;color:#000;line-height:16px;margin-left:0;letter-spacing: -0.11px;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{width: 14px;height: 16px;line-height: 14px;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a{font-size:11px;color:#000000;letter-spacing:-0.11px;line-height:16px;float:left;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius:0;display:inline-block !important;width:16px;height:16px;line-height:14px;font-size:8px;color:#000;font-family:'FontAwesome';text-align:center;float:left;content:'';margin-right:8px;border:1px solid #C6C6C6;transition:.3s;font-weight:bold;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{width:16px !important;float:left;clear:left;height:16px;border-radius:0;position:relative;border:1px solid #e9e9e9;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{border:none;width:14px;} body .category-vertical-filters .FiyatTextBox input[type="text"]{width:30%;font-size:12px;text-align:center;border:1px solid #000;height:30px;} body .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]{height:30px;line-height:28px;border:1px solid #000;border-radius:0;background:#fff;width:35%;font-size:12px;text-transform:UPPERCASE;margin-bottom:20px;transition:.5s;} body .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]:hover{background:#000;color:#fff;} /*--------------Sol----------*/ .Block_Link{position:absolute;top:75px;z-index:2;right:0;} .Block_Link a{display:flex;gap:6px;line-height:30px;align-items:center;transition:.5s;color:#000;overflow:hidden;position:relative;background:transparent;z-index:2;font-size: 15px;} .Block_Link a:hover{text-decoration: underline;} .footerTemp{margin-top: 80px;} div#divMarka{margin:5px 0;} body .divGrupOlusturContentBottom button{background:var(--theme-color);line-height:40px;color:#fff;transition:.5s;text-transform:uppercase;padding:0;border:none;} body .divGrupOlusturContentBottom button:hover{background:var(--theme-color);} body .detayFavoriListItem{padding:10px;} body .detayFavoriListItem button{transition:.5s;background:var(--theme-color);color:#fff;border:none;padding:7px 15px;} body .detayFavoriListItem button:hover{background:var(--theme-color);border:none;} body .divGrupOlusturContentBottom input{border:1px solid var(--theme-color);} .multiblockWrapper img{width:100%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:20%;top:auto;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:80px;font-weight:300;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:20px;font-weight:400;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:40px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{border-radius:0;height:50px;display:flex;align-items:center;justify-content:center;min-width:220px;transition:.5s;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:#fff;color:#000;} body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn{max-height:fit-content;} body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection.selected:after{top:50%;transform:translateY(-50%);right:10px;} .ProductPreviewForm div:has(.btnHizliSepeteEkle){width:100%!important;margin-top:10px!important;float:left;} .productItem > .favori{display:block;} .favori{position:absolute;top:20px;right:20px;z-index:9;visibility: hidden;opacity: 0;transition: .3s;} .favori a{font-size:0;} .favori a:after{content:'\f004';font-family:'FontAwesome';font-size:20px;font-weight:300;color:var(--theme-color);transition:.5s;} .favori a:hover:after,.favori a.listfavoriAktif:after{font-weight:bold;} .productItem.StokYok .productIconExButtons{display:none;} .productItem:hover .favori{visibility: visible;opacity: 1;} section.landing-block{padding:0 60px;} section.landing-block.main{padding:0;} .multiblockWrapper .bannerWrapper.blokTypeBackround{} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{padding:0 30px;bottom: 40px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:60px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:30px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:16px;font-weight:400;color:#000000;background:#fff;border-radius:0;line-height:40px;min-width:220px;text-align:center;transition:.5s;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:var(--theme-color);color:#fff;} #mainHolder_divDesign .sliderAyaritems-3 .blokResimLink:not(.widgetCenterImage) img{width:100%;transform:scale(1.2);} #mainHolder_divDesign .sliderAyaritems-3 .active .blokResimLink:not(.widgetCenterImage) img{transform:scale(1);transition-delay: 0s;width: 100%!important;} #mainHolder_divDesign .sliderAyaritems-3 .active .blokResimLink:not(.widgetCenterImage){max-width: 100%;} #mainHolder_divDesign .sliderAyaritems-3 .blokResimLink:not(.widgetCenterImage):hover img{transform:scale(1.2);} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{padding:30px;top:auto;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:40px;font-weight:400;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div{width:40px;height:40px;background:#fff;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div:hover{background:var(--theme-color);} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div:hover span:after{color:#fff;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div span:After{line-height:1;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:32px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:18px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper a{min-width:180px;background:var(--theme-color);color:#fff;border:1px solid var(--theme-color);padding: 0;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:#fff;color:#000;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper{bottom:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:20px 0 0;gap:20px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:24px;font-weight:500;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:16px;font-weight:400;line-height:1.4;} .ticiAlignCenter{display:flex;align-items:center;} .ticiAlignCenter:has(.widgetDetail) a{max-width:max-content;} body .widgetDetail{padding:0 0 0 10px;text-align:left;width:auto;} body .widgetTitle{text-align:left;font-weight:500;} body .widgetDesc{font-size:14px;font-weight:500;color:#757575;} .hazirBlokContent .txcol-sm-2.ticiAlignCenter{max-width:max-content;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.ticiAlignCenter){justify-content:space-between;} section.landing-block:has(.widgetDetail){border-top:2px solid #D9D9D9;padding-top:70px!important;} body .footerTemp .storeMedia li a{border:1px solid #707070;padding:10px;height:60px;transition:.5s;} body .footerTemp .storeMedia li a:hover{border-color:#fff;} div#divTahminiTeslimatSuresi{display:flex;align-items:center;gap:5px;margin:15px 0 0;} .urunOzellik{display: none;} .urunOzellikTab{margin: 50px 0 0;display: block;float: left;width: 100%;border-top: 1px solid #ECECEC;} .urunOzellikTab .urunTab{float: left;width: 100%;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom:1px solid #ECECEC;margin-bottom: 0;} .urunOzellikTab .urunTab >ul >li > a{color:#222222;font-size:16px;text-transform:capitalize;line-height:55px;float:left;width:100%;padding:0;font-weight:500;position:relative;background:#fff;border-radius:0;padding:0;transition: .5s;} .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;} .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color: #000;background: #fff;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;} .urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;} .urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;} .urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;} .urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;} .urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;} .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;} .urunOzellikTab .yorum-item-left{flex: 0 0 100%;} .urunOzellikTab .v2YorumFilter{width: 100%;} .urunOzellikTab .v2YorumFiltreGrup{display: block;} .urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;} .urunOzellikTab .urunTab >ul >li > a:after{content:'\f067';float:right;font-family:'FontAwesome';font-weight:300;font-size:18px;color:#000;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:after{content:'\f068';} .multiblockWrapper img{width:100%;} .multiblockWrapper .blokResimLink:not(.widgetCenterImage){max-width:100%;} body .header-dil-content #lang_flag_container #langHover{padding:6.5px 8px!important;cursor:pointer;border-radius:0;background:#fff!important;transition:.3s;margin-left:0;border:2px solid transparent;min-width:100px;} body .header-dil-content #lang_flag_container #lang{line-height:normal!important;min-height:13px!important;padding:0!important;background:transparent!important;justify-content:center;} body .header-dil-content #lang_flag_container #lang:after{content:'\f107';font-family:'FontAwesome';display:block;line-height:13px;margin-left:5px;font-weight:300;transition:.5s;font-size:15px;} body .header-dil-content #lang_flag_container #lang-detail{display:block!important;visibility:hidden;opacity:0;transition:.5s;} body .header-dil-content #lang_flag_container.active #lang-detail{visibility:visible;opacity:1;} body .header-dil-content #lang_flag_container.active #lang:after{transform:rotate(180deg);margin-top:-2px;} body .header-dil-content #lang_flag_container #langHover.white{border-color:#000;} body .header-dil-content #lang_flag_container.active #langHover{border-color:#000!important;background:#fff!important;border-radius:4px 4px 0 0;border-bottom-color:transparent;} body #lang-detail .language,body #lang-detail .currency{width:100%;padding:5px;} body .header-dil-content #lang_flag_container #lang-detail{background:#333;border:none;box-shadow:none;border:2px solid #000;border-radius:0 0 4px 4px;width:100%;border-top:0;} body #lang-detail p{color:#fff;font-size:9px;margin:0 0 5px;} body #lang-detail .language .lang-detail-div,body #lang-detail .currency .lang-detail-div{color:#fff;opacity:1;margin:5px 0 0;background:#000;padding:5px;line-height:normal;height:auto;border:2px solid transparent;transition:.3s;border-radius:4px;font-size:10px;} body #lang-detail .language .lang-detail-div.active,body #lang-detail .language .lang-detail-div:hover,body #lang-detail .currency .lang-detail-div.active,body #lang-detail .currency .lang-detail-div:hover{color:#fff;border-color:#fff;} body #lang-detail .currency .lang-detail-div i{display:none;} body .videoBlockSliderWrapper .active img{width: 100%;height: 100%;object-fit: cover;} body .bannerVideoWrapper iframe,body .bannerVideoWrapper video{width:100%;height:100%;} body .main .bannerVideoWrapper .blokResimLink,body .main .bannerWrapper .blokResimLink{height:100dvh;} video[poster]{height:100%;width:100%;object-fit: cover;} .bannerVideoWrapper{width:100%;} /*siteozelalan*/ @media (min-width:1042px) { select#filterOrderSelect{padding:0 25px 0 10px;text-indent: 0; border:1px solid var(--theme-color);height:30px;border-radius:0;text-align:left;appearance:none;cursor:pointer;transition:.5s;position:relative;z-index:2;background:url(../../Uploads/EditorUploads/images/siralaicon.svg)no-repeat right 10px top 50% transparent;font-size: 16px;font-weight: 400;color: #000;margin-left: 40px;} select#filterOrderSelect option{color:#000!important;} body .appliedFilter.FiltrelemeUrunAdet span{display: none;} body .sortingContent .blockSelect a.Active i{color:#000;} body .sortingContent .blockSelect a i{color:#ACACAC;transition:.5s;} body .sortingContent .blockSelect a:hover i{color:#000;} body .brandlistselection .sortingContent li > a{height:30px;padding:0 10px;line-height:28px;background:#fff;border-radius:0!important;margin-left:10px;transition:.5s;font-weight:500;color:#000;position:relative;overflow:hidden;border: 1px solid var(--theme-color);} body .brandlistselection .sortingContent li > a:hover{color:#fff;background: var(--theme-color);} body .brandlistselection .sortingContent li > a.selected{color:#fff;background: var(--theme-color);} body .brandlistselection .sortingContent li > a span{position:relative;z-index:2;} body:has(#divLeftBlock) .FiltreBtn{display:none;} body:has(#divLeftBlock) #divSayfalamaUst{margin:0 0 25px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a{padding:0;border:none;border-right:1px solid var(--theme-color);padding:0 7px;line-height:18px;float:left;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a i{display:none;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a:after{content:'';font-size:16px;color:#ABABAB;transition:.5s;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_3:after{content:'3';} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_4:after{content:'4';} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a:last-child{border:0;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_4{border:0;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect{display:flex;height:30px;align-items:center;margin-right:20px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.Active:after{color:var(--theme-color);} .brandlistselection .sortingContent li:nth-child(2){display: none;} } @media (min-width:1042px) { .sortingContent { display: block !important; } .col-5li { width: 20%; } .mobilMenu{display: none;} } /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{ max-width: 100%; margin: 0 auto;position: relative; clear: both; display: block;padding: 0 60px; } body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding: 0 60px!important;} .sliderBannerContainer .ProductList{max-width:100%;} .detaySliderContainer .ProductList{max-width:100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} /**/ .innerContainer{} #divIcerik.homepage {margin-top: -70px!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 {} .sepetimBody #footer .ticiContainer{} .ticiContainer.productDetailContainer {} .sepetimBody .footerSslLogo{display: none!important;} .sepetimBody .headerContent{box-shadow:none;} /**/ .centerCount.Middle {width: 100%;padding: 0;} .centerCount.userLoginContent {width: 100%;padding: 0;} .centerCount.iletisimContent {width: 100%;padding: 0;} .centerCount.UyeolContent {width: 100%;padding: 0;} .centerCount.HesabimTakip {width: 100%;padding: 0;} /**/ .leftBlock {float: left;width: 275px;padding: 20px;background: #F7F7F7;} .rightBlock {float: right;width:300px;padding-left:20px;} .centerCount.LeftMiddle , .leftBlock + .centerCount{width: calc(100% - 295px);} .centerCount.RightMiddle {width: calc(100% - 300px);} .centerCount {float: right;width: 100%;padding: 0;} /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {width: 25%;} .rightBlock.LeftMiddleRight {width: 25%;} .centerCount.LeftMiddleRight {width: 50%;} /**/ .ticiContainer:before, .ticiContainer:after { content: ""; display: table; } .ticiContainer:after { clear: both; } .ticiContainer { clear: both; zoom: 1; } /* ------------------------------------Container--------------------------------------------*/ /*Tablet ekranina kadar olan windows gorunumu*/ @media screen and (min-width:1041px) and (max-width:1200px) { .leftBlock.LeftMiddle {width: 24%;padding-right: 20px;} .centerCount.LeftMiddle {width: 75%;} /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {width:25%;} .rightBlock.LeftMiddleRight {width:25%;} .centerCount.LeftMiddleRight {width:50%;} /*OrtaSag*/ .rightBlock.MiddleRight {width:25%;} .centerCount.MiddleRight {width:75%;} .homeContainer .col-5li { width: 25%;} } @media screen and (min-width: 1540px) and (max-width: 1660px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} body .fullSliderImg .fullSliderThumbWrap{width:145px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 160px);} } @media screen and (min-width: 1500px) and (max-width: 1539px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} body .fullSliderImg .fullSliderThumbWrap{width:145px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 160px);} } @media screen and (min-width: 1380px) and (max-width: 1499px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block{padding:0 40px;} body .kombinselectvaryasyon{width:55%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .leftImage{width:60%;} .RightDetail{width:40%;} body .fullSliderImg .fullSliderThumbWrap{width:125px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 140px);} } @media screen and (min-width: 1300px) and (max-width: 1379px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{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;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} body .kombinselectvaryasyon{width:55%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} .leftImage{width:60%;} .RightDetail{width:40%;} body .fullSliderImg .fullSliderThumbWrap{width:125px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 140px);} } @media screen and (min-width: 1240px) and (max-width: 1299px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{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;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} body .kombinselectvaryasyon{width:60%;} body #hizliBakis,body div#hizliBakisAltAlan{width:1100px;padding: 20px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:380px;} .leftImage{width:55%;} .RightDetail{width:45%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 115px);} } @media screen and (min-width: 1160px) and (max-width: 1239px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{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;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body .kombinselectvaryasyon{width:70%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:380px;} body .widgetTitle{font-size:13px;} body .widgetDesc{font-size:12px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .leftImage{width:55%;} .RightDetail{width:45%;padding: 0 0 0 20px;} .SmallImages div.AltImgCapSmallImg,body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item{width:100%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 115px);} } @media screen and (min-width: 1025px) and (max-width: 1159px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{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;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding: 0 20px!important;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} .TukendiIco span{line-height:35px;bottom:47%;max-width:150px;font-size:13px;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body #hizliBakis,body div#hizliBakisAltAlan{width:800px;padding: 20px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:20px 0 0;} body .kombinselectvaryasyon{width:90%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj, .categoryContainer .ProductList.PlSc_3 .ItemOrj, .categoryContainer .ProductList.PlSc_4 .ItemOrj, .categoryContainer .ProductList.PlSc_5 .ItemOrj, .categoryContainer .ProductList.PlSc_hrz .ItemOrj, .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:350px;} body .widgetTitle{font-size:13px;} body .widgetDesc{font-size:12px;} .html.custom.html_1{font-size:12px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:14px;min-width: 180px;line-height: 35px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect{display: none;} .leftImage{width:55%;} .RightDetail{width:45%;padding: 0 0 0 20px;} .SmallImages div.AltImgCapSmallImg,body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item{width:100%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;display: none!important;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 9px);} } @media (min-width: 1100px){ body .logo-center #hb-logo{margin:0;position:absolute;left:50%;transform:translateX(-50%);} body:has(.homepage) .header-dil-content #lang_flag_container #langHover{background:transparent!important;border-color:#fff;} body .header-dil-content #lang_flag_container #lang{transition:.3s;} body:has(.homepage) .header-dil-content #lang_flag_container #lang{color:#fff!important;} body .header-dil-content #lang_flag_container #lang{transition:.3s;} body:has(.homepage) #headerNew:hover .header-dil-content #lang_flag_container #langHover,body:has(.homepage) #headerNew.fixed .header-dil-content #lang_flag_container #langHover,body:has(.homepage) #headerNew:has(.dropactive) .header-dil-content #lang_flag_container #langHover{background:#fff!important;border-color:#000;} body:has(.homepage) #headerNew:hover .header-dil-content #lang_flag_container #lang,body:has(.homepage) #headerNew.fixed .header-dil-content #lang_flag_container #lang,body:has(.homepage) #headerNew:has(.dropactive) .header-dil-content #lang_flag_container #lang{color:#000!important;} body .header-dil-content #lang_flag_container{z-index:9!important;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #txtbxArama{padding:0;height:60px;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before{content:'ARA';font-family:'Archivo';} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra{width:70px;height:40px;background:#fff;transition:.3s;border-radius: 0;overflow: hidden;position: relative;border: 1px solid var(--theme-color);} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover{background: var(--theme-color);} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra i{color:#000;font-size:14px;font-weight:500;transition:.5s;position: relative;z-index: 2;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover i{color: #fff;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper{border:none;max-width: 100%;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{display:block;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper, body [data-search-icon="true"] #divTopProductSearch.dropactive .header-search-form-wrapper{display:block;position:absolute;left:0;top:100%;right:0;width:auto;z-index:5;padding:0;box-shadow: 0px 3px 6px #00000029;background:#fff;transition:.3s;overflow:hidden;margin:0 auto;padding: 0 60px;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{height:0;visibility:hidden;opacity:0;} body [data-search-icon="true"] #divTopProductSearch.dropactive .header-search-form-wrapper{opacity:1;visibility:visible;height:60px;} body [data-search-icon="true"] .svgIcon.search-times:after{font-size:25px;} body [data-search-icon="true"] .svgIcon.search-times{width:26px;height:26px;} body [data-search-icon="true"] .svgIcon.search-times:after{content:'\f00d';font-family:'FontAwesome';font-weight:300;font-size:33px;line-height:26px;} body [data-search-icon="true"] .svgIcon.search-times svg{display:none;} } @media (min-width: 1042px) and (max-width: 1159px) { } @media (min-width: 1100px) and (max-width: 1159px) { } @media (max-width:1099px) { #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl{padding:0;margin:0;} body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{position:static;margin: 0;} body #headerNew .header-main .headerContainer{position:static;} body #headerNew .cart-item{top:18px;right:15px;} .svgIcon.cart-svg{display:flex;} body.modalOpen{padding:0!important;} body #headerNew #divTopProductSearch .header-search-form-wrapper{display:block;} body #headerNew #divTopProductSearch{display:block;} body #headerNew #lang span{display:block;} body #headerNew #lang{height:auto;width:auto;} body #headerNew .header-main .header-dil-content{position:static;} body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){padding-right: 0;} body #headerNew .header-main{height:70px;background: #fff;} #divIcerik.homepage{margin-top: 0!important;} body:has(.homepage) #hb-logo svg{fill:#000;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color: #fff;} body #headerNew .header-dil-content #lang_flag_container #langHover{padding: 6.5px 8px!important;} body #divTopProductSearch .searchform-wrapper #txtbxArama{padding:0;height:60px;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before{content:'ARA';font-family:'Archivo';} body #divTopProductSearch .searchform-wrapper #btnKelimeAra{width:70px;height:40px;background:#fff;transition:.3s;border-radius: 0;overflow: hidden;position: relative;border: 1px solid var(--theme-color);} body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover{background: var(--theme-color);} body #divTopProductSearch .searchform-wrapper #btnKelimeAra i{color:#000;font-size:14px;font-weight:500;transition:.5s;position: relative;z-index: 2;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover i{color: #fff;} body #divTopProductSearch .searchform-wrapper{border:none;max-width: 100%;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{display:block;} body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{display:block;position:absolute;left:0;top:100%;right:0;width:auto;z-index:5;padding:0;box-shadow: 0px 3px 6px #00000029;background:#fff;transition:.3s;overflow:hidden;margin:0 auto;padding: 0 20px;} body #divTopProductSearch .header-search-form-wrapper{height:0;visibility:hidden;opacity:0;} body #divTopProductSearch.dropactive .header-search-form-wrapper{opacity:1;visibility:visible;height:60px;} body .svgIcon.search-times:after{font-size:25px;} .svgIcon.search-times{width:26px;height:26px;} .svgIcon.search-times:after{content:'\f00d';font-family:'FontAwesome';font-weight:300;font-size:33px;line-height:26px;} .svgIcon.search-times svg{display:none;} body:has(.homepage) #hb-logo img{filter: invert(0);} } @media (min-width: 768px) and (max-width: 1041px) { body .ulRelatedProducts li{width:calc(33.33% - 7px);} } @media (min-width: 768px) and (max-width: 1024px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{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;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} section.landing-block.main{padding:0!important;} #divMobileImage img{width: 100%!important;} body #mainHolder_divDesign .t-vw-6 .ticiContainer{width:720px!important;padding:0!important;} #divMobileImageList img{width:100%;} #divMobileImageList .owl-nav, #divProductImageCarousel .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;} #divMobileImageList{float:left;width:100%;position:relative;border-radius: 0;overflow: hidden;} #divMobileImageList .owl-nav > div, #divProductImageCarousel .owl-nav > div{font-size:0;width: 36px;height: 36px;background: transparent;border-radius: 0;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 30px #0000001A;} #divMobileImageList .owl-nav > div.owl-prev span:after,#divProductImageCarousel .owl-nav > div.owl-prev span:after{content:'\f104';} #divMobileImageList .owl-nav > div.owl-next span:after,#divProductImageCarousel .owl-nav > div.owl-next span:after{content:'\f105';} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body .solAnaMenu{width:100%;} body .sagIcerikTutucu{padding:0;width:100%;margin-top:20px;} #divProductImageCarousel img{width:100%;} #divProductImageCarousel{float:left;width:100%;position:relative;} .SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;} body #divTopProductSearch .searchform-wrapper, .countdownBlockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{max-width:720px;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12{padding: 0!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body .cartCheckoutProduct .checkoutProductContent{max-height:500px;} .categoryContainer .ProductList.PlSc_2 .ItemOrj, .categoryContainer .ProductList.PlSc_3 .ItemOrj, .categoryContainer .ProductList.PlSc_4 .ItemOrj, .categoryContainer .ProductList.PlSc_5 .ItemOrj, .categoryContainer .ProductList.PlSc_hrz .ItemOrj, .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;margin-bottom: 20px;} .categorydesign p strong{font-size:15px;margin:0 0 5px;} .categorydesign p{font-size:12px;line-height:18px;} .leftImage{width: 100%;} .RightDetail{padding:20px 0 0;width: 100%;} body .kombinselectvaryasyon{width:40%;} body .leftImage .ProductGallery .gallery-container .GalleryArea,body .fullSliderImg .fullSliderListWrap{width: 100%;} div#divProductGalleryThumb{display:none!important;} body .fullSliderImg .fullSliderThumbWrap,body .fullSliderImg .swiper-pagination-container{display: none!important;} body #hizliBakis,body div#hizliBakisAltAlan{width:700px;padding: 20px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:20px 0 0;} section.elementor-section.mid .footerTempRow > div:first-child{width:100%;margin-bottom:25px;} section.elementor-section.mid .footerTempRow{flex-wrap:wrap;} section.elementor-section.mid .footerTempRow > div:first-child .footerimg{justify-content:center;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:12px;padding:0;height:40px;min-width:175px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:10px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:28px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:12px;} body #mainHolder_divDesign .ticimaxTabHead li a{padding:0 10px;font-size:13px;height:38px;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 10px 0 0;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 10px;} .ticimaxAnasayfaTab .Block_Link{top:-45px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:15px;padding:0 15px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi{padding-bottom:15px!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:22px;} #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:20px 0 15px!important;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} .Block_Link{top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:17px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:13px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:5px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:12px;} .ticiAlignCenter{flex-direction:column;align-items:center;text-align:center;gap:15px;} body .widgetDetail{padding:0;text-align:center;width:100%;} body .widgetTitle{text-align:center;font-size:12px;} body .widgetDesc{font-size:12px;line-height:1.3;} body .widgetCenterImage img{margin:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:100%;margin-top:25px;} .leftImage{width:100%;} .RightDetail{width:100%;padding: 20px 0 0;position: relative;top: 0;} body .leftImage .ProductGallery .gallery-container .GalleryArea{position:static;opacity:1;width: 100%;} } /* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */ @media (max-width:1041px) { body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{line-height:65px;} body .category-vertical-filters.top-filters .panel .panel-heading a,body .category-vertical-filters.top-filters .panel .panel-heading a:after,body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{line-height:45px;} body .category-vertical-filters.top-filters .filtreAlt a{height:45px;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{line-height:45px;} .filtreAlt{padding:20px 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{height:calc(100% - 215px);} body .category-vertical-filters.top-filters{width: 370px;} /******************************************************/ .FiltreBtn{display:none;} .navigation{display: none;} #divSayfalamaUst .filterBlock{display:block!important;} .mobilMenuAcButton{display:block;} body .dropdown-toggle:after { display: none; } body #divSayfalamaUst { padding:0;margin:0 0 20px;width: 100%;border: none;background: transparent;} .urunListRel { width: 100%; } body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;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;border-radius: 0;} body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;} body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: right;} body .mobilFilterOpenBtn .button.mobilFilterBtn {float: left;} body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';} body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';} body .mobilFilterOpenBtn { margin:0;padding: 0;display: block!important;} .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;} body #divSayfalamaUst .filterDeleteContent{display: none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display: none;} body #divSayfalamaUst.Slct .brandlistselection{position:absolute;right: 0;top: 0;width:calc(50% - 5px);background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;font-size: 0;text-indent: 0;border: none;color: #000;font-weight: 500;min-width: auto;border-radius: 0;background: transparent;-webkit-appearance:none;-moz--appearance:none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option{font-size: 14px;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection{padding: 0;text-align:center;position: absolute;top: 100%;left: 0;right: 0;z-index: 10;border-bottom: none;background: #fff;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){margin: 0;width: 100%;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a{border:none;text-align:center;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span{line-height: 35px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {display:none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a{border-bottom: 1px solid #e5e5e5;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a{border-bottom:none;} .centerCount{width:100%!important;} .leftBlock {display:none!important;} .rightBlock {display:none!important;} .homeContainer .leftBlock {} .homeContainer .rightBlock {} .UyeolContent .grid { margin: 30px 18px; } .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;} .mobileImageSlider .owl-stage-outer{float: left;width: 100%;} .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;} .uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;} .uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;} .uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;} .Magazalar .magazaSelect{width: 100%;margin-right: 0;} .Magazalar #searchStore{width: 100%;margin-right: 0;} } @media (max-width:991px) { body .sepetItem div.sepetItemB0{height:auto;} body .sepetItemB.sepetItemB1{width:80%;} body .sepetItemB.sepetItemB2{width:auto;clear:left;margin:10px 0 0;} body .adetGuncelleContent{margin:0;} body.sepetimBody .BasketPage{padding:10px!important;} body.sepetimBody #headerNew,body.sepetimBody .footerTemp,body.sepetimBody .wp-fixed,body.sepetimBody #divTicimaxCopyrightContent{display:none;} body.sepetimBody{padding:0!important;} body .textbox.txtSepetAdet{border-radius:0;} a#linkSecilenleriSil{margin-bottom:10px;} body .adetGuncelleContent .textbox.txtSepetAdet{border-radius:0!important;} } /* Mobil Ekran */ @media (max-width:767px) { #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:10px 0!important;} .html.custom.html_1{font-size:10px;text-align: center;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} .TukendiIco span{line-height:35px;bottom:55%;max-width:150px;font-size:13px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12{padding: 0!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body #headerNew .header-main{border-radius:0 0 0 0;height:55px;} body #headerNew .cart-item{top:10px;right:5px;} body:has(.cart-item.mobileStyle.mobileactive){overflow:hidden;} body:has(.cart-item.mobileStyle.mobileactive) .bottomHead{display:none;} body .cartCheckoutProduct .checkoutProductContent{max-height: 400px;} .proDetailArea > div{padding:5px 10px;font-size:12px;} .proDetailArea{gap:5px;} body #productDetailRelated{padding:20px 0 0;} body #productDetailRelated .JKatAdi{margin:0 0 10px!important;} body #productDetailRelated>a{width:70px;} #divOnyazi .teksatir{margin-top:15px;font-size:12px;line-height:18px;} body .kombinItem{flex-wrap:wrap;} body .kombinItem .kombinleftImage{width:100%;} body .kombinItem .kombinRightDetail{width:100%;padding:10px 0;} body .kombinselectvaryasyon{width:100%;max-width: 100%;} div#divSatinAl{margin:20px 0 10px;} .detaySliderContainer .JKatAdi{padding:20px 0 10px!important;} div#UrunAksesuarDiv{float:left;width:100%;margin-top:20px;} body .leftImage .ProductGallery .gallery-container .GalleryArea,body .fullSliderImg .fullSliderListWrap{width: 100%;} div#divProductGalleryThumb{display:none!important;} body .fullSliderImg .fullSliderThumbWrap,body .fullSliderImg .swiper-pagination-container{display: none!important;} body #hizliBakis,body div#hizliBakisAltAlan{width:400px;padding: 10px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:10px 0 0;} body .lg-outer .lg-item:before,body .lg-outer .lg-img-wrap:before{height:50%;} body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,#headerNew .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu,body #headerNew .mobileStyle .header-cart-hover{width:100%;} body #mainHolder_divDesign .ticiContainer{padding:0!important;} section.landing-block.full{padding-left: 0!important;padding-right: 0!important;} body #mainHolder_divDesign .ticimaxTabHead li{float:none;} .footerTemp{margin-top: 20px;} .kategoriBaslik{margin:10px 0;} .productItem .productIconExButtons{visibility:visible;opacity:1;transform:translateY(0);} .ProductName h1 span{font-size: 17px;} .buyfast{margin-top:10px;} div#divTahminiTeslimatSuresi{flex-direction:row;margin:15px 0 0;} div#divTahminiTeslimatSuresi .boxIcon{margin:0 10px 0 0;} .ProductIcon .boxIcon,.ProductIcon2 .boxIcon{margin:0;} .urunTabAlt{font-size:12px;line-height:20px;} .urunTabAlt strong{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:12px;padding:0;height:30px;min-width:150px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:10px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:20px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:12px;} body #mainHolder_divDesign .ticimaxTabHead li a{padding:0 10px;font-size:13px;height:38px;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 10px 0 0;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 10px;} .ticimaxAnasayfaTab .Block_Link{top:-45px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10px;padding:0 15px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi{padding-bottom:10px!important;padding-top: 10px!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:19px;} #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:20px 0 15px!important;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} .Block_Link{top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:17px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:13px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:5px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:12px;} .ticiAlignCenter{flex-direction:column;align-items:center;text-align:center;gap:15px;} body .widgetDetail{padding:0;text-align:center;width:100%;} body .widgetTitle{text-align:center;font-size:12px;} body .widgetDesc{font-size:12px;line-height:1.3;} body .widgetCenterImage img{margin:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:100%;margin-top:25px;} .ticimaxAnasayfaTab .Block_Link{display:none!important;} body #mainHolder_divDesign .ticimaxTabHead ul{text-align:left;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.widgetDetail) > div{width:100%;min-width:100%;border-bottom:1px solid #e9e9e9;padding-bottom:10px!important;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.widgetDetail) > div:last-child{border:none;} .urunOzellikTab{margin:0;} body .leftImage .ProductGallery .gallery-container .GalleryArea{position:static;opacity:1;width: 100%;aspect-ratio: 4/5;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item a{height:100%;float:left;width:100%;display:flex;align-items:center;justify-content:center;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item .zoom-js img{height: auto;} body .fullSliderImg.mobileSwiper{max-height:calc(100vh - 214px);} #divUrunEkSecenek .eksecenekLine{margin-top: 10px;} body #headerNew .header-main .header-dil-content{display: none!important;} body .main .bannerVideoWrapper .blokResimLink,body .main .bannerWrapper .blokResimLink{height:70dvh;} body .main .bannerVideoWrapper .blokResimLink video,body .main .bannerWrapper .blokResimLink img{height:100%;object-fit:cover;} /*---------------------767------------------------*/ .SmallImages,.Images, #divVideoGoruntulemeAlan{display: none!important;} .leftImage{float: left;width: 100%;margin-left: 0;padding-bottom: 0;} .RightDetail{width: 100%;padding: 10px 0 0;position: relative;top: auto;} .userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding: 0 5px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding:0 10px!important;} section.landing-block,body #top-bar .headerContainer{padding:0 10px!important;} body ul.breadcrumb{max-width: 100%;padding: 0;margin: 0!important;} .markaSlider .jCarouselLite{padding: 0 10px;} .sliderBannerContainer .ProductList{padding: 0;} section.landing-block.main{padding:0!important;} body .divRelatedProductsPopup .ulRelatedProducts{flex-wrap:wrap;} body .ulRelatedProducts li{width:calc(50% - 5px);} body .ulRelatedProducts li span{font-size:11px;} body ul.breadcrumb li{float:none!important;} body .solAnaMenu ul li a{display:flex;align-items:center;} ul.footerMenuAlt.vertical{margin-bottom:20px;} section.elementor-section.mid .footerTempRow > div{max-width:100%;width:100%;} body:has(.newHeaderNavigation.mobileStyle.mobileactive) #back-to-top{display:none!important;} body #divTopProductSearch.dropactive .header-search-form-wrapper,body #divTopProductSearch .header-search-form-wrapper{padding:10px;border-top:1px solid #eee;height: 50px;} body #divTopProductSearch .searchform-wrapper #txtbxArama{height:30px;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra{height:30px;} body.sepetimBody #top-bar{display:none;} body #divStokYok{margin-bottom:10px;} body:has(.RightDetail.StokYok) .detayFixed{display:none;} .ProductBody:has(.RightDetail.StokYok) .bottomHead{display: block;} body .hesabimBolumuTutucu{margin:10px 0;} body .footerTemp .footerMenul.accordionMode .footerMenuTitle:after{margin:0;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} .favNum{display:none;} body .sepetItemB.sepetItemB1{width:58%;} body.sepetimBody .BasketPage{padding:5px !important;margin-bottom:60px !important;} body .BasketRigth.BasketHediyeCeki{margin-top:10px;} body.sepetimBody .MobileHeaderControl{margin-top:5px;} body.sepetimBody .MobileHeaderControlContent{margin-bottom:5px;} body .BasketDetailContainer{margin-top:5px;} body .footerTemp .footerMenul.accordionMode .footerMenuAlt li{float:left;clear:left;} body .mobilFilterOpenBtn .button{width:calc(50% - 5px);} body #divSayfalamaUst{margin:0 0 10px;} body .mobilFilterOpenBtn .button:before{margin-right:10px;width:18px;font-size:0;} body .mobilFilterOpenBtn .button.mobilFilterBtn:before{background:url(../../Uploads/EditorUploads/images/mfiltre.svg) no-repeat center / contain;} body .mobilFilterOpenBtn .button.mobilSiralamBtn:before{background:url(../../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;} #divMobileImageList img{width:100%;} #divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;} #divMobileImageList{float:left;width:100%;position:relative;border-radius: 0;overflow: hidden;aspect-ratio: 4/5;} #divMobileImageList .owl-nav > div,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{font-size:0;width: 36px;height: 36px;background: #fff;border-radius: 0;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 30px #0000001A;} #divMobileImageList .owl-nav > div.owl-prev span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span::after{content:'\f104';display: block!important;} #divMobileImageList .owl-nav > div.owl-next span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f105';} .detayFixed{position:fixed;bottom:0;z-index:9;left:0;right:0;height:60px;display:none;justify-content:space-between;align-items:center;padding:0 10px;background:#fff;box-shadow: 0px 0px 33px #00000014;} .fixedPrice{font-size:25px;font-weight:800;color:#000000;} .fixedSepet{float:right;width:100%;max-width:207px;} .fixedSepet input{width:100%;font-size:14px;font-weight:800;line-height:45px;padding:0;text-transform:uppercase;} .fixedPrice .PiyasafiyatiContent .right_line *,.fixedPrice .IndirimliFiyatContent .right_line *{font-size:18px;line-height: 1.3;float: left;} .detayFixed .PiyasafiyatiContent .right_line,.detayFixed .IndirimliFiyatContent .right_line{float:left;} .fixedPrice .PiyasafiyatiContent{float:left;margin:0;width:100%;} .sepetItemB.sepetItemB4.sepetFiyatBold{width:100%!important;} body #productDetailRelated .JKatAdi .bold .satir1{font-size:13px;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line{width:100%;} body.sepetimBody #divTicimaxCopyrightContent{display:none;} body.sepetimBody #headerNew,.sepetimBody .footerTemp {display: none;} body .sepetItemB.sepetItemB2 { width: 60%;} body .adetGuncelleContent {margin: 10px 0 0;} body.sepetimBody .wp-fixed {display: none;} body.overflow{overflow: hidden;} #divIcerik.homepage{margin: 0 auto;} body{padding-top: 0;} body.sepetimBody { padding-top: 0; } .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;} .userContainer .userRightBox{margin-top: 20px;} .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;} #divIcerik{padding: 0 10px;margin: 0 auto;} .proCategoryTitle.categoryTitleText{padding: 0 10px;} #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 60px;} #divTicimaxCopyrightContent a{display: inline-block;} #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;} body:has(.newHeaderNavigation.mobileactive) .bottomHead,body:has(.filterBlock.active) .bottomHead{display:none!important;} /*sepetalan*/ /*Sabit sayfalar icerik*/ .spanTittle { font-size: 18px !important; } .iletisimContent .iletisimForm{width: 100%;padding: 0;} .iletisimContent .AdBan{width: 100%;} .iletisimContent .categoryTitle {margin: 0;} .iletisimContent .categoryTitle .categoryTitleText{line-height: 65px;} .iletisimContent .categoryTitle:before{display:none;} .iletisimContent .iletisimRight .categoryTitle {margin-bottom: 10px;} .iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;} .iletisimContent .iletisimForm .categoryTitle {margin-bottom: 10px;} .iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: none;display: block;margin: 10px 0 0;} .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 17px;} .iletisimContent .iletisimRight .iletisimbanka .span > div span{font-size: 12px;} .iletisimContent .iletisimLeft .Right{font-size: 12px;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size: 20px;} .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; } .SifremiUnuttum { width: 100%; margin: 0; padding: 0; } .SifremiUnuttum .line { width: 100%; } .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; } .SifremiUnuttum .button { width: 30%; } /*Arama*/ .ButtonMic{right:40px;height: 40px;} /*urun butonlari*/ .ProductIcon{margin: 0;float: left;width: 100%;} .ProductIcon > div{margin: 0 0 10px;float: left;width: 100%;} .ProductIcon2 > div{margin: 0 0 10px;float: left;width: 100%;} .ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;flex-direction: row;gap: 10px;} .ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;flex-direction: row;gap: 10px;} .socialButons iframe{margin-right: 10px;} .socialButons .UWhatsApp{float: left;margin-right: 10px;} .socialButons .UTelegram{float: left;margin-right: 10px;} .TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;} .TopDet .product_social_icon_wrapper .PaylasTit{} /******************************************************/ .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;display: block;} .bottomHead ul{margin: 0;list-style: none;padding: 0;} .bottomHead ul li{float: left;width: 25%;} .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 0;color: #000;position: relative;height: 60px;display: flex;flex-direction: column;gap: 3px;align-items: center;justify-content: center;} .bottomHead ul li a svg{width: 19px;display: block;margin: 0 auto;height: 21px;} .bottomHead ul li.welcC a svg{margin-bottom: 0;} /*Footer*/ #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;} #back-to-top{bottom: 11%;right: 2%;} #back-to-top a{width: 30px;height: 30px;} /*kategori*/ .categoryContainer .categoryTitleText{padding: 0;margin: 0;} .ProductBody .categoryTitle{padding: 0;margin: 0;} body .category-vertical-filters.top-filters{width: 100%;height: 100%;box-shadow: none;border: none;border-radius: 0;} body ul.breadcrumb{white-space: nowrap;position: relative;overflow: auto;flex-wrap: nowrap;} body ul.breadcrumb::-webkit-scrollbar{width: 0;height: 0;} body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;} body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;} body ul.breadcrumb li:nth-child(1) a:before{display: none;} body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;display: none;} body ul.breadcrumb * {line-height: 40px!important;font-size: 13px!important;max-width: max-content;text-decoration:none;padding: 0!important;} body ul.breadcrumb li:after {line-height: 40px;font-size: 13px!important;content: '...';margin: 0 2px;display: none;} body ul.breadcrumb li {font-size: 0!important;} body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;} body ul.breadcrumb li:nth-last-of-type(1) {max-width: 80%;} body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 13px!important;text-overflow: ellipsis; overflow: hidden} body ul.breadcrumb li a span{font-size: 13px!important;} body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;margin: 0 4px 0 7px;} .categoryTitleText{position: relative;z-index: 9;} .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);} .breadList.breadActive{display: block!important;} .breadList ul{list-style: none;} .breadList .mBread{float: left;width: 100%;} .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;} .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;} .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;} .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);} .breadList .mBread ul li a span{font-weight: normal;line-height: 15px;} .breadList .mBread ul li ul{padding-left: 4px;} .breadList .mBread >ul >li >a span{font-weight: 600;} .breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;} .categoryContainer .breadList .clbtn{right: -5px;} .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;margin-bottom: 10px;} .categoryContainer .ProductList{margin: 0 -5px;} .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;} } @media screen and (min-width:414px) { } @media screen and (min-width:375px) and (max-width:413px) { } @media screen and (min-width:0px) and (max-width:449px){ .categoryContainer .breadList .clbtn{right: -5px;} .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_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: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} body:not(.sepetimBody) .ItemOrj{width: 100%;max-width: 100%;flex: 0 0 100%;} body #hizliBakis,body div#hizliBakisAltAlan{width:325px;padding: 10px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:10px 0 0;} } .RenkSecimi { position: fixed; width: 300px; background: #fafafa; z-index: 999; padding: 0; top: 0; bottom: 0; left:0} .RC-Title { font-size: 15px; font-weight: 700; background: #15284b; color: #fff; text-align: left; padding: 0 20px; line-height: 50px; float: left; width: 100%; } .RC-Detail {display:none; float: left;width: 100%;padding: 0px 10px 0px 10px;max-height: 100%;overflow: hidden;overflow-y: auto;position: absolute;top: 110px;bottom: 100px;} .RC-MainColor {background: #fff;float: left;width: calc(100% - 20px);border: 1px solid #eee;padding: 0 0 0 10px;margin: 10px;border-radius: 5px;} .RC-Tab { float: left; width: 100%; } .RC-TabRow {float: left;width: 100%;border: 1px solid #eee;background: #fff;margin-bottom: 10px;} .RC-TabRow:last-child{margin-bottom:0} .RC-TabRow .RC-TabTitle {font-size: 14px;font-weight: 600;color: #555;float: left;width: calc(100% + 2px);padding: 0 10px;border-bottom: 1px solid #eee;cursor: pointer;line-height: 45px;margin-left: -1px;margin-top: -1px;} .RC-TabRow.active .RC-TabTitle { color: #fff; background: #15284b; } .RC-TabRow .RC-TabDetail { float: left; width: 100%; display: none; padding: 10px; } .RC-TabRow .RC-TabDetail ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; } .RC-TabRow .RC-TabDetail ul li {float: left;width: 100%;border: 1px solid #eee;padding: 0 0 0 10px;margin: 5px 0;border-radius: 5px;} .RC-TabRow.active .RC-TabDetail { display: block; } .RC-TabRow .RC-TabTitle:after { content: '\f078'; float: right; font-size: 14px; font-family: 'FontAwesome'; line-height: 45px; display: block; margin-right: 5px; } .RC-TabRow.active .RC-TabTitle:after { content: '\f077'; } .RenkSecimi label { padding: 0; font-size: 12px; position: relative; z-index: 2; pointer-events: none; width: auto; float: left; clear: both; line-height: 40px; font-weight: 500; } .RenkSecimi input.jscolor { appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 0; left: 0; bottom: 0; height: 40px; border-radius: 0; cursor: pointer; width: 70px; border: 0; border-left: 1px solid #eee; font-size: 11px; padding: 0 10px; float: right; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .RenkSecimi input:last-child { margin: 0; } .RC-Detail::-webkit-scrollbar { width: 5px; } .RC-Detail::-webkit-scrollbar-track { background: #fafafa; } .RC-Detail::-webkit-scrollbar-thumb { background: #15284b; } .RC-Buttons {position: absolute;bottom: 10px;left: 10px;right: 10px;} .RC-Reset {width: calc(50% - 5px);line-height: 35px;background: #15284b;color: #fff;text-align: center;border-radius: 5px;float: right;cursor:pointer;} .RC-Save {width: 100%;line-height: 35px;background: green;color: #fff;text-align: center;border-radius: 5px;float: left;margin: 10px 0 0 0;cursor:pointer;} .RC-Cancel {width: calc(50% - 5px);line-height: 35px;background: #ca0c0c;color: #fff;text-align: center;border-radius: 5px;float: left;cursor:pointer;} .RC-Cancel:hover{background: #a20b0b;} .RC-Save:hover{background: #0d940d;} .RC-Reset:hover{background: #213f75;} .RC-UrunBox {float: left;width: 100%;margin: 10px 0 0 0;background: #fff;border: 1px solid #eee;padding: 10px;} .RC-UrunBox-Title {float: left;width: 100%;font-size: 14px;line-height: 1.4;font-weight: 600;margin: 5px 0 0 0;} .RC-UrunBox ul {float: left;width: calc(100% + 10px);list-style: none;padding: 0;margin: 10px -5px 0;} .RC-UrunBox ul li {float: left;position: relative;width: calc(33.33% - 10px);border: 1px solid #eee;margin: 0 5px;padding: 5px 0;} .RC-UrunBox ul li span:before{content:'-';content: '\f111';font-family: 'FontAwesome';font-size: 0;position: absolute;top: 5px;left: 0;right: 0;text-align: center;color: #fff;line-height: 55px;} .RC-UrunBox ul li input[type="radio"]:checked+span:before{content: '\f058';font-family: 'FontAwesome';font-size: 18px;} .RC-UrunBox ul li span{font-size: 12px;display:inline-block;vertical-align:middle;line-height: 1.5;width: 100%;text-align: center;} .RC-UrunBox ul li input{display:inline-block;vertical-align:middle;margin-top: 0;margin-left: 0;position: absolute;width: 100%;height: 100%;z-index: 9;cursor: pointer;opacity: 0;margin: 0;} .RC-UrunBox ul li span i{font-size: 45px;color: #999;width: 100%;text-align: center;line-height: 55px;} /* TT-NAV-BEGIN ====================================================================== TARZIM TUBA — V8 ORGANIZED MASTER CSS TARİH : 04.09.2026 TEMEL : V8 HARDENED SINIR : Tema: 1–2779 | Özel kod: 2780+ KULLANIM: - Bir bölümü bulmak için CTRL+F yapıp [TT-XX] ara. - Kodların çalışma sırası DEĞİŞTİRİLMEDİ. - Yalnızca navigasyon / modül yorumları eklendi. - Eski FINAL / V2 / V3 yorumları tarihsel olarak kod içinde durabilir; bakım yaparken TT-XX başlıklarını esas al. MODÜL HARİTASI: TT-01 Fiyat / Sepette İndirim / Ürün Detay Fiyat TT-02 Güven Kartları / Avantajlar TT-03 Footer / Mobil Footer TT-04 Müşteri Yorumları TT-05 Instagram CTA TT-06 Mobil Menü TT-07 Blog TT-08 Kargo / Teslimat TT-09 Ürün Kartı Dinamik Bilgiler TT-10 Beden Asistanı TT-11 Mobil Story Kategoriler TT-12 Mobil Arama TT-13 Mobil Renk + Beden Popup / V8 HARDENED TT-14 Gerçek Ticimax Satın Alma Butonları / V8 HARDENED TT-15 Mobil Sabit Satın Alma Widget TT-16 Fırsat / Rozet / Ürün ID Sistemleri TT-17 Havale Fiyatı TT-18 Ödeme Seçenekleri / Checkout TT-19 Ürün Detay Kategori / Sıralama Widget TT-20 Yeni Ürün Kartları TT-21 Mini Kart Popup TT-22 Masaüstü Menü SATIŞ ÇEKİRDEĞİ: TT-13 + TT-14 + TT-15 = V8 HARDENED satış akışı. Bu üçü artık 'kritik ve kırılgan' değil; STABİL/KORUMALI çekirdek olarak işaretlidir. Yine de satış akışı olduğu için değişiklik sonrası kısa QA yapılmalıdır. ====================================================================== TT-NAV-END */ /* TT-NAV-BEGIN ====================================================================== [TT-01.0] Özel fiyat / sepette indirim temel stilleri DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-01.0] ====================================================================== TT-NAV-END */ //**deneme**// #divOnyazi{ clear:both !important; float:left !important; width:100% !important; display:block !important; margin-top:15px !important; } #pnlFiyatlar{ width:100%; } #divOnyazi{ clear:both; width:100%; float:left; } /* ======================================================= ÜRÜN DETAYI ======================================================= */ #divOnyazi .sepet-fiyat{ display:inline-block; margin:12px 0; padding-left:16px; border-left:4px solid #16a34a; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; } #divOnyazi .sepet-badge{ display:inline-block; padding:4px 10px; background:#F0FDF4; color:#15803d; border:1px solid #BBF7D0; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; } #divOnyazi .sepet-title{ margin-top:12px; font-size:13px; color:#6B7280; font-weight:500; } #divOnyazi .sepet-price{ margin-top:2px; font-size:36px; font-weight:800; color:#111827; letter-spacing:-1px; line-height:1; } #divOnyazi .sepet-price span{ color:#16a34a; } #divOnyazi .sepet-save{ margin-top:10px; font-size:14px; color:#374151; } #divOnyazi .sepet-save strong{ color:#16a34a; } #divOnyazi .sepet-note{ margin-top:8px; font-size:12px; color:#9CA3AF; } /* ======================================================= ÜRÜN LİSTESİ - SİYAH SEPETTE İNDİRİM KARTI ======================================================= */ .productItem .productOnYazi{ width:100%; margin:8px 0 0 !important; padding:0 !important; clear:both; text-align:center; } .productItem .productOnYazi > span{ display:block !important; width:100% !important; margin:0 !important; padding:0 !important; } /* Siyah ana kart */ .productItem .productOnYazi .sepet-fiyat{ width:100% !important; height:36px !important; margin:0 !important; padding:0 10px !important; background:#000 !important; border:0 !important; border-radius:4px !important; box-sizing:border-box !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:8px !important; overflow:hidden !important; white-space:nowrap !important; font-family:Arial, sans-serif !important; } /* Ürün detaydaki ön yazıya dokunmasın */ #divOnyazi .sepet-fiyat{ display:inline-block; } /* Gereksiz alanları gizle */ .productItem .productOnYazi .sepet-badge, .productItem .productOnYazi .sepet-save, .productItem .productOnYazi .sepet-note{ display:none !important; } /* Kampanya yazısı */ .productItem .productOnYazi .sepet-title{ display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:1 !important; white-space:nowrap !important; flex-shrink:1 !important; min-width:0 !important; } .productItem .productOnYazi .sepet-title:before{ content:"SEPETTE 200 TL NET İNDİRİM!" !important; display:inline-block !important; color:#fff !important; font-size:12px !important; font-weight:700 !important; line-height:1 !important; letter-spacing:.1px !important; white-space:nowrap !important; } /* Sepette fiyat */ .productItem .productOnYazi .sepet-price{ display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; line-height:1 !important; white-space:nowrap !important; flex-shrink:0 !important; } .productItem .productOnYazi .sepet-price span{ display:inline-block !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:-.2px !important; white-space:nowrap !important; } /* KDV yazıları varsa gizle */ .productItem .productOnYazi .spanKdv{ display:none !important; } /* ======================================================= MOBİL - REFERANS GİBİ 2 SATIR SİYAH KART ======================================================= */ @media(max-width:768px){ .productItem .productOnYazi{ margin-top:8px !important; } .productItem .productOnYazi .sepet-fiyat{ height:56px !important; padding:6px 4px !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; border-radius:5px !important; overflow:hidden !important; white-space:normal !important; } .productItem .productOnYazi .sepet-title{ width:100% !important; display:flex !important; justify-content:center !important; text-align:center !important; white-space:normal !important; } .productItem .productOnYazi .sepet-title:before{ content:"SEPETTE 200 TL NET İNDİRİM!" !important; color:#fff !important; font-size:9.4px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:0 !important; white-space:nowrap !important; max-width:100% !important; } .productItem .productOnYazi .sepet-price span{ color:#fff !important; font-size:18px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:-.4px !important; white-space:nowrap !important; } } /* ======================================================= FİNAL - FİYAT RENKLERİ ======================================================= */ /* ========================= ÜRÜN LİSTESİ ========================= */ /* Eski fiyat (gri) */ .productItem .regularPrice, .productItem .regularPrice *, .productItem .regularPriceSpan{ color:#9CA3AF !important; } /* İndirimli satış fiyatı (siyah) */ .productItem .discountPrice, .productItem .discountPrice *, .productItem .discountPriceSpan{ color:#111827 !important; } /* Sepette fiyat (siyah kalın) */ .productItem .productOnYazi .sepet-price, .productItem .productOnYazi .sepet-price span{ color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:900 !important; } /* ========================= ÜRÜN DETAYI ========================= */ /* Eski fiyat (gri) */ #divIndirimliFiyat .PiyasafiyatiContent, #divIndirimliFiyat .PiyasafiyatiContent *, #divIndirimliFiyat .PiyasafiyatiContent .spanFiyat{ color:#9CA3AF !important; } /* İndirimli satış fiyatı (siyah) */ #divIndirimliFiyat .IndirimliFiyatContent, #divIndirimliFiyat .IndirimliFiyatContent *, #divIndirimliFiyat .IndirimliFiyatContent .spanFiyat{ color:#111827 !important; } /* Sepette fiyat (yeşil - orijinal) */ #divOnyazi .sepet-price, #divOnyazi .sepet-price span{ color:#16A34A !important; } /* ============================== Sepette Kazanç Rozeti ============================== */ #divSepetKazanci{ display:inline-flex; align-items:center; justify-content:center; gap:6px; margin:10px 0 14px; padding:8px 14px; background:#F0FDF4; border:1px solid #BBF7D0; border-radius:999px; color:#16A34A; font-size:14px; font-weight:600; line-height:1; box-sizing:border-box; } #divSepetKazanci strong{ color:#16A34A; font-weight:800; } #divSepetKazanci::before{ content:"✓"; width:18px; height:18px; display:flex; align-items:center; justify-content:center; background:#16A34A; color:#fff; border-radius:50%; font-size:11px; font-weight:700; } /* İndirim oranını gizle */ #divIndirimOrani{ display:none !important; } /* ========================================== ÜRÜN DETAYI FİYAT HİYERARŞİSİ ========================================== */ /* Eski fiyat */ #divIndirimliFiyat .PiyasafiyatiContent .spanFiyat{ font-size:16px !important; color:#9CA3AF !important; font-weight:500 !important; } /* İndirimli satış fiyatı */ #divIndirimliFiyat .IndirimliFiyatContent .spanFiyat{ font-size:21px !important; color:#111827 !important; font-weight:800 !important; } /* Ürün detayı adet seçiciyi gizle */ #divBasketInputTextBox{ display:none !important; } /* Sepete Ekle butonu tam genişlik */ #divButonlar{ display:flex; gap:0; } #divButonlar .basketBtn{ width:100% !important; flex:1; } /* ========================================== PREMIUM BUTONLAR ========================================== */ /* Buton kapsayıcıları */ .basketBtn, .buyfast{ width:100% !important; display:block !important; margin:0 0 12px 0 !important; } /* SEPETE EKLE */ .Addtobasket{ width:100% !important; height:56px !important; background:#0B0E1C !important; color:#fff !important; border:none !important; border-radius:10px !important; font-size:17px !important; font-weight:700 !important; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.12); transition:.25s ease; /* Çanta ikonu */ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7 8V6a5 5 0 0110 0v2M5 8h14l-1 12H6L5 8z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:20px; background-position:calc(50% - 62px) center; } .Addtobasket:hover{ background:#171B2D !important; } /* HEMEN AL */ .buyfastbutton{ width:100% !important; height:56px !important; background:#fff !important; color:#222 !important; border:1px solid #D8D8D8 !important; border-radius:10px !important; font-size:17px !important; font-weight:700 !important; cursor:pointer; transition:.25s ease; } .buyfastbutton:hover{ background:#FAFAFA !important; border-color:#111 !important; } /* Ürün listesi - İndirimli satış fiyatı siyah */ .productPrice.IndirimVar .discountPrice, .productPrice.IndirimVar .discountPrice span, .productPrice.IndirimVar .discountPrice .discountPriceSpan{ color:#111 !important; font-weight:700 !important; } /* =========================== PREMIUM GÜVEN KARTI =========================== */ #freeCargoBox{ display:none !important; } .productTrustBox{ width:100% !important; display:grid; grid-template-columns:repeat(4, 1fr); margin:18px 0 16px 0 !important; padding:13px 10px; background:#fff; border:1px solid #E5E7EB; border-radius:12px; box-shadow:0 6px 18px rgba(17,24,39,.06); box-sizing:border-box; overflow:hidden; font-family:'Poppins','Archivo',Arial,sans-serif !important; } .productTrustItem{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; padding:0 9px; box-sizing:border-box; } .productTrustItem:not(:last-child)::after{ content:""; position:absolute; right:0; top:12px; bottom:12px; width:1px; background:#E5E7EB; } .productTrustIcon{ width:30px; height:30px; margin:0 0 7px 0; display:flex; align-items:center; justify-content:center; background:#F6F5F2; border-radius:50%; color:#111827; font-size:15px; line-height:1; } .productTrustTitle{ color:#111827; font-size:12.5px; font-weight:700; line-height:1.22; margin:0 0 4px 0; } .productTrustDesc{ color:#6B7280; font-size:11px; font-weight:400; line-height:1.25; margin:0; } /* Mobil ince ayar */ @media(max-width:768px){ .productTrustBox{ margin:16px 0 14px 0 !important; padding:12px 6px; border-radius:11px; } .productTrustItem{ padding:0 5px; } .productTrustIcon{ width:28px; height:28px; font-size:14px; margin-bottom:6px; } .productTrustTitle{ font-size:11.5px; line-height:1.18; margin-bottom:4px; } .productTrustDesc{ font-size:10px; line-height:1.22; } .productTrustItem:not(:last-child)::after{ top:10px; bottom:10px; } } @media(max-width:390px){ .productTrustBox{ padding:10px 4px; } .productTrustItem{ padding:0 4px; } .productTrustIcon{ width:26px; height:26px; font-size:13px; } .productTrustTitle{ font-size:10.8px; } .productTrustDesc{ font-size:9.4px; } } .tam-genis-banner{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .tam-genis-banner img{ width:100% !important; height:auto !important; display:block !important; } /* Ana Alan */ .tt-social-proof{ width:100vw !important; max-width:none !important; margin:50px 0 70px 50% !important; transform:translateX(-50%) !important; padding:0 15px !important; box-sizing:border-box !important; display:flex !important; justify-content:center !important; } .tt-social-proof .tt-social-proof-grid{ width:100% !important; max-width:1100px !important; display:grid !important; grid-template-columns:repeat(4,1fr) !important; border:1px solid #ececec !important; background:#fff !important; } .tt-social-proof .tt-social-proof-item{ text-align:center !important; padding:42px 20px !important; border-right:1px solid #ececec !important; box-sizing:border-box !important; } .tt-social-proof .tt-social-proof-item:last-child{ border-right:none !important; } .tt-social-proof .tt-icon{ font-size:26px !important; color:#b89a5e !important; margin-bottom:15px !important; } .tt-social-proof .tt-number{ font-size:54px !important; font-weight:700 !important; color:#222 !important; line-height:1 !important; margin-bottom:14px !important; } .tt-social-proof .tt-stars{ color:#f5b400 !important; font-size:18px !important; letter-spacing:3px !important; margin-bottom:12px !important; } .tt-social-proof .tt-text{ font-size:17px !important; color:#555 !important; line-height:1.5 !important; } @media(max-width:768px){ .tt-social-proof{ width:100% !important; max-width:100% !important; margin:30px auto 40px !important; transform:none !important; padding:0 10px !important; } .tt-social-proof .tt-social-proof-grid{ max-width:100% !important; grid-template-columns:repeat(2,1fr) !important; } .tt-social-proof .tt-social-proof-item{ padding:28px 10px !important; border-bottom:1px solid #ececec !important; } .tt-social-proof .tt-social-proof-item:nth-child(2){ border-right:none !important; } .tt-social-proof .tt-social-proof-item:nth-child(3), .tt-social-proof .tt-social-proof-item:nth-child(4){ border-bottom:none !important; } .tt-social-proof .tt-number{ font-size:34px !important; } .tt-social-proof .tt-text{ font-size:14px !important; } } /* İndirim etiketini gizle */ .productIconEx .discountIcon{ display:none !important; } /* Yeni Ürün etiketini gizle */ .productIconEx .newIcon{ display:none !important; } /* İndirim ve Yeni Ürün gizle */ .productIconEx .discountIcon, .productIconEx .newIcon{ display:none !important; } /* Konum */ .productIconEx{ top:10px !important; left:10px !important; } /* Ücretsiz Kargo */ .productIconEx .cargoIcon{ position:relative; display:inline-flex !important; align-items:center; justify-content:center; background:#fff !important; color:#198754 !important; border:1px solid #22c55e !important; border-radius:8px !important; padding:6px 12px 6px 38px !important; font-size:11px !important; font-weight:700 !important; line-height:1 !important; white-space:nowrap !important; width:auto !important; min-width:auto !important; box-shadow:0 2px 6px rgba(0,0,0,.06) !important; } /* SVG Kamyon */ .productIconEx .cargoIcon:before{ content:""; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:18px; height:18px; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M3 6h10v8H3zm11 3h3l3 3v2h-2a2 2 0 11-4 0H9a2 2 0 11-4 0H3v-1h10V9zm2 7a1 1 0 100 2 1 1 0 000-2zM7 16a1 1 0 100 2 1 1 0 000-2z'/%3E%3C/svg%3E"); } /* Hover */ .productIconEx .cargoIcon:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.10) !important; } /* Mobil */ @media(max-width:768px){ .productIconEx{ top:8px !important; left:8px !important; } .productIconEx .cargoIcon{ padding:5px 9px 5px 31px !important; font-size:8px !important; border-radius:7px !important; } .productIconEx .cargoIcon:before{ width:15px; height:15px; left:8px; } } @media(max-width:768px){ .productItem .productDetail{ padding-top:4px !important; } .productItem .productName{ margin-bottom:4px !important; } .productItem .productName a{ line-height:17px !important; height:17px !important; } .productItem .productPrice{ margin-top:6px !important; } } /* ======================================================= GENEL FONT DENEMESİ - POPPINS ======================================================= */ body, button, input, select, textarea, a, span, div, p, label{ font-family:'Poppins', Arial, sans-serif !important; } /* Ürün kartı */ .productItem .productName a, .productItem .discountPrice span, .productItem .regularPrice span, .productItem .productOnYazi, .productItem .productOnYazi *{ font-family:'Poppins', Arial, sans-serif !important; } /* Menü */ .newHeaderNavUl li a, .headerContent, .headerContent *, .menu-wrap, .menu-wrap *{ font-family:'Poppins', Arial, sans-serif !important; } /* Ürün detay */ .ProductName h1 span, .RightDetail, .RightDetail *, .PriceList, .PriceList *{ font-family:'Poppins', Arial, sans-serif !important; } /* Sepet / butonlar */ .basketBtn, .basketBtn *, .btnAddToCart, .btnAddToCart *, .mycart, .mycart *, .CartProduct, .CartProduct *{ font-family:'Poppins', Arial, sans-serif !important; } /* İkon fontlarını bozma */ i, .fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"]{ font-family:'FontAwesome' !important; } /* ======================================================= SİYAH SEPET KARTI - FİYAT FONT DÜZELTME ======================================================= */ .productItem .productOnYazi .sepet-price{ display:inline-flex !important; align-items:baseline !important; justify-content:center !important; gap:0 !important; font-family:'Poppins', Arial, sans-serif !important; line-height:1 !important; white-space:nowrap !important; color:#fff !important; -webkit-text-fill-color:#fff !important; } .productItem .productOnYazi .sepet-price span, .productItem .productOnYazi .sepet-price span *, .productItem .productOnYazi .sepet-price strong, .productItem .productOnYazi .sepet-price b{ display:inline !important; position:static !important; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; transform:none !important; font-family:'Poppins', Arial, sans-serif !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:0 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; vertical-align:baseline !important; white-space:nowrap !important; } /* Masaüstünde kutu içindeki kampanya yazısı da Poppins kalsın */ .productItem .productOnYazi .sepet-title:before{ font-family:'Poppins', Arial, sans-serif !important; } /* Mobil */ @media(max-width:768px){ .productItem .productOnYazi .sepet-price{ align-items:baseline !important; } .productItem .productOnYazi .sepet-price span, .productItem .productOnYazi .sepet-price span *, .productItem .productOnYazi .sepet-price strong, .productItem .productOnYazi .sepet-price b{ font-family:'Poppins', Arial, sans-serif !important; font-size:19px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:0 !important; } .productItem .productOnYazi .sepet-title:before{ font-family:'Poppins', Arial, sans-serif !important; } } /* ======================================================= ÜRÜN LİSTESİ - NORMAL İNDİRİMLİ FİYAT DÜZELTME Örn: ₺1.499,00 ======================================================= */ body .productItem .productPrice .discountPrice, body .productItem .productPrice .discountPrice span, body .productItem .productPrice .discountPriceSpan, body .productItem .productPrice.IndirimVar .discountPrice, body .productItem .productPrice.IndirimVar .discountPrice span, body .productItem .productPrice.IndirimVar .discountPriceSpan{ color:#111111 !important; -webkit-text-fill-color:#111111 !important; font-family:'Poppins', Arial, sans-serif !important; font-size:18px !important; font-weight:500 !important; line-height:20px !important; letter-spacing:-.2px !important; } /* Eski fiyat gri kalsın */ body .productItem .productPrice .regularPrice, body .productItem .productPrice .regularPrice span, body .productItem .productPrice .regularPriceSpan{ color:#9CA3AF !important; -webkit-text-fill-color:#9CA3AF !important; font-family:'Poppins', Arial, sans-serif !important; font-size:18px !important; font-weight:400 !important; line-height:20px !important; text-decoration:line-through !important; } /* Mobilde biraz daha kompakt */ @media(max-width:768px){ body .productItem .productPrice .discountPrice, body .productItem .productPrice .discountPrice span, body .productItem .productPrice .discountPriceSpan, body .productItem .productPrice.IndirimVar .discountPrice, body .productItem .productPrice.IndirimVar .discountPrice span, body .productItem .productPrice.IndirimVar .discountPriceSpan{ font-size:16px !important; font-weight:500 !important; line-height:18px !important; letter-spacing:-.2px !important; } body .productItem .productPrice .regularPrice, body .productItem .productPrice .regularPrice span, body .productItem .productPrice .regularPriceSpan{ font-size:15px !important; font-weight:400 !important; line-height:18px !important; } } /* MOBİL - SİYAH SEPET KARTI FİYAT BOYUTU DÜZELTME */ @media(max-width:768px){ .productItem .productOnYazi .sepet-fiyat .sepet-price span, .productItem .productOnYazi .sepet-fiyat .sepet-price span *, body .productItem .productOnYazi .sepet-fiyat .sepet-price span{ font-size:16px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:-.2px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; } } /* Fırsat Ürünü etiketini kaldır */ .productItem .firsatIcon{ display:none !important; } /* Ticimax logosunu kaldır */ #divTicimaxCopyrightContent{ display:none !important; } /* TT-NAV-BEGIN ====================================================================== [TT-03.1] Premium footer DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-03.1] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - PREMIUM DARK FOOTER / FINAL TEMİZ Masaüstü: Mevcut tasarım korunur Mobil: + / - akordiyon sistemi ===================================================== */ #customFooterContent.footerTemp{ width:100%; float:left; position:relative; background: radial-gradient(circle at 20% 0%, rgba(255,255,255,.06), transparent 32%), radial-gradient(circle at 85% 20%, rgba(213,55,143,.10), transparent 28%), linear-gradient(180deg,#090B0F 0%,#030303 100%) !important; color:#fff !important; font-family:'Poppins','Archivo',Arial,sans-serif !important; overflow:hidden; } /* Genel container */ #customFooterContent .footerTempContainer.elementor-container{ max-width:1620px !important; width:100% !important; padding:0 56px !important; box-sizing:border-box; } /* Üst ana footer */ #customFooterContent section[data-id="s66q93k"]{ padding:72px 0 48px 0 !important; } #customFooterContent section[data-id="s66q93k"] .footerTempRow{ display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:58px !important; flex-wrap:nowrap !important; } /* Kolon oranları */ #customFooterContent section[data-id="s66q93k"] .footerTempColumnDiv{ width:auto !important; max-width:none !important; min-width:0 !important; flex:1 1 0 !important; } #customFooterContent section[data-id="s66q93k"] .footerTempColumnDiv[data-id="zgo6op5"]{ flex:1.35 1 0 !important; } #customFooterContent section[data-id="s66q93k"] .footerTempColumnDiv[data-id="b3rvpbe"]{ flex:1.75 1 0 !important; } /* Logo alanı */ #customFooterContent .footerimg{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; } #customFooterContent .footerimg a{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; } #customFooterContent .footerimg img{ max-width:150px !important; width:auto !important; height:auto !important; margin:0 0 28px 0 !important; } /* Logo altı açıklama */ #customFooterContent .footerTempColumnDiv[data-id="zgo6op5"] .footerimg::after{ content:"Şıklığı, rahatlığı ve kaliteyi bir araya getiriyoruz. Tarzınız bizimle tamamlanır."; display:block; max-width:295px; color:rgba(255,255,255,.64); font-size:14px; font-weight:400; line-height:1.75; margin-top:6px; } /* Footer başlıkları */ #customFooterContent .footerMenuTitle, #customFooterContent .eTempTitle1{ display:block !important; width:100% !important; color:#fff !important; font-size:19px !important; font-weight:700 !important; line-height:1.3 !important; letter-spacing:-.3px !important; margin:0 0 30px 0 !important; padding:0 !important; position:relative; } /* Masaüstü başlık altı pembe çizgi */ #customFooterContent .footerMenuTitle::after{ content:""; display:block !important; position:static !important; width:34px !important; height:1px !important; margin:14px 0 0 0 !important; background:#E24B97 !important; } /* Menü başlık boşlukları */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuTitle, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuTitle, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuTitle{ margin-bottom:26px !important; } /* Menü listeleri */ #customFooterContent .footerMenuAlt{ row-gap:17px !important; column-gap:0 !important; } #customFooterContent .footerMenuAlt li{ width:100%; } #customFooterContent .footerMenuAlt li a{ color:rgba(255,255,255,.70) !important; font-size:14px !important; font-weight:400 !important; line-height:1.35 !important; display:inline-flex !important; align-items:center !important; transition:.22s ease !important; } #customFooterContent .footerMenuAlt li a:hover{ color:#fff !important; transform:translateX(3px); } /* Menü okları */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuAlt li a::before, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuAlt li a::before, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuAlt li a::before{ content:"›"; display:inline-flex; align-items:center; justify-content:center; width:14px; margin-right:11px; color:rgba(255,255,255,.82); font-size:24px; font-weight:300; line-height:1; } /* İletişim alanı */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"]{ margin-top:28px !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt{ row-gap:13px !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li a{ color:#fff !important; font-size:15px !important; font-weight:500 !important; transform:none !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li a:hover{ transform:none !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li a::before{ width:42px; height:42px; margin-right:14px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.06); border-radius:50%; color:#fff; font-family:'FontAwesome'; font-size:16px; font-weight:300; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li:nth-child(1) a::before{ content:"\f095"; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li:nth-child(2) a::before{ content:"\f0e0"; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li:nth-child(3) a::before{ content:"\f16d"; font-family:'FontAwesomeBrands','FontAwesome'; } /* Bülten başlık */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="3hd5bef"] .eTempTitle1{ max-width:430px; font-size:25px !important; font-weight:800 !important; line-height:1.28 !important; margin-bottom:18px !important; } /* Boş açıklama alanına yazı ekle */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="3hd5bef"] .eTempTitle2::before{ content:"Kampanyalardan ve yeniliklerden ilk siz haberdar olun."; display:block; color:rgba(255,255,255,.58); font-size:14px; font-weight:400; line-height:1.6; margin:0 0 24px 0; } /* Newsletter input */ #customFooterContent .newsletterContent{ position:relative !important; width:100% !important; max-width:460px !important; height:58px !important; background:rgba(255,255,255,.105) !important; border:1px solid rgba(255,255,255,.045) !important; border-radius:16px !important; overflow:hidden !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 36px rgba(0,0,0,.18) !important; } #customFooterContent .newsletterContent #txtbxNewsletterMail{ width:100% !important; height:58px !important; padding:0 70px 0 22px !important; background:transparent !important; border:0 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:14px !important; font-weight:400 !important; outline:none !important; box-shadow:none !important; } #customFooterContent .newsletterContent #txtbxNewsletterMail::placeholder{ color:rgba(255,255,255,.68) !important; opacity:1; } #customFooterContent .newsletterContent #btnMailKaydet{ position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; width:58px !important; height:58px !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; font-size:0 !important; cursor:pointer; } #customFooterContent .newsletterContent #btnMailKaydet i{ display:none !important; } #customFooterContent .newsletterContent #btnMailKaydet::before{ content:"\f061"; font-family:'FontAwesome'; font-size:18px; font-weight:300; color:#fff; } /* Sosyal ikonlar */ #customFooterContent .ttFooterSocial{ display:flex !important; align-items:center !important; gap:13px !important; margin:30px 0 0 0 !important; padding:0 !important; list-style:none !important; } #customFooterContent .ttFooterSocial a{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.055); border-radius:50%; color:#fff !important; font-size:18px; transition:.22s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.16); } #customFooterContent .ttFooterSocial a:hover{ background:rgba(226,75,151,.20); border-color:rgba(226,75,151,.28); transform:translateY(-2px); } #customFooterContent .ttFooterSocial a svg{ width:20px !important; height:20px !important; display:block !important; stroke:currentColor !important; fill:none !important; } #customFooterContent .ttFooterSocial a svg .fillIcon, #customFooterContent .ttFooterSocial a .fillIcon{ fill:currentColor !important; stroke:none !important; } /* Güvence şeridi */ #customFooterContent #ttFooterGuvence{ width:100%; padding:0 0 34px 0 !important; background:transparent !important; } #customFooterContent #ttFooterGuvence .ttFooterTrustInner{ max-width:1620px; margin:0 auto; padding:38px 56px 0 56px; display:grid; grid-template-columns:repeat(4, 1fr); gap:0; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); box-sizing:border-box; } #customFooterContent .ttFooterTrustItem{ position:relative; display:flex; align-items:center; gap:17px; padding:0 42px 38px 42px; box-sizing:border-box; } #customFooterContent .ttFooterTrustItem:not(:last-child)::after{ content:""; position:absolute; top:4px; right:0; width:1px; height:64px; background:rgba(255,255,255,.13); } #customFooterContent .ttFooterTrustIcon{ width:54px; height:54px; min-width:54px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.055); border-radius:50%; color:#E24B97; font-family:'FontAwesome'; font-size:23px; font-weight:300; } #customFooterContent .ttFooterTrustTitle{ color:#fff; font-size:15px; font-weight:800; line-height:1.25; text-transform:uppercase; } #customFooterContent .ttFooterTrustDesc{ color:rgba(255,255,255,.58); font-size:13px; font-weight:400; line-height:1.45; margin-top:5px; } /* Copyright */ #customFooterContent section[data-id="rham1sk"]{ padding:36px 0 28px 0 !important; } #customFooterContent section[data-id="rham1sk"] .footerText, #customFooterContent section[data-id="rham1sk"] .footerText li{ justify-content:center !important; text-align:center !important; color:rgba(255,255,255,.55) !important; font-size:13px !important; font-weight:400 !important; } /* Kart logoları */ #customFooterContent section[data-id="232hium"]{ padding:8px 0 62px 0 !important; } #customFooterContent .footerBankLogo{ justify-content:center !important; align-items:center !important; margin-top:8px !important; } #customFooterContent .footerBankLogo img{ max-width:520px !important; width:auto !important; opacity:.82; filter:grayscale(20%); } /* ===================================================== MOBİL FOOTER ===================================================== */ @media(max-width:768px){ #customFooterContent{ overflow:hidden !important; } #customFooterContent .footerTempContainer.elementor-container{ padding:0 26px !important; box-sizing:border-box !important; } #customFooterContent section[data-id="s66q93k"]{ padding:44px 0 30px 0 !important; } #customFooterContent section[data-id="s66q93k"] .footerTempRow{ flex-direction:column !important; gap:26px !important; } #customFooterContent section[data-id="s66q93k"] .footerTempColumnDiv{ width:100% !important; max-width:100% !important; flex:auto !important; } /* Logo mobil */ #customFooterContent .footerimg, #customFooterContent .footerimg a{ align-items:center !important; justify-content:center !important; text-align:center !important; } #customFooterContent .footerimg img{ max-width:132px !important; margin:0 auto 18px auto !important; } #customFooterContent .footerTempColumnDiv[data-id="zgo6op5"] .footerimg::after{ display:none !important; content:none !important; } /* İletişim mobil */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"]{ margin-top:18px !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; row-gap:13px !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li a{ justify-content:flex-start !important; text-align:left !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="dh7dage"] .footerMenuAlt li a::before{ display:none !important; content:none !important; } /* Akordiyon menü kutuları */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenul, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenul, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenul{ width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Akordiyon başlıkları */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuTitle, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuTitle, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuTitle{ width:100% !important; min-height:34px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; position:relative !important; margin:0 !important; padding:0 38px 0 0 !important; color:#fff !important; font-size:17px !important; font-weight:800 !important; line-height:1.25 !important; cursor:pointer !important; user-select:none !important; box-sizing:border-box !important; } /* Mobilde pembe çizgi yerine + */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuTitle::after, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuTitle::after, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuTitle::after{ content:"+" !important; position:absolute !important; right:0 !important; top:50% !important; transform:translateY(-50%) !important; width:34px !important; height:34px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; border:0 !important; color:#E24B97 !important; font-size:24px !important; font-weight:400 !important; line-height:1 !important; text-align:center !important; border-radius:0 !important; } /* Açıkken - */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="80cp9ww"] .footerMenul.ttFooterOpen .footerMenuTitle::after, #customFooterContent .footerTempWidgetRepeat[data-widget-id="fcxy7xy"] .footerMenul.ttFooterOpen .footerMenuTitle::after, #customFooterContent .footerTempWidgetRepeat[data-widget-id="lb934up"] .footerMenul.ttFooterOpen .footerMenuTitle::after{ content:"−" !important; font-size:28px !important; transform:translateY(-52%) !important; } /* Akordiyon içerikleri kapalı başlasın */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuAlt, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuAlt, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuAlt{ display:none !important; width:100% !important; margin:12px 0 18px 0 !important; padding:0 !important; flex-direction:column !important; align-items:flex-start !important; gap:10px !important; row-gap:10px !important; } /* Açılınca içerik görünsün */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenul.ttFooterOpen .footerMenuAlt, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenul.ttFooterOpen .footerMenuAlt, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenul.ttFooterOpen .footerMenuAlt{ display:flex !important; } /* Menü linkleri */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuAlt li, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuAlt li, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuAlt li{ width:100% !important; margin:0 !important; padding:0 !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuAlt li a, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuAlt li a, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuAlt li a{ width:100% !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; color:rgba(255,255,255,.72) !important; font-size:14px !important; font-weight:500 !important; line-height:1.35 !important; padding:3px 0 !important; text-align:left !important; transform:none !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="wqdpt76"] .footerMenuAlt li a::before, #customFooterContent .footerTempWidgetRepeat[data-widget-id="934qfcy"] .footerMenuAlt li a::before, #customFooterContent .footerTempWidgetRepeat[data-widget-id="idn63jp"] .footerMenuAlt li a::before{ content:"›" !important; width:12px !important; min-width:12px !important; margin-right:9px !important; color:rgba(255,255,255,.55) !important; font-size:20px !important; font-weight:300 !important; line-height:1 !important; } /* Bülten mobil */ #customFooterContent .footerTempWidgetRepeat[data-widget-id="3hd5bef"] .eTempTitle1{ max-width:100%; font-size:21px !important; text-align:center !important; margin-bottom:18px !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="3hd5bef"] .eTempTitle1::after{ display:none !important; content:none !important; } #customFooterContent .footerTempWidgetRepeat[data-widget-id="3hd5bef"] .eTempTitle2::before{ text-align:center; font-size:13px; margin-bottom:18px; } #customFooterContent .newsletterContent{ max-width:100% !important; } #customFooterContent .ttFooterSocial{ justify-content:center !important; } /* Güvence şeridi mobil */ #customFooterContent #ttFooterGuvence .ttFooterTrustInner{ padding:28px 22px 0 22px; grid-template-columns:repeat(2, 1fr); row-gap:24px; } #customFooterContent .ttFooterTrustItem{ padding:0 16px 24px 16px; flex-direction:column; text-align:center; gap:10px; } #customFooterContent .ttFooterTrustItem:not(:last-child)::after{ display:none; } #customFooterContent .ttFooterTrustIcon{ width:46px; height:46px; min-width:46px; font-size:19px; } #customFooterContent .ttFooterTrustTitle{ font-size:12px; } #customFooterContent .ttFooterTrustDesc{ font-size:11.5px; } /* Copyright / banka logoları mobil */ #customFooterContent section[data-id="rham1sk"]{ padding:30px 0 22px 0 !important; } #customFooterContent section[data-id="232hium"]{ padding:6px 0 86px 0 !important; } #customFooterContent .footerBankLogo img{ max-width:320px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-04] 4'lü müşteri yorumları DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-04] ====================================================================== TT-NAV-END */ /* ===================================== TARZIM TUBA - 4'LÜ KAYDIRMALI YORUMLAR ===================================== */ #ttReviewSection{ width:100%; float:left; background:#F7F7F8; padding:48px 0 54px; font-family:'Poppins','Archivo',Arial,sans-serif; box-sizing:border-box; overflow:hidden; } #ttReviewSection .ttReviewInner{ max-width:1500px; margin:0 auto; padding:0 64px; box-sizing:border-box; } #ttReviewSection .ttReviewHead{ text-align:center; margin-bottom:30px; } #ttReviewSection .ttReviewHead h2{ color:#111; font-size:28px; font-weight:800; line-height:1.25; margin:0; letter-spacing:-.4px; } #ttReviewSection .ttReviewHead h2:after{ content:""; display:block; width:40px; height:2px; background:#E24B97; margin:13px auto 0; } #ttReviewSection .ttReviewHead p{ color:#555; font-size:14px; line-height:1.6; margin:16px 0 0; } .ttReviewCarousel{ position:relative; } .ttReviewViewport{ width:100%; overflow:hidden; } .ttReviewTrack{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch !important; transition:transform .35s ease; will-change:transform; } .ttReviewCard{ flex:0 0 25% !important; max-width:25% !important; min-height:170px; margin:0 !important; padding:26px 18px 22px !important; background:#fff !important; border:1px solid rgba(17,24,39,.08) !important; border-radius:14px !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.06) !important; text-align:center; box-sizing:border-box; position:relative; transform:scale(.96); } .ttReviewCard:not(:last-child){ margin-right:18px !important; } .ttReviewCard:before{ content:"“"; position:absolute; left:18px; top:18px; color:rgba(0,0,0,.12); font-size:44px; font-weight:800; line-height:1; } .ttReviewStars{ color:#000; font-size:15px; letter-spacing:3px; line-height:1; margin:0 0 17px 0; } .ttReviewQuote{ color:#111; font-size:16px; font-weight:800; font-style:italic; line-height:1.35; margin:0 0 11px 0; } .ttReviewName{ color:#333; font-size:12px; font-weight:400; margin:0 0 15px 0; } .ttReviewVerified{ display:flex; align-items:center; justify-content:center; gap:7px; color:#555; font-size:11.5px; font-weight:400; } .ttReviewVerified span{ width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; background:#FCE1ED; color:#E24B97; border-radius:50%; font-size:12px; font-weight:800; } .ttReviewBtn{ position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:42px; height:42px; border:1px solid rgba(0,0,0,.18); border-radius:50%; background:#fff; color:#111; font-size:30px; line-height:1; font-weight:300; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 22px rgba(0,0,0,.08); } .ttReviewPrev{ left:-54px; } .ttReviewNext{ right:-54px; } /* Mobil */ @media(max-width:768px){ #ttReviewSection{ padding:38px 0 42px; } #ttReviewSection .ttReviewInner{ padding:0 22px; } #ttReviewSection .ttReviewHead{ margin-bottom:24px; } #ttReviewSection .ttReviewHead h2{ font-size:22px; } #ttReviewSection .ttReviewHead p{ max-width:310px; margin:14px auto 0; font-size:13px; line-height:1.55; } .ttReviewCard{ flex:0 0 100% !important; max-width:100% !important; min-height:170px; padding:26px 20px 22px !important; transform:none; } .ttReviewCard:not(:last-child){ margin-right:0 !important; } .ttReviewCard:before{ left:20px; top:22px; font-size:46px; } .ttReviewStars{ font-size:15px; letter-spacing:3px; margin-bottom:18px; } .ttReviewQuote{ font-size:19px; } .ttReviewName{ font-size:12px; } .ttReviewVerified{ font-size:12px; } .ttReviewBtn{ width:38px; height:38px; font-size:26px; } .ttReviewPrev{ left:-8px; } .ttReviewNext{ right:-8px; } } /* TT-NAV-BEGIN ====================================================================== [TT-05] Instagram takip CTA DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-05] ====================================================================== TT-NAV-END */ /* TARZIM TUBA - INSTAGRAM TAKİP CTA */ #ttInstagramCTA{ width:100%; float:left; background:#fff; padding:34px 0 32px; font-family:'Poppins','Archivo',Arial,sans-serif; box-sizing:border-box; } #ttInstagramCTA .ttInstagramCTAInner{ width:calc(100% - 180px); max-width:1680px; margin:0 auto; padding:34px 56px; box-sizing:border-box; display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:34px; background: radial-gradient(circle at 10% 30%, rgba(226,75,151,.12), transparent 25%), radial-gradient(circle at 88% 45%, rgba(226,75,151,.08), transparent 22%), linear-gradient(135deg,#FFF7FA 0%,#FFF 52%,#FDF1F7 100%); border:1px solid rgba(226,75,151,.12); border-radius:22px; } .ttInstagramIconWrap{ display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(226,75,151,.25); min-height:104px; } .ttInstagramIcon{ width:86px; height:86px; display:flex; align-items:center; justify-content:center; border-radius:24px; background:linear-gradient(135deg,#FEDA75 0%,#FA7E1E 24%,#D62976 55%,#962FBF 78%,#4F5BD5 100%); color:#fff; font-size:58px; font-weight:400; line-height:1; box-shadow:0 16px 34px rgba(214,41,118,.22); } .ttInstagramText{ text-align:left; } .ttInstagramText h2{ color:#111; font-size:31px; font-weight:800; line-height:1.25; letter-spacing:-.5px; margin:0 0 10px; } .ttInstagramText h2 span{ color:#E24B97; } .ttInstagramText p{ color:#555; font-size:15px; line-height:1.6; margin:0; } .ttInstagramText p strong{ color:#E24B97; font-weight:800; } .ttInstagramBtn{ height:58px; padding:0 30px; display:inline-flex; align-items:center; justify-content:center; gap:16px; background:#111; color:#fff !important; border-radius:12px; font-size:15px; font-weight:800; white-space:nowrap; box-shadow:0 12px 26px rgba(0,0,0,.14); transition:.25s ease; } .ttInstagramBtn b{ font-size:24px; font-weight:400; line-height:1; } .ttInstagramBtn:hover{ background:#E24B97; color:#fff !important; transform:translateY(-2px); } /* Mobil - dokunmadım, aynı yapı */ @media(max-width:768px){ #ttInstagramCTA{ padding:28px 0 24px; } #ttInstagramCTA .ttInstagramCTAInner{ width:calc(100% - 44px); padding:28px 20px; grid-template-columns:1fr; gap:18px; text-align:center; border-radius:18px; } .ttInstagramIconWrap{ border-right:0; min-height:auto; } .ttInstagramIcon{ width:74px; height:74px; border-radius:20px; font-size:50px; margin:0 auto; } .ttInstagramText{ text-align:center; } .ttInstagramText h2{ font-size:22px; line-height:1.3; margin-bottom:10px; } .ttInstagramText p{ font-size:13.5px; line-height:1.55; } .ttInstagramBtn{ width:100%; height:52px; font-size:14px; border-radius:11px; } } .btnAddToCart{ display:none !important; } /* Ürün Detay - Ürün Kodu */ #divUrunKodu{ color:#8a8a8a !important; font-size:12px; font-weight:400; letter-spacing:.3px; } #divUrunKodu span{ color:#b8b8b8 !important; font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.8px; } /** MENÜ TASARIM BAŞLANGIÇ **/ .newHeaderNavigation{ width:90% !important; max-width:380px; } .newMenuTop{ background:#fff; height:60px; border-bottom:1px solid #eee; } .newHeaderNavUl li{ padding:18px 22px; font-size:16px; font-weight:500; border-bottom:1px solid #f2f2f2; } .newHeaderNavUl li:active{ background:#f8f8f8; } .newHeaderNavUl li{ display:flex; justify-content:space-between; align-items:center; } .newHeaderNavUl li:after{ content:"›"; font-size:22px; color:#999; } /* TT-NAV-BEGIN ====================================================================== [TT-06.1] Mobil menü premium düzeltme katmanı DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-06.1] ====================================================================== TT-NAV-END */ /* MOBİL MENÜ - TARZIM TUBA DÜZELTİLMİŞ PREMIUM */ @media (max-width: 768px){ .newHeaderNavigation{ width:90% !important; max-width:390px !important; background:#fff !important; box-shadow:0 0 28px rgba(0,0,0,.14) !important; z-index:999999 !important; } .newMenuTop{ height:52px !important; background:#111 !important; border-bottom:0 !important; } .menuCloseBtn{ right:18px !important; top:14px !important; color:#fff !important; } .menuCloseBtn i{ color:#fff !important; font-size:22px !important; } .newHeaderNavUl{ padding:0 !important; margin:0 !important; background:#fff !important; text-align:left !important; } .newHeaderNavUl:before{ display:none !important; content:none !important; } .newHeaderNavUl li{ min-height:56px !important; padding:0 20px !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; border-bottom:1px solid #f1f1f1 !important; background:#fff !important; text-align:left !important; position:relative !important; } .newHeaderNavUl li a{ flex:1 1 auto !important; width:auto !important; display:block !important; font-size:15px !important; font-weight:600 !important; color:#111 !important; letter-spacing:.1px !important; text-decoration:none !important; text-align:left !important; line-height:56px !important; padding:0 !important; margin:0 !important; } /* Eski bozuk emoji sistemini kapat */ .newHeaderNavUl li a:before{ content:none !important; display:none !important; } /* Emoji solda sabit dursun */ .newHeaderNavUl li:before{ width:26px !important; min-width:26px !important; height:26px !important; margin-right:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:17px !important; line-height:1 !important; } .newHeaderNavUl li:nth-child(1):before{ content:"✨" !important; } .newHeaderNavUl li:nth-child(2):before{ content:"💎" !important; } .newHeaderNavUl li:nth-child(3):before{ content:"👗" !important; } .newHeaderNavUl li:nth-child(4):before{ content:"🧥" !important; } .newHeaderNavUl li:nth-child(5):before{ content:"🧕" !important; } .newHeaderNavUl li:after{ content:"›" !important; margin-left:auto !important; font-size:18px !important; color:#b8b8b8 !important; font-weight:300 !important; line-height:1 !important; } .newHeaderNavUl li:active{ background:#f7f7f7 !important; } .newHeaderNavUl:after{ content:"⭐ 4.9 Müşteri Puanı\A🚚 Hızlı Kargo · 🔒 Güvenli Ödeme\A↺ Kolay Değişim"; white-space:pre-line !important; display:block !important; margin:26px 22px 0 !important; padding:17px 14px !important; background:#fff !important; border:1px solid #eeeeee !important; border-radius:16px !important; font-size:12.5px !important; font-weight:500 !important; line-height:1.85 !important; color:#333 !important; text-align:center !important; box-shadow:0 10px 26px rgba(0,0,0,.06) !important; } .newHeaderNavigation .svgIcon, .newHeaderNavigation svg{ display:none !important; } .jivo-widget, #jivo-iframe-container, [class*="jivo"]{ z-index:1 !important; } } /* MASAÜSTÜ HEADER MENÜ DÜZELTME */ @media (min-width: 769px){ #headerNew .header-nav-main, #headerNew .header-nav, #headerNew .newHeaderNavUl{ display:flex !important; align-items:center !important; } #headerNew .newHeaderNavUl{ gap:28px !important; padding:0 !important; margin:0 !important; list-style:none !important; } #headerNew .newHeaderNavUl li{ width:auto !important; min-width:auto !important; max-width:none !important; height:auto !important; min-height:auto !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; border:0 !important; background:transparent !important; white-space:nowrap !important; } #headerNew .newHeaderNavUl li a{ width:auto !important; display:flex !important; align-items:center !important; gap:6px !important; padding:0 !important; margin:0 !important; font-size:15px !important; font-weight:500 !important; line-height:1 !important; color:#111 !important; text-decoration:none !important; white-space:nowrap !important; } #headerNew .newHeaderNavUl li a br{ display:none !important; } #headerNew .newHeaderNavUl li:before{ display:none !important; content:none !important; } #headerNew .newHeaderNavUl li:after{ content:"›" !important; position:static !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-left:6px !important; font-size:17px !important; color:#999 !important; line-height:1 !important; } #headerNew .newHeaderNavUl:before, #headerNew .newHeaderNavUl:after{ display:none !important; content:none !important; } } /* Ürün liste isimleri */ .productName, .productItem .productName, .productItem .productName a, .productName a{ font-size:15px !important; font-weight:500 !important; color:#222 !important; line-height:1.35 !important; letter-spacing:0 !important; } /* Ürün liste - sepette indirim siyah kart compact */ body .productItem .productOnYazi{ margin-top:6px !important; margin-bottom:0 !important; padding:4px 6px 5px !important; min-height:0 !important; height:44px !important; line-height:1 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:0 !important; background:#000 !important; border-radius:5px !important; overflow:hidden !important; } /* İçindeki tüm yazıların gereksiz boşluklarını sıfırla */ body .productItem .productOnYazi *, body .productItem .productOnYazi p, body .productItem .productOnYazi span, body .productItem .productOnYazi div, body .productItem .productOnYazi strong, body .productItem .productOnYazi b{ margin:0 !important; padding:0 !important; line-height:1.05 !important; } /* Üst küçük yazı */ body .productItem .productOnYazi{ font-size:9px !important; font-weight:700 !important; color:#fff !important; } /* İçerideki büyük fiyat yazısı */ body .productItem .productOnYazi strong, body .productItem .productOnYazi b{ display:block !important; font-size:17px !important; font-weight:800 !important; line-height:17px !important; color:#fff !important; } /* TT-NAV-BEGIN ====================================================================== [TT-07.1] Anasayfa blog eski katman DURUM : LEGACY KATMAN / KORUNDU NOT : V2 aşağıda ayrıca bulunur. ARAMA : CTRL+F -> [TT-07.1] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - ANASAYFA BLOG BLOĞU Müşteri yorumlarının üstüne gelir ===================================================== */ #ttHomeBlogSection{ width:100%; clear:both; background:#fff; padding:46px 0 54px; box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; } #ttHomeBlogSection *{ box-sizing:border-box; } #ttHomeBlogSection .ttHomeBlogInner{ max-width:1420px; margin:0 auto; padding:0 42px; } #ttHomeBlogSection .ttHomeBlogHead{ text-align:center; margin-bottom:28px; } #ttHomeBlogSection .ttHomeBlogHead h2{ margin:0; color:#111; font-size:30px; line-height:1.2; font-weight:800; letter-spacing:-.4px; } #ttHomeBlogSection .ttHomeBlogHead span{ display:block; width:48px; height:3px; background:#d85b9a; border-radius:999px; margin:13px auto 0; } #ttHomeBlogSection .ttHomeBlogGrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; } #ttHomeBlogSection .ttHomeBlogCard{ display:flex; flex-direction:column; background:#fff; border:1px solid #eee; border-radius:18px; overflow:hidden; text-decoration:none !important; box-shadow:0 6px 22px rgba(0,0,0,.045); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } #ttHomeBlogSection .ttHomeBlogCard:hover{ transform:translateY(-5px); box-shadow:0 14px 34px rgba(0,0,0,.09); border-color:#f0d3df; } #ttHomeBlogSection .ttHomeBlogImage{ position:relative; width:100%; padding-bottom:56.25%; overflow:hidden; background:#f7f7f7; } #ttHomeBlogSection .ttHomeBlogImage img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; } #ttHomeBlogSection .ttHomeBlogCard:hover .ttHomeBlogImage img{ transform:scale(1.045); } #ttHomeBlogSection .ttHomeBlogBody{ flex:1; display:flex; flex-direction:column; padding:16px 16px 18px; } #ttHomeBlogSection .ttHomeBlogDate{ display:inline-flex; align-items:center; width:max-content; height:24px; padding:0 9px; border-radius:999px; background:#fff1f6; color:#c44683; font-size:11px; font-weight:700; margin-bottom:12px; } #ttHomeBlogSection .ttHomeBlogTitle{ margin:0 0 26px; color:#151515; font-size:17px; line-height:1.35; font-weight:800; min-height:70px; } #ttHomeBlogSection .ttHomeBlogBottom{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; } #ttHomeBlogSection .ttHomeBlogRead{ display:inline-flex; align-items:center; gap:6px; color:#777; font-size:13px; font-weight:600; white-space:nowrap; } #ttHomeBlogSection .ttHomeBlogCard:hover .ttHomeBlogRead{ color:#d85b9a; } #ttHomeBlogSection .ttHomeBlogBadge{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:30px; min-width:72px; padding:0 10px; border:1px solid #f3a6c8; background:#fff8fb; color:#d85b9a; border-radius:10px; font-size:11px; line-height:1; font-weight:800; letter-spacing:.03em; white-space:nowrap; transition:background .22s ease, color .22s ease, border-color .22s ease; } #ttHomeBlogSection .ttHomeBlogBadge:before{ content:"✦"; display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; border-radius:4px; background:#f7d8e7; color:#d85b9a; font-size:9px; line-height:1; } #ttHomeBlogSection .ttHomeBlogCard:hover .ttHomeBlogBadge{ background:#d85b9a; border-color:#d85b9a; color:#fff; } #ttHomeBlogSection .ttHomeBlogCard:hover .ttHomeBlogBadge:before{ background:#fff; color:#d85b9a; } @media(max-width:1199px){ #ttHomeBlogSection .ttHomeBlogGrid{ grid-template-columns:repeat(2,1fr); } #ttHomeBlogSection .ttHomeBlogTitle{ min-height:auto; } } @media(max-width:767px){ #ttHomeBlogSection{ padding:34px 0 38px; } #ttHomeBlogSection .ttHomeBlogInner{ padding:0 14px; } #ttHomeBlogSection .ttHomeBlogHead{ margin-bottom:22px; } #ttHomeBlogSection .ttHomeBlogHead h2{ font-size:24px; } #ttHomeBlogSection .ttHomeBlogGrid{ grid-template-columns:1fr; gap:16px; } #ttHomeBlogSection .ttHomeBlogCard{ border-radius:16px; } #ttHomeBlogSection .ttHomeBlogBody{ padding:15px 15px 16px; } #ttHomeBlogSection .ttHomeBlogTitle{ font-size:16px; margin-bottom:22px; } #ttHomeBlogSection .ttHomeBlogBadge{ height:28px; min-width:66px; font-size:10px; border-radius:9px; } } /* TT-NAV-BEGIN ====================================================================== [TT-08.1] Kargo zamanlayıcı DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-08.1] ====================================================================== TT-NAV-END */ /* ================================ TARZIM TUBA - KARGO ZAMANLAYICI ================================ */ .tt-kargo-strip { width: 100%; min-height: 34px; background: linear-gradient(135deg, #ff5757 0%, #9e005d 100%); color: #fff; font-family: 'Poppins', Arial, sans-serif; display: flex; align-items: center; justify-content: center; padding: 6px 12px; box-sizing: border-box; z-index: 99999; position: relative; } .tt-kargo-strip-inner { display: flex; align-items: center; justify-content: center; gap: 11px; width: 100%; text-align: center; line-height: 1.2; } .tt-kargo-icon { font-size: 17px; line-height: 1; flex-shrink: 0; } .tt-kargo-time { font-size: 15px; font-weight: 800; letter-spacing: 0.4px; white-space: nowrap; } .tt-kargo-separator { width: 1px; height: 15px; background: rgba(255,255,255,0.75); flex-shrink: 0; } .tt-kargo-text { font-size: 14px; font-weight: 600; white-space: nowrap; } @media (max-width: 768px) { .tt-kargo-strip { min-height: 30px; padding: 5px 8px; } .tt-kargo-strip-inner { gap: 7px; } .tt-kargo-icon { font-size: 15px; } .tt-kargo-time { font-size: 13px; letter-spacing: 0.2px; } .tt-kargo-separator { height: 13px; } .tt-kargo-text { font-size: 11.5px; white-space: normal; } } @media (max-width: 390px) { .tt-kargo-icon { font-size: 14px; } .tt-kargo-time { font-size: 12px; } .tt-kargo-text { font-size: 10.5px; } } /* ========================= BLOG MENÜSÜ - CANLI HALKA ========================= */ li.nav-item a[href="/blogs"] { color: #ff5757 !important; font-weight: 800 !important; display: flex !important; align-items: center !important; gap: 9px !important; } li.nav-item a[href="/blogs"] span { color: transparent !important; background: linear-gradient(135deg, #ff5757, #9e005d); -webkit-background-clip: text; background-clip: text; font-weight: 800 !important; } li.nav-item a[href="/blogs"] span::before { content: "" !important; width: 9px !important; height: 9px !important; display: inline-block !important; border-radius: 50% !important; background: #ff3b3b !important; margin-right: 9px !important; vertical-align: middle !important; box-shadow: 0 0 0 0 rgba(255, 59, 59, .7) !important; animation: ttBlogLivePulse 1.35s infinite !important; } @keyframes ttBlogLivePulse { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 59, .75); transform: scale(.92); } 70% { box-shadow: 0 0 0 8px rgba(255, 59, 59, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 59, 0); transform: scale(.92); } } /* Ürün liste kartı - Trendyol tarzı üst oval görsel */ .ProductList .productItem { border: 1px solid #e5e7eb !important; border-radius: 10px !important; overflow: hidden !important; background: #fff !important; } .ProductList .productItem .productImage { border-radius: 10px 10px 0 0 !important; overflow: hidden !important; } .ProductList .productItem .productImage a, .ProductList .productItem .productImage a.detailLink, .ProductList .productItem .productIconWrap, .ProductList .productItem .productImage .Videolu { border-radius: 10px 10px 0 0 !important; overflow: hidden !important; } .ProductList .productItem .productImage img { border-radius: 10px 10px 0 0 !important; overflow: hidden !important; } /* Kart iç boşluk */ .ProductList .productItem .productDetail { padding: 10px 10px 12px !important; box-sizing: border-box !important; } /* Ücretsiz kargo rozeti üst oval içinde düzgün dursun */ .ProductList .productItem .productIconEx { top: 8px !important; left: 8px !important; right: auto !important; z-index: 5 !important; } /* Favori sağ üstte Trendyol gibi dursun */ .ProductList .productItem .favori { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 8 !important; } /* Ürün görsel üstündeki gri boşluğu kaldır */ .ProductList .productItem .productImage, .ProductList .productItem .productImage a, .ProductList .productItem .productImage a.detailLink { background: #fff !important; } /* Görsel üst oval kalsın ama gri alan oluşmasın */ .ProductList .productItem .productImage img { background: #fff !important; border-radius: 10px 10px 0 0 !important; } /* Mobil ürün görsel gri alan düzeltme */ @media(max-width: 768px){ body .ProductList .productItem, body .ProductList .productItem .productImage, body .ProductList .productItem .productImage a, body .ProductList .productItem .productImage a.detailLink, body .ProductList .productItem .productIconWrap, body .ProductList .productItem .productImage .Videolu{ background:#fff !important; } body .ProductList .productItem .productImage{ border-radius:10px 10px 0 0 !important; overflow:hidden !important; } body .ProductList .productItem .productImage img, body .ProductList .productItem .productImage img.loaded, body .ProductList .productItem .productImage img.resimOrginal{ background:#fff !important; border-radius:10px 10px 0 0 !important; } } /* MOBİL ÜRÜN LİSTESİ - GÖRSELİ TAM DOLDUR / ÜST GRİ BOŞLUK KALDIR */ @media(max-width: 768px){ body .ProductList .productItem{ border-radius: 10px !important; overflow: hidden !important; background: #fff !important; } body .ProductList .productItem .productImage{ position: relative !important; overflow: hidden !important; border-radius: 10px 10px 0 0 !important; background: #fff !important; } body .ProductList .productItem .productImage a, body .ProductList .productItem .productImage a.detailLink, body .ProductList .productItem .productImage a.Videolu{ display: block !important; position: relative !important; padding-bottom: 150% !important; overflow: hidden !important; border-radius: 10px 10px 0 0 !important; background: #fff !important; } body .ProductList .productItem .productImage img, body .ProductList .productItem .productImage img.loaded, body .ProductList .productItem .productImage img.resimOrginal, body .ProductList .productItem .productImage a img{ position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: top center !important; border-radius: 10px 10px 0 0 !important; background: #fff !important; transform: none !important; } body .ProductList .productItem .productIconWrap, body .ProductList .productItem .productImage .Videolu{ overflow: hidden !important; border-radius: 10px 10px 0 0 !important; background: #fff !important; } } /* Ürün listesi - Bugün Kargoda */ .ProductList .productItem .tt-list-cargo { margin-top: 4px; margin-bottom: 3px; color: #16a34a; font-size: 12px; font-weight: 700; line-height: 1.2; text-align: left; } @media(max-width: 768px) { .ProductList .productItem .tt-list-cargo { font-size: 10.5px; margin-top: 3px; margin-bottom: 2px; line-height: 1.15; } } /* Masaüstü ürün liste - Bugün kargoda boşluk düzeltme */ @media(min-width: 769px){ .ProductList .productItem .tt-list-cargo{ margin-top: 6px !important; margin-bottom: 7px !important; font-size: 12px !important; line-height: 1.25 !important; } .ProductList .productItem .foxs-listing-badge{ margin-top: 0 !important; } } /* Bugün kargoda yazısını incelt */ .ProductList .productItem .tt-list-cargo{ font-weight:500 !important; letter-spacing:0 !important; } @media(max-width:768px){ .ProductList .productItem .tt-list-cargo{ font-weight:500 !important; } } /* ========================== KARGO DURUMU ========================== */ .ProductList .tt-list-cargo{ font-size:12px; font-weight:500; margin-top:6px; margin-bottom:7px; line-height:1.2; } .ProductList .tt-list-cargo.today{ color:#16a34a; } .ProductList .tt-list-cargo.tomorrow{ color:#f59e0b; } .ProductList .tt-list-cargo.monday{ color:#2563eb; } @media(max-width:768px){ .ProductList .tt-list-cargo{ font-size:10.5px; margin-top:3px; margin-bottom:3px; } } /* =============================== ÜRÜN LİSTE - KAYAN BİLGİ BADGE ================================ */ .ProductList .tt-card-badge-ticker { width: 100%; height: 20px; overflow: hidden; margin-top: 5px; margin-bottom: 5px; position: relative; line-height: 20px; } .ProductList .tt-card-badge-track { transition: transform .38s ease; will-change: transform; } .ProductList .tt-card-badge-item { height: 20px; display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; line-height: 20px; white-space: nowrap; } .ProductList .tt-card-badge-icon { width: 14px; min-width: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; } .ProductList .tt-card-badge-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Mobil */ @media(max-width:768px) { .ProductList .tt-card-badge-ticker { height: 18px; line-height: 18px; margin-top: 4px; margin-bottom: 4px; } .ProductList .tt-card-badge-item { height: 18px; line-height: 18px; font-size: 10.5px; gap: 4px; } .ProductList .tt-card-badge-icon { width: 12px; min-width: 12px; font-size: 10.5px; } } /* Kayan badge ürün puanının altında düzgün dursun */ .ProductList .foxs-listing-badge + .tt-card-badge-ticker { margin-top: 4px !important; margin-bottom: 5px !important; } @media(max-width:768px){ .ProductList .foxs-listing-badge + .tt-card-badge-ticker { margin-top: 3px !important; margin-bottom: 4px !important; } } /* Ürün Detay - Trendyol tarzı kayan sosyal kanıt */ .tt-detail-social-ticker{ width:100%; max-width:420px; height:30px; overflow:hidden; margin:10px 0 12px; font-family:'Poppins',Arial,sans-serif; } .tt-detail-social-track{ transition:transform .42s ease; will-change:transform; } .tt-detail-social-item{ height:30px; display:flex; align-items:center; gap:7px; font-size:14px; font-weight:500; line-height:30px; color:#333; white-space:nowrap; } .tt-detail-social-icon{ font-size:17px; line-height:1; flex-shrink:0; } .tt-detail-social-item b{ color:#f97316; font-weight:700; } .tt-detail-social-item.danger b, .tt-detail-social-item.danger .tt-detail-social-icon{ color:#ef4444; } .tt-detail-social-item.popular b, .tt-detail-social-item.popular .tt-detail-social-icon{ color:#f97316; } .tt-detail-social-item.favorite b, .tt-detail-social-item.favorite .tt-detail-social-icon{ color:#f97316; } @media(max-width:768px){ .tt-detail-social-ticker{ max-width:100%; height:28px; margin:8px 0 10px; } .tt-detail-social-item{ height:28px; line-height:28px; font-size:12.5px; gap:6px; } .tt-detail-social-icon{ font-size:15px; } } /* Ürün detay sosyal kanıt - satır hizalama düzeltme */ .ProductBody .tt-detail-social-ticker { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 460px !important; height: 30px !important; margin: 7px 0 18px !important; overflow: hidden !important; } .ProductBody .tt-detail-social-item { height: 30px !important; line-height: 30px !important; font-size: 14px !important; font-weight: 500 !important; } .ProductBody .tt-detail-social-item span { display: inline-flex !important; align-items: center !important; } .ProductBody .tt-detail-social-item b { font-weight: 700 !important; } /* Stok koduyla karışmasın */ .ProductBody #divUrunKodu { display: block !important; float: none !important; clear: both !important; margin-bottom: 2px !important; } /* Mobil */ @media(max-width: 768px) { .ProductBody .tt-detail-social-ticker { max-width: 100% !important; height: 28px !important; margin: 6px 0 15px !important; } .ProductBody .tt-detail-social-item { height: 28px !important; line-height: 28px !important; font-size: 12.5px !important; } } /* Ürün detay sosyal kanıt - yazı boşluk düzeltme */ .ProductBody .tt-detail-social-item span:not(.tt-detail-social-icon){ display: inline !important; align-items: initial !important; } .ProductBody .tt-detail-social-item b{ display: inline !important; margin: 0 3px !important; font-weight: 700 !important; } /* İkon ayrı düzgün kalsın */ .ProductBody .tt-detail-social-icon{ display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-right: 5px !important; } /* Ürün detay sosyal kanıt - emoji ile yazı arası boşluk düzeltme */ .ProductBody .tt-detail-social-item{ gap: 0 !important; } .ProductBody .tt-detail-social-icon{ margin-right: 3px !important; width: auto !important; min-width: auto !important; } .ProductBody .tt-detail-social-item span:not(.tt-detail-social-icon){ display: inline !important; } .ProductBody .tt-detail-social-item b{ display: inline !important; margin: 0 3px !important; } /* Ürün detay - Diğer Renkler boşluk düzeltme */ .ProductBody #productDetailRelated.ilgiliUrunSecenek { margin-top: 12px !important; padding-top: 0 !important; margin-bottom: 22px !important; clear: both !important; } /* Diğer Renkler başlığı */ .ProductBody #productDetailRelated .JKatAdi { margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.2 !important; } /* Renk görselleri */ .ProductBody #productDetailRelated > a { display: inline-block !important; vertical-align: top !important; margin: 0 8px 0 0 !important; padding: 0 !important; } /* Mobil */ @media(max-width: 768px) { .ProductBody #productDetailRelated.ilgiliUrunSecenek { margin-top: 10px !important; margin-bottom: 18px !important; } .ProductBody #productDetailRelated .JKatAdi { margin-bottom: 10px !important; } .ProductBody #productDetailRelated > a img { width: 54px !important; height: 70px !important; } } /* Ürün detay - Diğer Renkler tasarımını eski haline yaklaştır */ .ProductBody #productDetailRelated.ilgiliUrunSecenek{ margin-top: 10px !important; margin-bottom: 22px !important; padding-top: 0 !important; clear: both !important; } .ProductBody #productDetailRelated .JKatAdi{ margin: 0 0 12px 0 !important; padding: 0 !important; } .ProductBody #productDetailRelated .JKatAdi .satir1{ font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; } .ProductBody #productDetailRelated > a{ display: inline-block !important; margin: 0 8px 0 0 !important; padding: 0 !important; vertical-align: top !important; } .ProductBody #productDetailRelated > a img{ width: auto !important; height: auto !important; max-width: 75px !important; max-height: 95px !important; object-fit: initial !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; } /* Aktif renk seçeneği abartılı olmasın */ .ProductBody #productDetailRelated > a.active img{ border: 1px solid #111 !important; } /* Ürün detay - sosyal kanıt ile fiyat arası boşluk azaltma */ .ProductBody .tt-detail-social-ticker{ margin-top: 4px !important; margin-bottom: 2px !important; height: 26px !important; } .ProductBody .tt-detail-social-item{ height: 26px !important; line-height: 26px !important; } .ProductBody #pnlFiyatlar, .ProductBody #divFiyatAlanlari, .ProductBody .PriceList, .ProductBody .TopList{ margin-top: 0 !important; padding-top: 0 !important; } .ProductBody #divUrunKodu{ margin-bottom: 0 !important; padding-bottom: 0 !important; } @media(max-width:768px){ .ProductBody .tt-detail-social-ticker{ margin-top: 3px !important; margin-bottom: 0 !important; height: 24px !important; } .ProductBody .tt-detail-social-item{ height: 24px !important; line-height: 24px !important; } } /* Ürün detay - sosyal kanıt ve fiyat hizalama final düzeltme */ .ProductBody .tt-detail-social-ticker{ display:block !important; float:none !important; clear:both !important; width:100% !important; max-width:460px !important; height:28px !important; line-height:28px !important; overflow:hidden !important; margin:6px 0 12px 0 !important; padding:0 !important; position:relative !important; } .ProductBody .tt-detail-social-track{ display:block !important; transition:transform .42s ease !important; will-change:transform !important; } .ProductBody .tt-detail-social-item{ height:28px !important; line-height:28px !important; display:block !important; font-size:14px !important; font-weight:500 !important; white-space:nowrap !important; color:#333 !important; overflow:hidden !important; text-overflow:ellipsis !important; } .ProductBody .tt-detail-social-icon{ display:inline !important; margin-right:4px !important; width:auto !important; min-width:0 !important; } .ProductBody .tt-detail-social-item span:not(.tt-detail-social-icon){ display:inline !important; } .ProductBody .tt-detail-social-item b{ display:inline !important; margin:0 3px !important; font-weight:700 !important; color:#f97316 !important; } /* Fiyat alanı sosyal kanıtın üstüne binmesin */ .ProductBody .PriceList, .ProductBody #pnlFiyatlar, .ProductBody #divFiyatAlanlari{ transform:none !important; clear:both !important; margin-top:0 !important; padding-top:0 !important; } /* Sosyal kanıttan sonra fiyat doğal boşlukla gelsin */ .ProductBody .tt-detail-social-ticker + .PriceList, .ProductBody .tt-detail-social-ticker + #pnlFiyatlar, .ProductBody .tt-detail-social-ticker + #divFiyatAlanlari{ margin-top:4px !important; } /* Stok kodu ile sosyal kanıt arası */ .ProductBody #divUrunKodu{ display:block !important; float:none !important; clear:both !important; margin-bottom:2px !important; padding-bottom:0 !important; } /* Mobil */ @media(max-width:768px){ .ProductBody .tt-detail-social-ticker{ max-width:100% !important; height:26px !important; line-height:26px !important; margin:5px 0 10px 0 !important; } .ProductBody .tt-detail-social-item{ height:26px !important; line-height:26px !important; font-size:12.5px !important; } .ProductBody .PriceList, .ProductBody #pnlFiyatlar, .ProductBody #divFiyatAlanlari{ transform:none !important; } } /* Ürün detay - Diğer Renkler final düzeltme */ .ProductBody #productDetailRelated.ilgiliUrunSecenek{ margin-top: 14px !important; margin-bottom: 24px !important; padding: 0 !important; clear: both !important; } /* Başlık eski düzgün haline yakın */ .ProductBody #productDetailRelated .JKatAdi{ margin: 0 0 14px 0 !important; padding: 0 !important; line-height: 1.2 !important; } .ProductBody #productDetailRelated .JKatAdi .satir1{ display: block !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } /* Renk seçenek kutuları */ .ProductBody #productDetailRelated > a{ display: inline-flex !important; width: 58px !important; height: 76px !important; align-items: center !important; justify-content: center !important; vertical-align: top !important; margin: 0 8px 0 0 !important; padding: 0 !important; border: 1px solid transparent !important; background: #f7f7f7 !important; overflow: hidden !important; box-sizing: border-box !important; } /* Aktif renk */ .ProductBody #productDetailRelated > a.active{ border-color: #111 !important; } /* Görsel kutuyu tam doldursun, beyaz boşluk bırakmasın */ .ProductBody #productDetailRelated > a img{ display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; } /* İçteki gizli ekstra alan kesinlikle yer kaplamasın */ .ProductBody #productDetailRelated .productExtraInfo{ display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Mobil */ @media(max-width: 768px){ .ProductBody #productDetailRelated > a{ width: 54px !important; height: 70px !important; margin-right: 7px !important; } .ProductBody #productDetailRelated .JKatAdi .satir1{ font-size: 14px !important; } } /* Ürün detay - Diğer Renkler boyut düzeltme final */ .ProductBody #productDetailRelated.ilgiliUrunSecenek{ margin-top: 14px !important; margin-bottom: 24px !important; padding: 0 !important; clear: both !important; } .ProductBody #productDetailRelated .JKatAdi{ margin: 0 0 14px 0 !important; padding: 0 !important; } .ProductBody #productDetailRelated .JKatAdi .satir1{ display: block !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } /* Renk varyasyon kutuları - büyütüldü */ .ProductBody #productDetailRelated > a{ display: inline-flex !important; width: 82px !important; height: 108px !important; align-items: center !important; justify-content: center !important; vertical-align: top !important; margin: 0 10px 0 0 !important; padding: 0 !important; border: 1px solid #e5e5e5 !important; background: #f7f7f7 !important; overflow: hidden !important; box-sizing: border-box !important; } /* Aktif renk */ .ProductBody #productDetailRelated > a.active{ border: 1px solid #111 !important; } /* Görsel kutuyu tam doldursun */ .ProductBody #productDetailRelated > a img{ display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; } /* Gizli alan yer kaplamasın */ .ProductBody #productDetailRelated .productExtraInfo{ display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Mobil */ @media(max-width: 768px){ .ProductBody #productDetailRelated > a{ width: 72px !important; height: 94px !important; margin-right: 8px !important; } .ProductBody #productDetailRelated .JKatAdi .satir1{ font-size: 14px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-07.2] Anasayfa blog V2 DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-07.2] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - ANASAYFA BLOG BLOĞU V2 4 BLOG + SAĞDA DİĞER BLOGLARI KEŞFET Bunu CSS dosyasının EN ALTINA ekle ===================================================== */ #ttHomeBlogSection{ width:100% !important; clear:both !important; background:#fff !important; padding:52px 0 58px !important; box-sizing:border-box !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; } #ttHomeBlogSection *{ box-sizing:border-box !important; } #ttHomeBlogSection .ttHomeBlogInner{ max-width:1420px !important; margin:0 auto !important; padding:0 42px !important; } #ttHomeBlogSection .ttHomeBlogTop{ display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:20px !important; margin-bottom:30px !important; } #ttHomeBlogSection .ttHomeBlogHead{ text-align:left !important; margin:0 !important; } #ttHomeBlogSection .ttHomeBlogHead h2{ margin:0 !important; color:#111 !important; font-size:34px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:-.5px !important; } #ttHomeBlogSection .ttHomeBlogHead span{ display:block !important; width:54px !important; height:3px !important; background:#d85b9a !important; border-radius:999px !important; margin:15px 0 0 !important; } #ttHomeBlogSection .ttHomeBlogAllBtn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; height:46px !important; padding:0 26px !important; border:1px solid #e45b99 !important; border-radius:8px !important; color:#d85b9a !important; background:#fff !important; text-decoration:none !important; font-size:15px !important; font-weight:700 !important; transition:.22s ease !important; white-space:nowrap !important; } #ttHomeBlogSection .ttHomeBlogAllBtn:hover{ background:#d85b9a !important; color:#fff !important; } #ttHomeBlogSection .ttHomeBlogGrid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:22px !important; } #ttHomeBlogSection .ttHomeBlogCard{ display:flex !important; flex-direction:column !important; background:#fff !important; border:1px solid #eee !important; border-radius:18px !important; overflow:hidden !important; text-decoration:none !important; box-shadow:0 6px 22px rgba(0,0,0,.045) !important; transition:.22s ease !important; } #ttHomeBlogSection .ttHomeBlogCard:hover{ transform:translateY(-5px) !important; box-shadow:0 14px 34px rgba(0,0,0,.09) !important; border-color:#f0d3df !important; } #ttHomeBlogSection .ttHomeBlogImage{ position:relative !important; width:100% !important; padding-bottom:56.25% !important; overflow:hidden !important; background:#f7f7f7 !important; } #ttHomeBlogSection .ttHomeBlogImage img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; transition:.45s ease !important; } #ttHomeBlogSection .ttHomeBlogCard:hover .ttHomeBlogImage img{ transform:scale(1.045) !important; } #ttHomeBlogSection .ttHomeBlogBody{ flex:1 !important; display:flex !important; flex-direction:column !important; padding:16px 16px 18px !important; } #ttHomeBlogSection .ttHomeBlogDate{ display:inline-flex !important; align-items:center !important; width:max-content !important; height:24px !important; padding:0 9px !important; border-radius:999px !important; background:#fff1f6 !important; color:#c44683 !important; font-size:11px !important; font-weight:700 !important; margin-bottom:12px !important; } #ttHomeBlogSection .ttHomeBlogTitle{ margin:0 0 26px !important; color:#151515 !important; font-size:17px !important; line-height:1.35 !important; font-weight:800 !important; min-height:70px !important; } #ttHomeBlogSection .ttHomeBlogBottom{ margin-top:auto !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; } #ttHomeBlogSection .ttHomeBlogRead{ display:inline-flex !important; align-items:center !important; gap:6px !important; color:#777 !important; font-size:13px !important; font-weight:600 !important; white-space:nowrap !important; } #ttHomeBlogSection .ttHomeBlogBadge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; height:30px !important; min-width:72px !important; padding:0 10px !important; border:1px solid #f3a6c8 !important; background:#fff8fb !important; color:#d85b9a !important; border-radius:10px !important; font-size:11px !important; font-weight:800 !important; white-space:nowrap !important; } #ttHomeBlogSection .ttHomeBlogBadge:before{ content:"✦" !important; width:14px !important; height:14px !important; border-radius:4px !important; background:#f7d8e7 !important; color:#d85b9a !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:9px !important; } @media(max-width:1199px){ #ttHomeBlogSection .ttHomeBlogGrid{ grid-template-columns:repeat(2,1fr) !important; } } @media(max-width:767px){ #ttHomeBlogSection{ padding:36px 0 42px !important; } #ttHomeBlogSection .ttHomeBlogInner{ padding:0 14px !important; } #ttHomeBlogSection .ttHomeBlogTop{ display:block !important; text-align:center !important; } #ttHomeBlogSection .ttHomeBlogHead{ text-align:center !important; } #ttHomeBlogSection .ttHomeBlogHead h2{ font-size:25px !important; } #ttHomeBlogSection .ttHomeBlogHead span{ margin:12px auto 18px !important; } #ttHomeBlogSection .ttHomeBlogAllBtn{ height:42px !important; padding:0 20px !important; font-size:13px !important; margin-bottom:6px !important; } #ttHomeBlogSection .ttHomeBlogGrid{ grid-template-columns:1fr !important; gap:16px !important; } #ttHomeBlogSection .ttHomeBlogTitle{ min-height:auto !important; font-size:16px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-08.2] Ürün görseli altı kargo şeridi DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-08.2] ====================================================================== TT-NAV-END */ /* ======================================================= TARZIM TUBA - ÜRÜN GÖRSELİ ALTI İNCE KARGO ŞERİDİ ======================================================= */ /* Eski başlık altındaki Bugün Kargoda yazısını gizle */ .ProductList .productItem .tt-list-cargo{ display:none !important; } /* Görsel altı yeşil şerit */ .ProductList .productItem .tt-cargo-ribbon{ width:100% !important; height:18px !important; line-height:18px !important; display:block !important; clear:both !important; background:#159947 !important; color:#fff !important; text-align:center !important; font-size:12px !important; font-weight:400 !important; letter-spacing:0 !important; font-family:'Poppins', Arial, sans-serif !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; border-radius:0 !important; } /* Yarın / Pazartesi de aynı şerit düzeninde kalsın */ .ProductList .productItem .tt-cargo-ribbon[data-cargo-status="tomorrow"], .ProductList .productItem .tt-cargo-ribbon[data-cargo-status="monday"]{ background:#159947 !important; color:#fff !important; } /* Mobilde biraz daha ince */ @media(max-width:768px){ .ProductList .productItem .tt-cargo-ribbon{ height:16px !important; line-height:16px !important; font-size:10.5px !important; font-weight:400 !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-09.1] Ürün liste favori widget DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-09.1] ====================================================================== TT-NAV-END */ /* ======================================================= TARZIM TUBA - ÜRÜN LİSTE FAVORİ WIDGET ======================================================= */ .ProductList .productItem .tt-fav-widget{ width:100% !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; margin:5px 0 3px !important; padding:0 !important; font-family:'Poppins', Arial, sans-serif !important; font-size:13px !important; line-height:16px !important; font-weight:600 !important; color:#f58220 !important; text-align:left !important; clear:both !important; } .ProductList .productItem .tt-fav-widget .tt-fav-icon{ font-size:14px !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; } .ProductList .productItem .tt-fav-widget .tt-fav-text{ color:#f58220 !important; font-size:13px !important; line-height:16px !important; font-weight:600 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } @media(max-width:768px){ .ProductList .productItem .tt-fav-widget{ margin:3px 0 2px !important; font-size:10.5px !important; line-height:13px !important; gap:3px !important; } .ProductList .productItem .tt-fav-widget .tt-fav-icon{ font-size:11px !important; } .ProductList .productItem .tt-fav-widget .tt-fav-text{ font-size:10.5px !important; line-height:13px !important; font-weight:600 !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-08.3] Kargo şeridi renkleri DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-08.3] ====================================================================== TT-NAV-END */ /* ======================================================= TARZIM TUBA - ZAMANLAYICILI KARGO ŞERİDİ RENKLERİ ======================================================= */ /* Eski ürün ismi altındaki kargo yazısını gizle */ .ProductList .productItem .tt-list-cargo{ display:none !important; } /* Ortak şerit tasarımı */ .ProductList .productItem .tt-cargo-ribbon{ width:100% !important; height:16px !important; line-height:16px !important; display:block !important; clear:both !important; color:#fff !important; text-align:center !important; font-family:'Poppins', Arial, sans-serif !important; font-size:11px !important; font-weight:400 !important; letter-spacing:0 !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; border-radius:0 !important; } /* Bugün Kargoda - Yeşil */ .ProductList .productItem .tt-cargo-ribbon[data-cargo-status="today"]{ background:linear-gradient(90deg, #0c8f3a 0%, #18b957 100%) !important; } /* Yarın Kargoda - Trendyol tarzı sarı/turuncu gradyant */ .ProductList .productItem .tt-cargo-ribbon[data-cargo-status="tomorrow"]{ background:linear-gradient(90deg, #ffb300 0%, #ff7a00 100%) !important; } /* Pazartesi Kargoda - Mavi */ .ProductList .productItem .tt-cargo-ribbon[data-cargo-status="monday"]{ background:linear-gradient(90deg, #1689d8 0%, #075ec8 100%) !important; } /* Mobilde biraz daha ince */ @media(max-width:768px){ .ProductList .productItem .tt-cargo-ribbon{ height:15px !important; line-height:15px !important; font-size:10px !important; font-weight:400 !important; } } /* Kargo şeridi bir tık büyütme */ .ProductList .productItem .tt-cargo-ribbon{ height:19px !important; line-height:19px !important; font-size:11.5px !important; } /* Mobil */ @media(max-width:768px){ .ProductList .productItem .tt-cargo-ribbon{ height:18px !important; line-height:18px !important; font-size:11px !important; } } html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } #body, #wrapper, .wrapper, .container, .main, .homepage, .ProductList, .categoryPage { max-width: 100% !important; overflow-x: hidden !important; } img, video, iframe { max-width: 100% !important; } /* TT-NAV-BEGIN ====================================================================== [TT-03.2] Mobil footer son düzeltme DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-03.2] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - MOBİL FOOTER SON DÜZELTME ===================================================== */ @media (max-width:768px){ /* Pembe çizgiyi tamamen kaldır */ #customFooterContent .footerMenuTitle::before{ display:none !important; content:none !important; } #customFooterContent .footerMenuTitle::after{ content:"+" !important; position:absolute !important; right:0 !important; top:50% !important; transform:translateY(-50%) !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; background:none !important; border:none !important; box-shadow:none !important; color:#E24B97 !important; font-size:24px !important; font-weight:400 !important; line-height:1 !important; } /* Açıkken - */ #customFooterContent .footerMenul.ttFooterOpen > li > .footerMenuTitle::after{ content:"−" !important; } /* Açılınca çıkan beyaz çizgileri kaldır */ #customFooterContent .footerMenul, #customFooterContent .footerMenul > li, #customFooterContent .footerMenuTitle, #customFooterContent .footerMenuAlt{ border:none !important; border-top:none !important; border-bottom:none !important; box-shadow:none !important; outline:none !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-02] Anasayfa güven avantajları DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-02] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - ANASAYFA 4'LÜ GÜVEN AVANTAJLARI ===================================================== */ #ttHomeTrustSection{ width:100% !important; clear:both !important; float:left !important; background: radial-gradient(circle at 12% 18%, rgba(226,75,151,.08), transparent 28%), radial-gradient(circle at 88% 70%, rgba(226,75,151,.07), transparent 26%), linear-gradient(180deg,#fff 0%,#fff8fb 100%) !important; padding:22px 0 30px !important; box-sizing:border-box !important; font-family:'Poppins','Archivo',Arial,sans-serif !important; overflow:hidden !important; } #ttHomeTrustSection *{ box-sizing:border-box !important; } #ttHomeTrustSection .ttHomeTrustInner{ width:calc(100% - 180px) !important; max-width:1420px !important; margin:0 auto !important; } #ttHomeTrustSection .ttHomeTrustHead{ text-align:center !important; margin:0 0 18px !important; } #ttHomeTrustSection .ttHomeTrustHead h2{ margin:0 !important; color:#111 !important; font-size:26px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:-.35px !important; } #ttHomeTrustSection .ttHomeTrustHead span{ display:block !important; width:42px !important; height:3px !important; border-radius:999px !important; background:#e24b97 !important; margin:11px auto 0 !important; } #ttHomeTrustSection .ttHomeTrustGrid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:22px !important; align-items:stretch !important; } #ttHomeTrustSection .ttHomeTrustCard{ min-height:118px !important; display:flex !important; align-items:center !important; gap:18px !important; padding:20px 22px !important; border-radius:16px !important; background: linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(255,247,251,.96) 100%) !important; border:1px solid rgba(226,75,151,.18) !important; box-shadow:0 12px 32px rgba(17,17,17,.055) !important; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } #ttHomeTrustSection .ttHomeTrustCard:hover{ transform:translateY(-4px) !important; border-color:rgba(226,75,151,.34) !important; box-shadow:0 18px 42px rgba(226,75,151,.13) !important; } #ttHomeTrustSection .ttHomeTrustIcon{ width:70px !important; height:70px !important; min-width:70px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background: radial-gradient(circle at 35% 30%, #fff 0%, #ffeaf3 48%, #ffd7e8 100%) !important; border:1px solid rgba(226,75,151,.24) !important; box-shadow:0 10px 24px rgba(226,75,151,.12) !important; color:#e24b97 !important; } #ttHomeTrustSection .ttHomeTrustIcon svg{ width:38px !important; height:38px !important; display:block !important; fill:none !important; stroke:currentColor !important; stroke-width:1.75 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } #ttHomeTrustSection .ttHomeTrustText{ min-width:0 !important; text-align:left !important; } #ttHomeTrustSection .ttHomeTrustText h3{ margin:0 0 8px !important; color:#111 !important; font-size:16px !important; line-height:1.22 !important; font-weight:800 !important; letter-spacing:-.2px !important; } #ttHomeTrustSection .ttHomeTrustText p{ margin:0 !important; color:#555 !important; font-size:12.5px !important; line-height:1.45 !important; font-weight:500 !important; } /* Tablet */ @media(max-width:1199px){ #ttHomeTrustSection .ttHomeTrustInner{ width:calc(100% - 70px) !important; } #ttHomeTrustSection .ttHomeTrustGrid{ grid-template-columns:repeat(2,1fr) !important; gap:16px !important; } } /* Mobil */ @media(max-width:768px){ #ttHomeTrustSection{ padding:24px 0 28px !important; } #ttHomeTrustSection .ttHomeTrustInner{ width:100% !important; padding:0 14px !important; } #ttHomeTrustSection .ttHomeTrustHead{ margin-bottom:18px !important; } #ttHomeTrustSection .ttHomeTrustHead h2{ font-size:22px !important; } #ttHomeTrustSection .ttHomeTrustGrid{ grid-template-columns:1fr !important; gap:12px !important; } #ttHomeTrustSection .ttHomeTrustCard{ min-height:96px !important; padding:16px 16px !important; gap:14px !important; border-radius:14px !important; } #ttHomeTrustSection .ttHomeTrustIcon{ width:58px !important; height:58px !important; min-width:58px !important; } #ttHomeTrustSection .ttHomeTrustIcon svg{ width:31px !important; height:31px !important; } #ttHomeTrustSection .ttHomeTrustText h3{ font-size:15px !important; margin-bottom:5px !important; } #ttHomeTrustSection .ttHomeTrustText p{ font-size:12px !important; line-height:1.38 !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-10] Bedenini Bul / ürün detay DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-10] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - BEDENİNİ BUL / ÜRÜN DETAY - COMPACT ===================================================== */ .tt-beden-bul-widget{ width:100%; box-sizing:border-box; margin:16px 0 14px; padding:12px 11px 11px; background:#fff; border:1px solid #dedede; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.055); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; } .tt-beden-bul-head{ display:flex; align-items:center; gap:9px; margin-bottom:10px; } .tt-beden-bul-icon{ width:34px; height:34px; border-radius:50%; background:#effaf3; display:flex; align-items:center; justify-content:center; flex-shrink:0; } .tt-beden-bul-icon svg{ width:21px; height:21px; stroke:#16a34a; } .tt-beden-bul-title{ font-size:16px; line-height:1.15; font-weight:800; color:#111827; margin:0 0 3px; } .tt-beden-bul-desc{ font-size:12px; line-height:1.32; font-weight:400; color:#374151; margin:0; } .tt-beden-bul-form{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; } .tt-beden-field{ position:relative; } .tt-beden-field label{ display:block; font-size:11px; font-weight:700; color:#111827; margin:0 0 5px; } .tt-beden-field input{ width:100%; height:41px; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:9px; background:#fff; padding:0 10px; font-size:14px; font-weight:500; color:#111827; outline:none; transition:.2s ease; } .tt-beden-field input::placeholder{ color:#9ca3af; } .tt-beden-field input:focus{ border-color:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.11); } .tt-beden-oner-btn{ width:100%; height:43px; margin-top:10px; border:0; border-radius:9px; background:linear-gradient(135deg,#00a63e,#13b94f); color:#fff; font-size:14px; font-weight:800; cursor:pointer; text-align:center; transition:.2s ease; } .tt-beden-oner-btn:active{ transform:scale(.98); } .tt-beden-result{ display:none; align-items:center; justify-content:center; gap:6px; width:max-content; max-width:100%; margin:10px auto 0; padding:7px 14px; border-radius:999px; border:1px solid #baf7cf; background:#f0fff5; color:#0f9f3f; font-size:13px; font-weight:700; line-height:1.2; position:relative; overflow:hidden; transform:translateZ(0); } .tt-beden-result svg{ width:15px; height:15px; fill:#16a34a; flex-shrink:0; } /* Sonuç çıktığında dikkat çeken hafif efekt */ .tt-beden-result.tt-beden-result-effect{ animation:ttBedenResultPop 1.15s ease both; } .tt-beden-result.tt-beden-result-effect::after{ content:""; position:absolute; top:0; left:-80%; width:45%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent); transform:skewX(-20deg); animation:ttBedenResultShine 1.05s ease both; } @keyframes ttBedenResultPop{ 0%{ transform:scale(.96); box-shadow:0 0 0 rgba(34,197,94,0); } 35%{ transform:scale(1.045); box-shadow:0 7px 18px rgba(34,197,94,.20); } 70%{ transform:scale(1); box-shadow:0 4px 12px rgba(34,197,94,.13); } 100%{ transform:scale(1); box-shadow:none; } } @keyframes ttBedenResultShine{ 0%{ left:-80%; } 100%{ left:130%; } } .tt-beden-error{ display:none; margin-top:8px; padding:8px 9px; border-radius:8px; background:#fff7ed; color:#c2410c; font-size:11px; font-weight:600; line-height:1.35; } .tt-beden-note{ margin-top:8px; font-size:10.5px; line-height:1.32; color:#8a8f9b; text-align:center; } .tt-beden-recommended-size{ border-color:#16a34a !important; box-shadow:0 0 0 2px rgba(34,197,94,.14) !important; } /* Mobil dar ekran ayarı */ @media(max-width:480px){ .tt-beden-bul-widget{ margin:15px 0 13px; padding:11px 10px 10px; border-radius:11px; } .tt-beden-bul-head{ gap:8px; margin-bottom:9px; } .tt-beden-bul-icon{ width:32px; height:32px; } .tt-beden-bul-icon svg{ width:19px; height:19px; } .tt-beden-bul-title{ font-size:15px; } .tt-beden-bul-desc{ font-size:11.5px; } .tt-beden-bul-form{ gap:7px; margin-top:8px; } .tt-beden-field label{ font-size:10.5px; margin-bottom:4px; } .tt-beden-field input{ height:39px; font-size:13.5px; border-radius:8px; padding:0 9px; } .tt-beden-oner-btn{ height:41px; margin-top:9px; font-size:13.5px; border-radius:8px; } .tt-beden-result{ font-size:12.5px; padding:7px 13px; margin-top:9px; } .tt-beden-note{ font-size:10px; } } /* TT-NAV-BEGIN ====================================================================== [TT-06.2] Özel mobil kartlı menü V5.1 DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-06.2] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - ÖZEL MOBİL KARTLI MENÜ FINAL V5.1 Beden Asistanı rozet hizası düzeltildi ===================================================== */ @media(max-width:1099px){ body.tt-mobile-menu-open{ overflow:hidden !important; touch-action:none !important; } body.tt-custom-menu-ready .newHeaderNavigation.mobileStyle, body.tt-mobile-menu-open .newHeaderNavigation.mobileStyle, body.tt-mobile-menu-open .mobilMenu, body.tt-mobile-menu-open .mobileMenu{ visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } body.tt-mobile-menu-open .mobilaf{ display:none !important; opacity:0 !important; visibility:hidden !important; } .tt-mobile-menu-overlay{ position:fixed !important; inset:0 !important; background:rgba(0,0,0,.60) !important; z-index:999998 !important; opacity:0 !important; visibility:hidden !important; transition:.24s ease !important; } .tt-mobile-menu-overlay.active{ opacity:1 !important; visibility:visible !important; } .tt-custom-mobile-menu{ position:fixed !important; top:0 !important; left:0 !important; width:82vw !important; max-width:330px !important; height:100vh !important; background:#f7f7f8 !important; z-index:999999 !important; transform:translateX(-105%) !important; transition:transform .28s ease !important; box-shadow:14px 0 35px rgba(0,0,0,.24) !important; overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch !important; padding:8px 8px 22px !important; box-sizing:border-box !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important; } .tt-custom-mobile-menu.active{ transform:translateX(0) !important; } .tt-custom-mobile-menu *{ box-sizing:border-box !important; } .tt-mobile-menu-close{ position:fixed !important; top:18px !important; left:calc(min(82vw, 330px) + 16px) !important; width:48px !important; height:48px !important; border:0 !important; border-radius:50% !important; background:rgba(17,24,39,.88) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; box-shadow:0 10px 24px rgba(0,0,0,.26) !important; color:#fff !important; font-size:0 !important; z-index:1000000 !important; opacity:0 !important; visibility:hidden !important; transition:.24s ease !important; cursor:pointer !important; } .tt-mobile-menu-close.active{ opacity:1 !important; visibility:visible !important; } .tt-mobile-menu-close:before, .tt-mobile-menu-close:after{ content:"" !important; position:absolute !important; left:14px !important; top:23px !important; width:21px !important; height:2.5px !important; border-radius:999px !important; background:#fff !important; } .tt-mobile-menu-close:before{ transform:rotate(45deg) !important; } .tt-mobile-menu-close:after{ transform:rotate(-45deg) !important; } .tt-mobile-menu-banner{ display:block !important; width:100% !important; min-height:112px !important; border-radius:6px !important; overflow:hidden !important; margin:0 0 8px !important; background:linear-gradient(135deg,#111827 0%,#d91b72 100%) !important; color:#fff !important; position:relative !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(0,0,0,.10) !important; } .tt-mobile-menu-banner:before{ content:"" !important; position:absolute !important; right:-32px !important; top:-38px !important; width:120px !important; height:120px !important; border-radius:50% !important; background:rgba(255,255,255,.14) !important; } .tt-mobile-menu-banner:after{ content:"" !important; position:absolute !important; right:20px !important; bottom:14px !important; width:70px !important; height:70px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.25) !important; } .tt-mobile-menu-banner-inner{ position:relative !important; z-index:2 !important; padding:16px 14px !important; display:block !important; } .tt-mobile-menu-banner-small{ display:block !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; opacity:.9 !important; margin-bottom:5px !important; text-transform:uppercase !important; letter-spacing:.2px !important; } .tt-mobile-menu-banner-title{ display:block !important; font-size:23px !important; line-height:1.05 !important; font-weight:950 !important; letter-spacing:-.5px !important; margin-bottom:7px !important; } .tt-mobile-menu-banner-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:24px !important; padding:0 10px !important; border-radius:999px !important; background:#fff !important; color:#111827 !important; font-size:10px !important; font-weight:900 !important; } .tt-mobile-menu-nav{ display:block !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; } .tt-mobile-menu-nav > li{ width:100% !important; margin:0 0 6px !important; padding:0 !important; list-style:none !important; } .tt-mobile-menu-link{ width:100% !important; min-height:56px !important; border:1px solid #dedede !important; border-radius:6px !important; background:#fff !important; display:grid !important; grid-template-columns:48px minmax(0,1fr) 24px !important; align-items:center !important; gap:10px !important; padding:0 10px 0 0 !important; color:#111827 !important; text-decoration:none !important; overflow:hidden !important; box-shadow:0 1px 0 rgba(0,0,0,.02) !important; transition:.16s ease !important; position:relative !important; } .tt-mobile-menu-link:active{ transform:scale(.99) !important; background:#fff6fa !important; } .tt-mobile-menu-thumb{ width:48px !important; height:56px !important; border-radius:5px 0 0 5px !important; overflow:hidden !important; background:#f1f1f1 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; color:#d91b72 !important; font-size:22px !important; font-weight:900 !important; } .tt-mobile-menu-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } .tt-mobile-menu-title-wrap{ display:flex !important; flex-direction:column !important; justify-content:center !important; min-width:0 !important; } .tt-mobile-menu-title{ display:block !important; min-width:0 !important; color:#111827 !important; font-size:14px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:.2px !important; text-transform:uppercase !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .tt-mobile-menu-arrow{ width:24px !important; height:24px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#111827 !important; font-size:24px !important; line-height:1 !important; font-weight:300 !important; transition:.18s ease !important; } .tt-mobile-menu-new-sub{ display:block !important; margin-top:4px !important; color:#ef2b2d !important; font-size:11px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.4px !important; text-transform:uppercase !important; } /* BLOG - canlı kırmızı nokta */ .tt-mobile-menu-item-blog .tt-mobile-menu-thumb{ background:transparent !important; } .tt-mobile-menu-live-dot{ width:10px !important; height:10px !important; border-radius:50% !important; background:#ff3b4f !important; position:relative !important; display:block !important; box-shadow:0 0 0 6px rgba(255,59,79,.10) !important; animation:ttBlogLivePulse 1.35s ease-out infinite !important; } @keyframes ttBlogLivePulse{ 0%{ transform:scale(.9); box-shadow:0 0 0 0 rgba(255,59,79,.45); } 70%{ transform:scale(1); box-shadow:0 0 0 8px rgba(255,59,79,0); } 100%{ transform:scale(.9); box-shadow:0 0 0 0 rgba(255,59,79,0); } } /* BEDEN ASİSTANI - rozet hizası düzeltildi */ .tt-mobile-menu-item-size .tt-mobile-menu-thumb{ width:62px !important; height:56px !important; background:transparent !important; overflow:visible !important; display:flex !important; align-items:center !important; justify-content:center !important; padding-left:4px !important; } .tt-mobile-menu-item-size .tt-mobile-menu-link{ grid-template-columns:62px minmax(0,1fr) 24px !important; } .tt-mobile-menu-badge-new{ display:inline-flex !important; align-items:center !important; justify-content:center !important; height:20px !important; padding:0 8px !important; border-radius:7px !important; background:#ffe3ef !important; color:#d91b72 !important; font-size:10.5px !important; line-height:1 !important; font-weight:900 !important; text-transform:none !important; box-shadow:0 4px 9px rgba(217,27,114,.12) !important; position:relative !important; animation:ttBedenNewPulse 1.45s ease-in-out infinite !important; } .tt-mobile-menu-badge-new:before, .tt-mobile-menu-badge-new:after{ content:"" !important; position:absolute !important; width:6px !important; height:2px !important; border-radius:999px !important; background:#ff7db4 !important; right:-8px !important; } .tt-mobile-menu-badge-new:before{ top:4px !important; transform:rotate(-78deg) !important; } .tt-mobile-menu-badge-new:after{ top:13px !important; transform:rotate(28deg) !important; } @keyframes ttBedenNewPulse{ 0%,100%{ transform:scale(1); box-shadow:0 4px 9px rgba(217,27,114,.12); } 50%{ transform:scale(1.035); box-shadow:0 6px 13px rgba(217,27,114,.19); } } .tt-mobile-menu-has-sub.open > .tt-mobile-menu-link{ border-color:#d91b72 !important; background:#fff6fa !important; } .tt-mobile-menu-has-sub.open > .tt-mobile-menu-link .tt-mobile-menu-arrow{ transform:rotate(90deg) !important; color:#d91b72 !important; } .tt-mobile-submenu{ display:none !important; margin:5px 0 0 58px !important; padding:0 !important; list-style:none !important; } .tt-mobile-menu-has-sub.open > .tt-mobile-submenu{ display:block !important; } .tt-mobile-submenu li{ margin:0 0 5px !important; padding:0 !important; list-style:none !important; } .tt-mobile-submenu a{ display:flex !important; align-items:center !important; min-height:42px !important; padding:0 12px !important; border-radius:5px !important; border:1px solid #e3e3e3 !important; background:#fff !important; color:#111827 !important; text-decoration:none !important; font-size:13px !important; font-weight:700 !important; } .tt-mobile-menu-bottom{ margin:12px 0 0 !important; border-radius:8px !important; background:#fff !important; border:1px solid #e5e5e5 !important; overflow:hidden !important; box-shadow:0 8px 22px rgba(0,0,0,.06) !important; } .tt-mobile-menu-trust{ display:grid !important; grid-template-columns:1fr 1fr 1fr !important; } .tt-mobile-menu-trust-item{ min-height:72px !important; padding:9px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; border-right:1px solid #eeeeee !important; } .tt-mobile-menu-trust-item:last-child{ border-right:0 !important; } .tt-mobile-menu-trust-icon{ font-size:18px !important; line-height:1 !important; margin-bottom:6px !important; } .tt-mobile-menu-trust-title{ font-size:10px !important; line-height:1.15 !important; font-weight:900 !important; color:#111827 !important; text-transform:uppercase !important; } .tt-mobile-menu-trust-desc{ margin-top:4px !important; font-size:10px !important; line-height:1.1 !important; font-weight:600 !important; color:#6b7280 !important; } .tt-mobile-menu-social{ display:none !important; } } @media(min-width:1100px){ .tt-custom-mobile-menu, .tt-mobile-menu-overlay, .tt-mobile-menu-close{ display:none !important; } } /* Masaüstü */ @media (min-width:1025px){ #hb-logo{ width:180px !important; max-width:180px !important; } #hb-logo svg{ width:180px !important; height:auto !important; display:block; } } /* Mobil */ @media (max-width:1024px){ #hb-logo{ width:145px !important; } #hb-logo svg{ width:145px !important; height:auto !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-21] Mini kart popup V4 DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-21] ====================================================================== TT-NAV-END */ /* TARZIM TUBA - MINI KART POPUP V4 */ .tt-mini-popup{ position:fixed; left:14px; right:72px; bottom:18px; z-index:9998; background:linear-gradient(135deg,#fff8fa,#fff); border:1px solid rgba(194,24,91,.18); border-radius:18px; box-shadow:0 10px 28px rgba(0,0,0,.16); font-family:Poppins,Arial,sans-serif; opacity:0; transform:translateY(120%); transition:all .38s ease; } .tt-mini-popup.tt-show{ opacity:1; transform:translateY(0); } .tt-mini-popup-inner{ position:relative; display:flex; align-items:center; gap:12px; padding:14px 14px 16px; } .tt-mini-popup-close{ position:absolute; left:-8px; top:-12px; width:30px; height:30px; border:0; border-radius:50%; background:#fff; color:#d48aa4; font-size:26px; line-height:28px; box-shadow:0 4px 14px rgba(0,0,0,.14); cursor:pointer; z-index:2; } .tt-mini-popup-icon{ width:60px; height:60px; border-radius:16px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:30px; flex-shrink:0; box-shadow:0 6px 18px rgba(194,24,91,.10); } .tt-mini-popup-content{ flex:1; min-width:0; } .tt-mini-popup-label{ font-size:10px; font-weight:800; color:#c2185b; margin-bottom:3px; letter-spacing:.2px; } .tt-mini-popup-title{ font-size:17px; font-weight:800; color:#3f2632; line-height:1.16; } .tt-mini-popup-amount{ position:relative; display:inline-block; color:#e91e63; animation:ttAmountPulse 1.8s ease-in-out infinite; } .tt-mini-popup-amount:after{ content:""; position:absolute; left:-6px; top:50%; width:calc(100% + 12px); height:58%; transform:translateY(-50%) skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); animation:ttAmountShine 2.6s ease-in-out infinite; pointer-events:none; } @keyframes ttAmountPulse{ 0%,100%{ transform:scale(1); text-shadow:0 0 0 rgba(233,30,99,0); } 50%{ transform:scale(1.06); text-shadow:0 0 12px rgba(233,30,99,.30); } } @keyframes ttAmountShine{ 0%{ opacity:0; left:-40%; } 35%{ opacity:1; } 70%{ opacity:0; left:90%; } 100%{ opacity:0; left:90%; } } .tt-mini-popup-desc{ font-size:11.5px; color:#704254; line-height:1.35; margin-top:4px; } .tt-mini-popup-btn{ display:inline-flex; align-items:center; justify-content:center; margin-top:11px; padding:9px 16px; border-radius:10px; background:linear-gradient(135deg,#c2185b,#9e005d); color:#fff!important; text-align:center; text-decoration:none!important; font-size:12px; font-weight:800; min-width:165px; } /* Masaüstü */ @media(min-width:769px){ .tt-mini-popup{ left:50%; right:auto; bottom:22px; width:700px; transform:translateX(-50%) translateY(120%); } .tt-mini-popup.tt-show{ transform:translateX(-50%) translateY(0); } .tt-mini-popup-inner{ padding:18px 22px; gap:18px; } .tt-mini-popup-icon{ width:78px; height:78px; font-size:38px; } .tt-mini-popup-title{ font-size:22px; } .tt-mini-popup-desc{ font-size:14px; } .tt-mini-popup-btn{ margin-left:auto; margin-top:0; padding:11px 22px; font-size:13.5px; min-width:195px; } .tt-mini-popup-close{ left:-13px; top:-13px; } } /* Küçük mobil */ @media(max-width:420px){ .tt-mini-popup{ left:14px; right:72px; bottom:18px; } .tt-mini-popup-inner{ align-items:flex-start; padding:13px 12px 14px; gap:10px; } .tt-mini-popup-icon{ width:48px; height:48px; border-radius:14px; font-size:25px; } .tt-mini-popup-title{ font-size:15px; } .tt-mini-popup-desc{ font-size:11px; } .tt-mini-popup-btn{ width:100%; min-width:0; padding:9px 12px; font-size:12px; border-radius:9px; } } /* TT-NAV-BEGIN ====================================================================== [TT-22] Masaüstü menü düzeltme DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-22] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - MASAÜSTÜ MENÜ DÜZELTME Sadece desktop çalışır, mobil etkilenmez ===================================================== */ @media (min-width: 1025px){ /* Menü yazıları kırpılmasın */ #header, .header, .Header, .headerContent, .header-content, .navigation, .menu, .menu ul, .menu li, .menu a, .ulUstMenu, .ulUstMenu li, .ulUstMenu li a, .navigation li, .navigation li a{ overflow: visible !important; } /* Blog g harfi kırpılma düzeltmesi */ .ulUstMenu li a, .navigation li a, .menu li a{ line-height: 36px !important; height: auto !important; padding-bottom: 4px !important; } /* Tüm Ürünler kırmızı-mavi animasyon */ .tt-tum-urunler-renk{ animation: ttTumUrunlerRenk 1.1s infinite alternate ease-in-out !important; font-weight: 700 !important; } @keyframes ttTumUrunlerRenk{ 0%{ color:#e60023; } 100%{ color:#0066ff; } } } /* TT-NAV-BEGIN ====================================================================== [TT-11] Mobil Story kategoriler DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-11] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - MOBİL STORY KATEGORİLER V2 Sadece mobilde görünür ===================================================== */ @media (max-width: 768px){ #ttMobileStoryCategories{ width:100%; background:#fff; padding:10px 8px 9px; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,.05); overflow:hidden; } .tt-mobile-story-scroll{ width:100%; display:flex; align-items:flex-start; gap:13px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:0 2px; box-sizing:border-box; } .tt-mobile-story-scroll::-webkit-scrollbar{ display:none; } .tt-mobile-story-item{ width:62px; min-width:62px; display:flex; flex-direction:column; align-items:center; text-decoration:none !important; color:#111 !important; gap:5px; position:relative; } .tt-mobile-story-ring{ width:58px; height:58px; border-radius:50%; padding:2px; background:linear-gradient(135deg,#d1007f 0%,#ff5b5b 50%,#9e005d 100%); box-sizing:border-box; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 7px rgba(158,0,93,.18); } .tt-mobile-story-inner{ width:100%; height:100%; border-radius:50%; background:#fff; padding:3px; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; justify-content:center; } .tt-mobile-story-inner img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; } .tt-mobile-story-discount{ width:100%; height:100%; border-radius:50%; background:linear-gradient(135deg,#b00075,#ff5b5b); display:flex; align-items:center; justify-content:center; color:#fff; font-size:23px; font-weight:700; line-height:1; font-family:Poppins, Arial, sans-serif; } .tt-mobile-story-title{ width:100%; display:block; font-size:11.5px; line-height:1.15; font-weight:500; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:Poppins, Arial, sans-serif; } /* Blog ve Beden Asistanı için küçük yeni noktası */ .tt-mobile-story-item.tt-story-new::after{ content:""; position:absolute; top:1px; right:4px; width:9px; height:9px; background:#ff1744; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 0 rgba(255,23,68,.55); animation:ttStoryPulse 1.25s infinite; z-index:2; } @keyframes ttStoryPulse{ 0%{ box-shadow:0 0 0 0 rgba(255,23,68,.55); } 70%{ box-shadow:0 0 0 7px rgba(255,23,68,0); } 100%{ box-shadow:0 0 0 0 rgba(255,23,68,0); } } } @media (min-width: 769px){ #ttMobileStoryCategories{ display:none !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-12] Mobil Ticimax arama DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-12] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA – MOBİL AÇIK TİCİMAX ARAMA FINAL TASARIM + FINAL ÇALIŞAN SİSTEM ===================================================== */ @media only screen and (max-width: 767px){ /* ================================================= GÖRÜNEN ARAMA ALANI ================================================= */ #ttMobileSearchProxy{ position:relative; display:block; width:100%; margin:0; padding:8px 10px 8px; box-sizing:border-box; background:#fff; z-index:9992; } #ttMobileSearchProxy .tt-search-proxy-box{ position:relative; display:flex; align-items:center; width:100%; height:41px; min-height:41px; margin:0; padding:0; box-sizing:border-box; overflow:hidden; background:#fff; border:1px solid rgba(198,0,104,.18); border-radius:12px; box-shadow: 0 3px 11px rgba(198,0,104,.08), 0 1px 3px rgba(0,0,0,.025); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } #ttMobileSearchProxy .tt-search-proxy-box:focus-within{ background:#fff; border-color:rgba(198,0,104,.45); box-shadow: 0 4px 14px rgba(198,0,104,.12), 0 0 0 2px rgba(198,0,104,.045); } /* Sol büyüteç */ #ttMobileSearchProxy .tt-search-proxy-icon{ position:absolute; left:14px; top:50%; display:block; width:16px; height:16px; pointer-events:none; transform:translateY(-50%); z-index:3; } #ttMobileSearchProxy .tt-search-proxy-icon::before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; box-sizing:border-box; border:1.5px solid #c60068; border-radius:50%; } #ttMobileSearchProxy .tt-search-proxy-icon::after{ content:""; position:absolute; left:9px; top:10px; width:5.5px; height:1.5px; border-radius:2px; background:#c60068; transform:rotate(45deg); transform-origin:left center; } /* Görünen input */ #ttMobileSearchInput{ display:block; width:100%; height:41px; min-height:41px; margin:0; padding:0 39px 0 41px; box-sizing:border-box; border:0; border-radius:0; outline:0; background:transparent; box-shadow:none; color:#262626; caret-color:#c60068; font-family:Poppins, Arial, sans-serif; font-size:12.5px; font-weight:400; line-height:41px; letter-spacing:.01em; -webkit-appearance:none; appearance:none; } #ttMobileSearchInput::placeholder{ color:#969696; opacity:1; font-weight:400; } #ttMobileSearchInput::-webkit-search-decoration, #ttMobileSearchInput::-webkit-search-cancel-button, #ttMobileSearchInput::-webkit-search-results-button, #ttMobileSearchInput::-webkit-search-results-decoration{ -webkit-appearance:none; } /* Sağ çarpı */ #ttMobileSearchProxy .tt-search-proxy-clear{ position:absolute; right:8px; top:50%; display:none; align-items:center; justify-content:center; width:24px; height:24px; padding:0; margin:0; border:0; border-radius:50%; background:#f6edf2; color:#a80058; font-family:Arial, sans-serif; font-size:16px; font-weight:400; line-height:1; cursor:pointer; transform:translateY(-50%); z-index:4; -webkit-tap-highlight-color:transparent; } #ttMobileSearchProxy .tt-search-proxy-clear:active{ transform:translateY(-50%) scale(.94); } #ttMobileSearchProxy.tt-has-value .tt-search-proxy-clear{ display:flex; } /* Story alanı */ #ttMobileStoryCategories{ margin-top:0 !important; } /* ================================================= TİCİMAX GERÇEK ARAMA FORMU DOM'DA KALIR, ARKA PLANDA ÇALIŞIR ================================================= */ body.tt-mobile-proxy-search-ready .header-search-form-wrapper{ position:absolute !important; left:-9999px !important; top:0 !important; display:block !important; visibility:visible !important; width:1px !important; min-width:1px !important; max-width:1px !important; height:1px !important; min-height:1px !important; max-height:1px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; } body.tt-mobile-proxy-search-ready .header-search-form-wrapper #txtbxArama{ position:absolute !important; left:0 !important; top:0 !important; display:block !important; visibility:visible !important; width:1px !important; min-width:1px !important; max-width:1px !important; height:1px !important; min-height:1px !important; max-height:1px !important; margin:0 !important; padding:0 !important; border:0 !important; opacity:0 !important; pointer-events:none !important; } /* Eski sol üst arama butonu */ .tt-old-mobile-search-trigger{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ================================================= TİCİMAX SONUÇ ALANI ================================================= */ #divAramaAlani.tt-proxy-search-results{ position:fixed !important; right:10px !important; bottom:10px !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; z-index:999999 !important; background:#fff !important; border-radius:10px !important; box-shadow:0 12px 35px rgba(0,0,0,.17) !important; } #divAramaAlani.tt-proxy-search-results > .isMobilInputContent{ display:none !important; } #divAramaAlani.tt-proxy-search-results .quickSearchContent{ width:100% !important; min-height:100% !important; margin:0 !important; padding-top:0 !important; box-sizing:border-box !important; } #divAramaAlani.tt-proxy-search-results .ticimax-search-sidebar{ padding-top:16px !important; } /* Arama kapatıldığında sonuç alanını tamamen gizle */ #divAramaAlani.tt-search-force-closed{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } } @media only screen and (min-width: 768px){ #ttMobileSearchProxy{ display:none !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-06.3] Mobil menü butonu DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-06.3] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA – MOBİL MENÜ BUTONU SOLA YASLI / BELİRGİN / FINAL ===================================================== */ @media only screen and (max-width:767px){ .mobile-menu-item.mobile-item-button{ position:relative !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; flex:0 0 50px !important; width:50px !important; min-width:50px !important; max-width:50px !important; height:58px !important; min-height:58px !important; margin:0 !important; padding:0 0 0 2px !important; box-sizing:border-box !important; overflow:visible !important; } .mobile-menu-item.mobile-item-button .newMenuBtnClick{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; width:50px !important; height:58px !important; margin:0 !important; padding:0 !important; transform:none !important; box-sizing:border-box !important; overflow:visible !important; } .mobile-menu-item.mobile-item-button .newMenuBtnClick > a{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:6px !important; width:42px !important; height:50px !important; min-width:42px !important; min-height:50px !important; margin:0 0 0 -2px !important; padding:3px 0 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#111 !important; text-decoration:none !important; transform:none !important; box-sizing:border-box !important; overflow:visible !important; -webkit-tap-highlight-color:transparent !important; } /* Eski font awesome ikonunu kapat */ .mobile-menu-item.mobile-item-button .newMenuBtnClick > a > i{ display:none !important; visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; } /* Önceki pseudo elementleri kapat */ .mobile-menu-item.mobile-item-button .newMenuBtnClick::before, .mobile-menu-item.mobile-item-button .newMenuBtnClick::after, .mobile-menu-item.mobile-item-button .newMenuBtnClick > a::before, .mobile-menu-item.mobile-item-button .newMenuBtnClick > a::after{ content:none !important; display:none !important; } /* JS ile oluşturulan özel blok */ .tt-header-menu-design{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:6px !important; width:30px !important; height:42px !important; margin:0 !important; padding:0 !important; pointer-events:none !important; box-sizing:border-box !important; transform:translateX(-3px) !important; } /* Menü yazısı daha belirgin */ .tt-header-menu-label{ display:block !important; margin:0 !important; padding:0 !important; color:#555 !important; font-family:Poppins, Arial, sans-serif !important; font-size:8.5px !important; font-weight:500 !important; line-height:1 !important; letter-spacing:.1px !important; white-space:nowrap !important; opacity:1 !important; } /* Çizgiler bloğu */ .tt-header-menu-lines{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:space-between !important; width:22px !important; height:15px !important; margin:0 !important; padding:0 !important; pointer-events:none !important; } /* Hamburger çizgileri daha belirgin */ .tt-header-menu-lines span{ display:block !important; width:22px !important; height:1.8px !important; min-height:1.8px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:3px !important; background:#111 !important; box-shadow:none !important; transform:none !important; opacity:1 !important; } .mobile-menu-item.mobile-item-button .newMenuBtnClick > a:active .tt-header-menu-design{ transform:translateX(-3px) scale(.94) !important; } } /* Kasada Ekstra Kazancınız alanını kaldır */ #divSepetKazanci { display: none !important; } /* TT-NAV-BEGIN ====================================================================== [TT-08.4] Kargo + tahmini teslimat DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-08.4] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA - KARGO VE TAHMİNİ TESLİMAT ========================================================= */ #divSepetKazanci { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 18px 0 23px !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: normal !important; line-height: normal !important; text-align: left !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; box-sizing: border-box !important; } /* Eski Kasada Ekstra Kazancınız yeşil tikini kaldırır */ #divSepetKazanci::before, #divSepetKazanci::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: none !important; background-image: none !important; } #divSepetKazanci *, #divSepetKazanci *::before, #divSepetKazanci *::after { box-sizing: border-box; } #divSepetKazanci .tt-shipping-module { display: block; width: 100%; margin: 0; padding: 0; color: #242424; font-family: inherit; } /* Kargo geri sayacı */ #divSepetKazanci .tt-shipping-countdown { display: flex; align-items: center; gap: 9px; width: 100%; margin: 0 0 10px; padding: 0 4px; } #divSepetKazanci .tt-shipping-truck { display: flex; align-items: center; justify-content: center; flex: 0 0 29px; width: 29px; height: 29px; color: #0aa849; } #divSepetKazanci .tt-shipping-truck svg { display: block; width: 29px; height: 29px; } #divSepetKazanci .tt-countdown-text { display: block; flex: 1; margin: 0; padding: 0; color: #222; font-size: 13.5px; font-weight: 400; line-height: 1.4; } #divSepetKazanci .tt-countdown-time { color: #161616; font-weight: 700; } #divSepetKazanci .tt-countdown-result { color: #0aa849; font-weight: 700; } /* Tahmini teslimat kartı */ #divSepetKazanci .tt-delivery-card { display: grid; grid-template-columns: 105px minmax(105px, 1fr) auto; align-items: center; gap: 9px; width: 100%; min-height: 59px; margin: 0; padding: 5px 7px; background: #f6f6f6; border: 1px solid #f0f0f0; border-radius: 7px; box-shadow: none; transition: background-color 0.2s ease, border-color 0.2s ease; } /* YARIN KAPINDA durumu */ #divSepetKazanci .tt-delivery-card.tt-next-day-delivery { background: #edf8f1; border-color: #d7eadc; } #divSepetKazanci .tt-carrier-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 47px; padding: 5px; background: #fff; border: 1px solid #ededed; border-radius: 6px; } #divSepetKazanci .tt-carrier-logo svg { display: block; width: 100%; max-width: 96px; height: auto; } #divSepetKazanci .tt-delivery-information { min-width: 0; } #divSepetKazanci .tt-delivery-title-row { display: flex; align-items: center; gap: 5px; margin-bottom: 2px; } #divSepetKazanci .tt-delivery-title { display: block; overflow: hidden; color: #5e5e5e; font-size: 12.5px; font-weight: 400; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; } #divSepetKazanci .tt-delivery-info-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 15px; width: 15px; height: 15px; color: #858585; font-size: 10px; font-weight: 700; border: 1.4px solid #858585; border-radius: 50%; } #divSepetKazanci .tt-delivery-date { display: block; overflow: hidden; color: #242424; font-size: 13.5px; font-weight: 700; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; } #divSepetKazanci .tt-delivery-card.tt-next-day-delivery .tt-delivery-date { color: #202020; } #divSepetKazanci .tt-location-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 35px; max-width: 174px; padding: 6px 10px; color: #f47b18; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1; background: #fff; border: 1.5px solid #f47b18; border-radius: 20px; cursor: pointer; appearance: none; -webkit-appearance: none; } #divSepetKazanci .tt-location-button:active { transform: scale(0.98); } #divSepetKazanci .tt-location-pin { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 17px; width: 17px; height: 17px; } #divSepetKazanci .tt-location-pin svg { display: block; width: 17px; height: 17px; } #divSepetKazanci .tt-location-name { display: block; overflow: hidden; max-width: 122px; white-space: nowrap; text-overflow: ellipsis; } #divSepetKazanci .tt-location-arrow { flex: 0 0 8px; width: 8px; height: 8px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); } /* Konum penceresi */ body.tt-delivery-modal-open { overflow: hidden !important; } .tt-delivery-modal { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: flex-end; justify-content: center; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.22s ease, visibility 0.22s ease; } .tt-delivery-modal.tt-modal-active { visibility: visible; opacity: 1; pointer-events: auto; } .tt-delivery-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.57); } .tt-delivery-modal-sheet { position: relative; z-index: 2; width: 100%; max-width: 600px; max-height: 88vh; padding-bottom: max(18px, env(safe-area-inset-bottom)); background: #fff; border-radius: 18px 18px 0 0; overflow: hidden; transform: translateY(100%); transition: transform 0.28s ease; } .tt-delivery-modal.tt-modal-active .tt-delivery-modal-sheet { transform: translateY(0); } .tt-delivery-modal-header { position: relative; display: flex; align-items: center; justify-content: center; min-height: 63px; padding: 12px 55px; border-bottom: 1px solid #ededed; } .tt-delivery-modal-title { margin: 0; color: #252525; font-size: 18px; font-weight: 700; line-height: 1.2; text-align: center; } .tt-delivery-modal-close { position: absolute; top: 50%; right: 17px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; color: #555; font-size: 27px; font-weight: 300; line-height: 1; background: transparent; border: 0; transform: translateY(-50%); cursor: pointer; } .tt-delivery-modal-content { max-height: calc(88vh - 63px); padding: 22px 18px 18px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .tt-delivery-modal-description { margin: 0 0 18px; color: #3d3d3d; font-size: 14px; font-weight: 400; line-height: 1.5; } .tt-delivery-api-message { display: none; margin: 0 0 13px; padding: 10px 12px; color: #8b5a00; font-size: 12px; line-height: 1.4; background: #fff8e8; border: 1px solid #ffe0a1; border-radius: 6px; } .tt-delivery-api-message.tt-message-visible { display: block; } .tt-delivery-field { margin-bottom: 13px; } .tt-delivery-field-label { display: block; margin-bottom: 7px; color: #353535; font-size: 13px; font-weight: 600; } .tt-delivery-select-wrapper { position: relative; } .tt-delivery-select { display: block; width: 100%; height: 53px; padding: 0 44px 0 15px; color: #333; font-family: inherit; font-size: 15px; background: #f8f8f8; border: 1px solid #dedede; border-radius: 7px; outline: none; appearance: none; -webkit-appearance: none; } .tt-delivery-select:focus { border-color: #f47b18; box-shadow: 0 0 0 2px rgba(244, 123, 24, 0.09); } .tt-delivery-select:disabled { color: #aaa; opacity: 1; cursor: not-allowed; } .tt-delivery-select-arrow { position: absolute; top: 50%; right: 18px; width: 9px; height: 9px; border-right: 1.5px solid #666; border-bottom: 1.5px solid #666; transform: translateY(-70%) rotate(45deg); pointer-events: none; } .tt-delivery-save-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; margin-top: 18px; padding: 0 15px; color: #fff; font-family: inherit; font-size: 17px; font-weight: 700; background: #f47b18; border: 0; border-radius: 7px; cursor: pointer; appearance: none; -webkit-appearance: none; } .tt-delivery-save-button:disabled { opacity: 0.5; cursor: not-allowed; } @media (max-width: 480px) { #divSepetKazanci .tt-delivery-card { grid-template-columns: 102px minmax(90px, 1fr) auto; gap: 7px; padding: 5px 6px; } #divSepetKazanci .tt-location-button { max-width: 164px; padding-right: 9px; padding-left: 9px; } #divSepetKazanci .tt-location-name { max-width: 112px; } } @media (max-width: 370px) { #divSepetKazanci .tt-countdown-text { font-size: 12.5px; } #divSepetKazanci .tt-delivery-card { grid-template-columns: 88px minmax(80px, 1fr) auto; gap: 5px; } #divSepetKazanci .tt-delivery-title { font-size: 11.5px; } #divSepetKazanci .tt-delivery-date { font-size: 12px; } #divSepetKazanci .tt-location-button { max-width: 138px; padding-right: 7px; padding-left: 7px; } #divSepetKazanci .tt-location-name { max-width: 87px; } } /* TT-NAV-BEGIN ====================================================================== [TT-01.1] Kompakt sepette indirim widget DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-01.1] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA - KOMPAKT SEPETTE İNDİRİM WIDGET ========================================================= */ /* Eski soldaki yeşil çizgiyi ve stil kalıntılarını kaldırır */ .left_line.teksatir { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-left: 0 !important; box-shadow: none !important; color: inherit !important; text-align: left !important; clear: both !important; box-sizing: border-box !important; } .left_line.teksatir::before, .left_line.teksatir::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: none !important; border: 0 !important; } .left_line.teksatir > span { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Ana sepette fiyat alanı */ .left_line.teksatir .sepet-fiyat.tt-sepet-widget-final { display: block !important; clear: both !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 0 18px !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: inherit !important; line-height: normal !important; box-sizing: border-box !important; } /* İlk satır: Sepette 200 TL İndirim */ .tt-sepet-widget-final .tt-sepet-discount-title { display: flex !important; align-items: center !important; gap: 7px !important; width: max-content !important; max-width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #078d3b !important; font-size: 14.5px !important; /* büyütüldü */ font-weight: 600 !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; } /* Küçük sepet ikonu */ .tt-sepet-widget-final .tt-sepet-discount-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 16px !important; width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; color: #078d3b !important; } .tt-sepet-widget-final .tt-sepet-discount-icon svg { display: block !important; width: 16px !important; height: 16px !important; } /* İkinci satır: Sepette 1.299 TL */ .tt-sepet-widget-final .tt-sepet-price-row { display: inline-flex !important; align-items: baseline !important; gap: 6px !important; width: auto !important; max-width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 5px 8px !important; /* biraz büyütüldü */ color: #078d3b !important; background: #edf8f1 !important; border: 0 !important; border-radius: 2px !important; box-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Sepette yazısı */ .tt-sepet-widget-final .tt-sepet-price-label { color: #078d3b !important; font-size: 13.5px !important; /* büyütüldü */ font-weight: 500 !important; line-height: 1.2 !important; } /* Dinamik ürün fiyatı */ .tt-sepet-widget-final .tt-sepet-price-value { color: #078d3b !important; font-size: 22px !important; /* büyütüldü */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.2px !important; } /* Eski widget elemanları herhangi bir nedenle kalırsa gizler */ .tt-sepet-widget-final .sepet-badge, .tt-sepet-widget-final .sepet-title, .tt-sepet-widget-final .sepet-save, .tt-sepet-widget-final .sepet-note { display: none !important; } /* Masaüstünde yan tarafa kaymasını engeller */ @media (min-width: 769px) { .left_line.teksatir { float: none !important; clear: both !important; width: 100% !important; } .left_line.teksatir .sepet-fiyat.tt-sepet-widget-final { display: block !important; float: none !important; width: max-content !important; } } @media (max-width: 370px) { #ttCouponOfferV5 { gap: 5px !important; padding-left: 7px !important; } .tt-coupon-v5-text { font-size: 11.5px !important; } #ttCouponButtonV5 { min-width: 48px !important; padding-right: 7px !important; padding-left: 7px !important; font-size: 11px !important; } .tt-sepet-widget-final .tt-sepet-discount-title { font-size: 13px !important; } .tt-sepet-widget-final .tt-sepet-price-label { font-size: 12.5px !important; } .tt-sepet-widget-final .tt-sepet-price-value { font-size: 20px !important; } } /* ========================================================= KUPON KOPYALANDI POP-UP ========================================================= */ #ttCouponPopupV5 { position: fixed !important; top: 50% !important; left: 50% !important; z-index: 2147483647 !important; display: flex !important; align-items: center !important; gap: 10px !important; width: max-content !important; max-width: calc(100vw - 32px) !important; min-width: 245px !important; padding: 13px 15px !important; color: #222 !important; font-family: inherit !important; background: #fff !important; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; box-shadow: 0 10px 38px rgba(0, 0, 0, 0.24) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(-50%, -44%) scale(0.94) !important; transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important; } #ttCouponPopupV5.tt-coupon-popup-v5-show { opacity: 1 !important; visibility: visible !important; transform: translate(-50%, -50%) scale(1) !important; } .tt-coupon-popup-v5-check { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; background: #18a94b !important; border-radius: 50% !important; } .tt-coupon-popup-v5-content { display: flex !important; flex-direction: column !important; gap: 3px !important; } .tt-coupon-popup-v5-title { color: #222 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.25 !important; } .tt-coupon-popup-v5-code { color: #f22975 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; } /* TT-NAV-BEGIN ====================================================================== [TT-01.2] Ürün listesi sepette indirim DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-01.2] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA ÜRÜN LİSTESİ SEPETTE İNDİRİM - İZOLE FINAL ========================================================= */ .tt-card-discount-final { display: block !important; position: static !important; float: none !important; clear: both !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 5px 0 0 !important; padding: 0 !important; color: #078d3b !important; font-family: inherit !important; text-align: left !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; pointer-events: none !important; box-sizing: border-box !important; } .tt-card-discount-final *, .tt-card-discount-final *::before, .tt-card-discount-final *::after { box-sizing: border-box !important; } /* Sepette 200 TL İndirim */ .tt-card-discount-final-title { display: flex !important; align-items: center !important; gap: 4px !important; width: max-content !important; max-width: 100% !important; margin: 0 0 3px !important; padding: 0 !important; color: #078d3b !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; white-space: nowrap !important; } .tt-card-discount-final-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 13px !important; width: 13px !important; height: 13px !important; color: #078d3b !important; } .tt-card-discount-final-icon svg { display: block !important; width: 13px !important; height: 13px !important; } .tt-card-discount-final-amount { color: #078d3b !important; font-weight: 700 !important; } /* Sepette 1.299 TL */ .tt-card-discount-final-price { display: inline-flex !important; align-items: baseline !important; gap: 4px !important; width: auto !important; max-width: 100% !important; min-height: 23px !important; margin: 0 !important; padding: 2px 5px !important; color: #078d3b !important; background: #edf8f1 !important; background-image: none !important; border: 0 !important; border-radius: 2px !important; box-shadow: none !important; white-space: nowrap !important; } .tt-card-discount-final-label { color: #078d3b !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.2 !important; } .tt-card-discount-final-value { color: #078d3b !important; font-size: 15.5px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.15px !important; } /* Mobil iki sütun ürün kartları */ @media (max-width: 480px) { .tt-card-discount-final { margin-top: 4px !important; } .tt-card-discount-final-title { gap: 3px !important; margin-bottom: 2px !important; font-size: 10.5px !important; } .tt-card-discount-final-icon, .tt-card-discount-final-icon svg { flex-basis: 12px !important; width: 12px !important; height: 12px !important; } .tt-card-discount-final-price { min-height: 21px !important; padding: 2px 4px !important; } .tt-card-discount-final-label { font-size: 10.5px !important; } .tt-card-discount-final-value { font-size: 14.5px !important; } } /* ========================================================= ÜRÜN LİSTESİ SEPETTE İNDİRİM BOYUT BÜYÜTME ========================================================= */ .tt-list-cart-discount { margin-top: 6px !important; } /* Sepette 200 TL İndirim */ .tt-list-cart-discount__title { gap: 5px !important; margin-bottom: 4px !important; font-size: 13.5px !important; line-height: 1.25 !important; } /* Sepet ikonu */ .tt-list-cart-discount__icon { flex-basis: 15px !important; width: 15px !important; height: 15px !important; font-size: 13px !important; } /* Sepette fiyat arka planı */ .tt-list-cart-discount__price { min-height: 27px !important; gap: 5px !important; padding: 3px 6px !important; border-radius: 3px !important; } /* Sepette yazısı */ .tt-list-cart-discount__label { font-size: 13px !important; } /* 1.299 TL fiyatı */ .tt-list-cart-discount__value { font-size: 18px !important; letter-spacing: -0.2px !important; } /* Mobil iki sütun görünüm */ @media (max-width: 480px) { .tt-list-cart-discount { margin-top: 5px !important; } .tt-list-cart-discount__title { gap: 4px !important; margin-bottom: 3px !important; font-size: 12px !important; } .tt-list-cart-discount__icon { flex-basis: 14px !important; width: 14px !important; height: 14px !important; font-size: 12px !important; } .tt-list-cart-discount__price { min-height: 25px !important; gap: 4px !important; padding: 3px 5px !important; } .tt-list-cart-discount__label { font-size: 12px !important; } .tt-list-cart-discount__value { font-size: 16.5px !important; } } /* ========================================================= TAHMİNİ TESLİMAT WIDGET — GÖRÜNÜRLÜK DÜZELTMESİ ========================================================= */ #divSepetKazanci { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 22px !important; overflow: visible !important; } /* Teslimat kartını zorla görünür yap */ #divSepetKazanci .tt-delivery-card { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: auto !important; min-height: 52px !important; max-height: none !important; margin: 0 !important; padding: 5px 6px !important; gap: 7px !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: #f6f6f6 !important; border: 1px solid #eeeeee !important; border-radius: 7px !important; box-shadow: none !important; box-sizing: border-box !important; } /* Yarın Kapında olduğunda açık yeşil */ #divSepetKazanci .tt-delivery-card.tt-next-day-delivery { background: #edf8f1 !important; border-color: #d9eadf !important; } /* Sürat Kargo logo alanı */ #divSepetKazanci .tt-carrier-logo { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; height: 41px !important; margin: 0 !important; padding: 4px !important; visibility: visible !important; opacity: 1 !important; background: #fff !important; border: 1px solid #ededed !important; border-radius: 6px !important; } #divSepetKazanci .tt-carrier-logo svg { display: block !important; width: 100% !important; max-width: 70px !important; height: auto !important; } /* Orta teslimat bilgi alanı */ #divSepetKazanci .tt-delivery-information { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 78px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; overflow: hidden !important; } #divSepetKazanci .tt-delivery-title-row { display: flex !important; align-items: center !important; gap: 4px !important; width: 100% !important; margin: 0 0 2px !important; } #divSepetKazanci .tt-delivery-title { display: block !important; overflow: hidden !important; color: #5d5d5d !important; font-size: 10.8px !important; font-weight: 400 !important; line-height: 1.15 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } #divSepetKazanci .tt-delivery-info-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 13px !important; width: 13px !important; min-width: 13px !important; height: 13px !important; color: #858585 !important; font-size: 8px !important; border: 1px solid #858585 !important; border-radius: 50% !important; } #divSepetKazanci .tt-delivery-date { display: block !important; overflow: hidden !important; width: 100% !important; color: #242424 !important; font-size: 11.8px !important; font-weight: 700 !important; line-height: 1.15 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* Konum butonu */ #divSepetKazanci .tt-location-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 auto !important; gap: 4px !important; width: auto !important; max-width: 138px !important; min-width: 0 !important; min-height: 31px !important; margin: 0 !important; padding: 5px 7px !important; visibility: visible !important; opacity: 1 !important; color: #f47b18 !important; font-size: 10.5px !important; line-height: 1 !important; background: #fff !important; border: 1.3px solid #f47b18 !important; border-radius: 18px !important; overflow: hidden !important; box-sizing: border-box !important; } #divSepetKazanci .tt-location-pin { display: inline-flex !important; flex: 0 0 14px !important; width: 14px !important; min-width: 14px !important; height: 14px !important; } #divSepetKazanci .tt-location-pin svg { width: 14px !important; height: 14px !important; } #divSepetKazanci .tt-location-name { display: block !important; overflow: hidden !important; max-width: 92px !important; font-size: 10.5px !important; white-space: nowrap !important; text-overflow: ellipsis !important; } #divSepetKazanci .tt-location-arrow { display: block !important; flex: 0 0 7px !important; width: 7px !important; height: 7px !important; } /* Dar telefonlar */ @media (max-width: 380px) { #divSepetKazanci .tt-delivery-card { gap: 5px !important; padding: 4px 5px !important; } #divSepetKazanci .tt-carrier-logo { flex-basis: 68px !important; width: 68px !important; min-width: 68px !important; height: 39px !important; } #divSepetKazanci .tt-delivery-title { font-size: 9.8px !important; } #divSepetKazanci .tt-delivery-date { font-size: 10.8px !important; } #divSepetKazanci .tt-location-button { max-width: 116px !important; padding: 4px 6px !important; font-size: 9.8px !important; } #divSepetKazanci .tt-location-name { max-width: 74px !important; font-size: 9.8px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-13] Mobil renk + beden + beden popup DURUM : STABİL / KORUMALI SATIŞ ÇEKİRDEĞİ BAĞIMLILIK : JS TT-13, TT-14 NOT : Popup ve varyant görünüm stilleri. ARAMA : CTRL+F -> [TT-13] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA MOBİL RENK + BEDEN + BEDEN POPUP FINAL V12 ========================================================= */ @media (max-width: 768px){ html.tt-size-popup-open{ overflow: hidden !important; overscroll-behavior: none !important; } body.tt-size-popup-open{ overflow: hidden !important; overscroll-behavior: none !important; touch-action: none !important; } /* Yeni alan hazır olunca eski Ticimax alanlarını gizle */ html.tt-variant-ready #productDetailRelated, html.tt-variant-ready #divUrunEkSecenek, html.tt-variant-ready #ttSizeTrigger{ display: none !important; } /* ===================================================== RENK + BEDEN ALANININ TAM EKRANA AÇILMASI ===================================================== */ #ttVariantMobileArea{ position: relative !important; left: 50% !important; display: block !important; clear: both !important; float: none !important; width: 100vw !important; max-width: 100vw !important; margin: 0 0 14px -50vw !important; padding: 0 !important; background: #ffffff !important; box-sizing: border-box !important; } .tt-variant-mobile-box{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } /* ===================================================== RENK BÖLÜMÜ ===================================================== */ .tt-variant-color-section{ width: 100% !important; margin: 0 !important; padding: 18px 16px 20px !important; background: #ffffff !important; border-top: 8px solid #f4f4f4 !important; border-bottom: 1px solid #e8e8e8 !important; box-sizing: border-box !important; } .tt-variant-top{ width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 14px !important; padding: 0 !important; box-sizing: border-box !important; } .tt-variant-top-left{ min-width: 0 !important; display: flex !important; align-items: center !important; gap: 6px !important; } .tt-variant-title{ margin: 0 !important; padding: 0 !important; color: #292929 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.2 !important; } .tt-variant-info{ width: 18px !important; min-width: 18px !important; height: 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #777777 !important; border: 1.2px solid #959595 !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; box-sizing: border-box !important; } .tt-variant-count{ flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; color: #8c8c8c !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: right !important; } /* ===================================================== RENK GÖRSELLERİ ===================================================== */ .tt-variant-colors{ width: 100% !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 12px !important; margin: 0 !important; padding: 0 0 2px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; } .tt-variant-colors::-webkit-scrollbar{ display: none !important; } .tt-variant-color-item{ position: relative !important; width: 86px !important; min-width: 86px !important; max-width: 86px !important; height: 116px !important; flex: 0 0 86px !important; display: block !important; margin: 0 !important; padding: 2px !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #d8d8d8 !important; border-radius: 7px !important; box-shadow: none !important; text-decoration: none !important; box-sizing: border-box !important; transition: transform .14s ease, border-color .18s ease !important; -webkit-tap-highlight-color: transparent !important; } .tt-variant-color-item img{ display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center top !important; border: 0 !important; border-radius: 5px !important; } .tt-variant-color-item.active{ border: 2px solid #f27a16 !important; } .tt-variant-color-item:active{ transform: scale(.985) !important; } /* ===================================================== BEDEN SATIRI ===================================================== */ .tt-variant-size-section{ width: 100% !important; display: grid !important; grid-template-columns: 72px minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 16px !important; background: #ffffff !important; border-top: 0 !important; border-bottom: 8px solid #f4f4f4 !important; box-sizing: border-box !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } .tt-variant-size-label{ margin: 0 !important; padding: 0 !important; color: #292929 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.2 !important; } .tt-variant-size-field{ width: 100% !important; min-width: 0 !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 7px !important; margin: 0 !important; padding: 0 12px 0 14px !important; background: #f8f8f8 !important; border: 1px solid #dddddd !important; border-radius: 7px !important; box-shadow: none !important; box-sizing: border-box !important; } .tt-variant-size-text{ min-width: 0 !important; max-width: calc(100% - 22px) !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #4f4f4f !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.2 !important; } .tt-variant-size-arrow{ position: relative !important; width: 18px !important; min-width: 18px !important; height: 18px !important; display: block !important; } .tt-variant-size-arrow::before{ content: "" !important; position: absolute !important; top: 3px !important; left: 4px !important; width: 9px !important; height: 9px !important; border-right: 1.6px solid #626262 !important; border-bottom: 1.6px solid #626262 !important; transform: rotate(45deg) !important; box-sizing: border-box !important; } .tt-variant-size-section:active .tt-variant-size-field{ background: #f1f1f1 !important; } /* Bedenini Bul alanı ayrı ve aşağıda kalır */ html.tt-variant-ready #ttBedenBulWidget{ position: relative !important; z-index: 1 !important; display: block !important; clear: both !important; float: none !important; height: auto !important; margin-top: 0 !important; transform: none !important; inset: auto !important; box-sizing: border-box !important; } /* ===================================================== POPUP KARARTMA ===================================================== */ .tt-size-popup-overlay{ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; z-index: 2147483000 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: rgba(0,0,0,.53) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .24s ease, visibility .24s ease !important; } .tt-size-popup-overlay.active{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ===================================================== POPUP ANA PANEL ===================================================== */ .tt-size-popup-sheet{ position: relative !important; width: 100vw !important; max-width: none !important; max-height: 92vh !important; max-height: 92dvh !important; margin: 0 !important; padding: 10px 20px calc(20px + env(safe-area-inset-bottom)) 20px !important; background: #ffffff !important; border: 0 !important; border-radius: 25px 25px 0 0 !important; box-shadow: 0 -15px 45px rgba(0,0,0,.19) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; transform: translate3d(0,100%,0) !important; transition: transform .3s cubic-bezier(.22,.75,.25,1) !important; } .tt-size-popup-overlay.active .tt-size-popup-sheet{ transform: translate3d(0,0,0) !important; } .tt-size-popup-handle{ width: 64px !important; height: 5px !important; margin: 3px auto 15px !important; background: #d8d8d8 !important; border-radius: 100px !important; } .tt-size-popup-content{ position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tt-size-popup-close{ position: absolute !important; z-index: 20 !important; top: 10px !important; right: 15px !important; width: 43px !important; height: 43px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; color: #333333 !important; font-family: Arial, sans-serif !important; font-size: 34px !important; font-weight: 300 !important; line-height: 1 !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; -webkit-tap-highlight-color: transparent !important; } /* ===================================================== POPUP ÜRÜN BİLGİSİ ===================================================== */ .tt-size-popup-product{ width: 100% !important; display: grid !important; grid-template-columns: 94px minmax(0,1fr) !important; align-items: start !important; gap: 15px !important; margin: 0 0 17px !important; padding: 0 42px 0 0 !important; box-sizing: border-box !important; } .tt-size-popup-product.has-no-image{ display: block !important; padding-right: 42px !important; } .tt-size-popup-product-image{ width: 94px !important; min-width: 94px !important; height: 130px !important; overflow: hidden !important; background: #f4f4f4 !important; border: 1px solid #ededed !important; border-radius: 11px !important; box-sizing: border-box !important; } .tt-size-popup-product-image img{ display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; } .tt-size-popup-product-info{ min-width: 0 !important; padding: 2px 0 0 !important; } .tt-size-popup-brand{ margin: 0 0 5px !important; color: #202020 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.2 !important; } .tt-size-popup-product-title{ display: -webkit-box !important; overflow: hidden !important; margin: 0 0 8px !important; color: #555555 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.38 !important; overflow-wrap: anywhere !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .tt-size-popup-seller{ margin: 0 0 11px !important; color: #777777 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; } /* ===================================================== POPUP FİYAT ===================================================== */ .tt-size-popup-discount-price{ margin: 0 0 5px !important; color: #777777 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; } .tt-size-popup-discount-price strong{ color: #444444 !important; font-size: 13px !important; font-weight: 600 !important; } .tt-size-popup-basket-label{ margin: 0 0 2px !important; color: #ff4381 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; } .tt-size-popup-price-row{ min-width: 0 !important; display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 9px !important; } .tt-size-popup-basket-value{ color: #ff4381 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.12 !important; white-space: nowrap !important; } .tt-size-popup-old-value{ color: #777777 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; white-space: nowrap !important; } /* ===================================================== POPUP TESLİMAT ===================================================== */ .tt-size-popup-delivery{ width: 100% !important; display: grid !important; grid-template-columns: 42px minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; margin: 0 0 17px !important; padding: 11px 13px !important; background: linear-gradient( 90deg, #f7fff9 0%, #f3fbf6 100% ) !important; border: 1px solid #b7e9c7 !important; border-radius: 11px !important; box-sizing: border-box !important; } .tt-size-popup-delivery-icon{ width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #0ab94f !important; } .tt-size-popup-delivery-icon svg{ width: 36px !important; height: 36px !important; } .tt-size-popup-delivery-title{ margin: 0 0 2px !important; color: #252525 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; } .tt-size-popup-delivery-title strong{ color: #0ab94f !important; font-weight: 700 !important; } .tt-size-popup-delivery-sub{ color: #777777 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; } /* ===================================================== POPUP BEDENLER ===================================================== */ .tt-size-popup-section-title{ margin: 0 0 11px !important; color: #222222 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; } .tt-size-popup-sizes{ width: 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 9px !important; margin: 0 0 14px !important; padding: 0 !important; } .tt-size-popup-size{ position: relative !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 48px !important; flex: 0 0 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1.4px solid #d7d7d7 !important; border-radius: 9px !important; box-shadow: none !important; color: #252525 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; box-sizing: border-box !important; appearance: none !important; -webkit-appearance: none !important; } .tt-size-popup-size.is-selected{ color: #ff790f !important; background: #fff5ec !important; border-color: #ff790f !important; } .tt-size-popup-size.is-selected .tt-size-check{ position: absolute !important; top: -7px !important; right: -7px !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ff8b26 !important; border: 2px solid #ffffff !important; border-radius: 50% !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; } .tt-size-popup-size.is-disabled{ overflow: hidden !important; color: #aaaaaa !important; background: #fafafa !important; border-color: #e4e4e4 !important; cursor: not-allowed !important; } .tt-size-popup-size.is-disabled::after{ content: "" !important; position: absolute !important; top: 50% !important; left: -15% !important; width: 130% !important; height: 1px !important; background: #cccccc !important; transform: rotate(-42deg) !important; } /* ===================================================== POPUP NOTU ===================================================== */ .tt-size-popup-note{ width: 100% !important; display: flex !important; align-items: flex-start !important; gap: 9px !important; margin: 0 0 19px !important; padding: 0 !important; color: #777777 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.45 !important; } .tt-size-popup-note-icon{ width: 19px !important; min-width: 19px !important; height: 19px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #777777 !important; border: 1.3px solid #8d8d8d !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; } /* ===================================================== POPUP BUTONLARI ===================================================== */ .tt-size-popup-actions{ width: 100% !important; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 12px !important; } .tt-size-popup-btn{ width: 100% !important; min-width: 0 !important; height: 57px !important; margin: 0 !important; padding: 0 10px !important; border-radius: 12px !important; font-family: inherit !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; box-sizing: border-box !important; appearance: none !important; -webkit-appearance: none !important; } .tt-size-popup-btn-buyfast{ color: #ff790f !important; background: #ffffff !important; border: 1.6px solid #ff790f !important; } .tt-size-popup-btn-addcart{ color: #ffffff !important; background: linear-gradient( 180deg, #ff941f 0%, #ff790d 100% ) !important; border: 1.6px solid #ff790d !important; box-shadow: 0 9px 20px rgba(255,121,13,.20) !important; } .tt-size-popup-btn-inner{ height: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; } .tt-size-popup-btn-main{ font-size: 16px !important; font-weight: 700 !important; } .tt-size-popup-btn-sub{ font-size: 11px !important; font-weight: 600 !important; } } @media (min-width: 769px){ #ttVariantMobileArea, .tt-variant-mobile-box, .tt-size-popup-overlay{ display: none !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-14.1] Native Ticimax satın alma köprüsü / V8 HARDENED DURUM : STABİL / KORUMALI SATIŞ ÇEKİRDEĞİ BAĞIMLILIK : JS TT-14 ARAMA : CTRL+F -> [TT-14.1] ====================================================================== TT-NAV-END */ /* ========================================================= TT-14 — NATIVE TİCİMAX SATIN ALMA KÖPRÜSÜ / HARDENED V8 - Sadece ORİJİNAL #divSatinAl içindeki native wrapper'lar park edilir. - body genelindeki .basketBtn / .buyfast elemanları artık etkilenmez. - Wrapper popup'a taşındığında #divSatinAl kapsamından çıktığı için gizleme kuralı otomatik olarak devreden çıkar. ========================================================= */ @media (max-width: 768px){ html.tt-variant-ready #divSatinAl .basketBtn, html.tt-variant-ready #divSatinAl .buyfast{ position: fixed !important; top: 0 !important; left: -10000px !important; display: block !important; width: 1px !important; min-width: 1px !important; max-width: 1px !important; height: 1px !important; min-height: 1px !important; max-height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: visible !important; pointer-events: none !important; z-index: -1 !important; } html.tt-variant-ready #divSatinAl .basketBtn .Addtobasket, html.tt-variant-ready #divSatinAl .basketBtn .btnAddBasketOnDetail, html.tt-variant-ready #divSatinAl .buyfast .buyfastbutton, html.tt-variant-ready #divSatinAl .buyfast #btnHemenAl{ display: block !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: visible !important; pointer-events: none !important; } /* Popup içindeki native wrapper'lar için güvenli görünürlük katmanı. */ #ttSizePopupOverlay .tt-size-popup-actions > .basketBtn, #ttSizePopupOverlay .tt-size-popup-actions > .buyfast{ position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 2 !important; float: none !important; transform: none !important; } #ttSizePopupOverlay .tt-size-popup-actions > .basketBtn .Addtobasket, #ttSizePopupOverlay .tt-size-popup-actions > .basketBtn .btnAddBasketOnDetail, #ttSizePopupOverlay .tt-size-popup-actions > .buyfast .buyfastbutton, #ttSizePopupOverlay .tt-size-popup-actions > .buyfast #btnHemenAl{ position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-15.1] Mobil sabit satın alma widget DURUM : STABİL / KORUMALI BAĞIMLILIK : JS TT-15.1 ARAMA : CTRL+F -> [TT-15.1] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA - MOBİL SABİT SATIN ALMA WIDGET FINAL V2 ========================================================= */ @media (max-width: 768px){ :root{ --tt-sticky-buy-bottom: 0px; } /* ===================================================== ANA SABİT ALAN ===================================================== */ #ttStickyBuyBar{ position: fixed !important; left: 0 !important; right: 0 !important; bottom: var(--tt-sticky-buy-bottom, 0px) !important; z-index: 2147482000 !important; width: 100% !important; max-width: 100vw !important; margin: 0 !important; padding: 8px 9px !important; background: rgba(255,255,255,.985) !important; border-top: 1px solid #e5e5e5 !important; box-shadow: 0 -6px 20px rgba(0,0,0,.09) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-sizing: border-box !important; transform: translate3d(0,0,0) !important; transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important; } html.tt-sticky-no-bottom-nav #ttStickyBuyBar{ padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; } /* Beden popup açıldığında widget gizlenir */ html.tt-size-popup-open #ttStickyBuyBar, body.tt-size-popup-open #ttStickyBuyBar{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(0,15px,0) !important; } /* ===================================================== İÇ YERLEŞİM ===================================================== */ .tt-sticky-buy-inner{ width: 100% !important; display: grid !important; grid-template-columns: minmax(105px, 1fr) 101px 137px !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ===================================================== FİYAT ALANI ===================================================== */ .tt-sticky-buy-price{ min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; margin: 0 !important; padding: 0 0 0 1px !important; box-sizing: border-box !important; } .tt-sticky-buy-price-label{ display: block !important; margin: 0 0 1px !important; padding: 0 !important; color: #ff3f7f !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.12 !important; white-space: nowrap !important; } .tt-sticky-buy-basket-price{ display: block !important; max-width: 100% !important; margin: 0 0 2px !important; padding: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #ff3f7f !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -.25px !important; } .tt-sticky-buy-normal-price{ display: block !important; max-width: 100% !important; margin: 0 0 2px !important; padding: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #858585 !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.12 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; } .tt-sticky-buy-shipping{ display: block !important; margin: 0 !important; padding: 0 !important; color: #08a841 !important; font-size: 10.8px !important; font-weight: 600 !important; line-height: 1.12 !important; white-space: nowrap !important; } /* ===================================================== ORTAK BUTON YAPISI ===================================================== */ .tt-sticky-buy-button{ width: 100% !important; min-width: 0 !important; height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; margin: 0 !important; padding: 0 7px !important; border-radius: 8px !important; font-family: inherit !important; text-align: center !important; cursor: pointer !important; box-sizing: border-box !important; appearance: none !important; -webkit-appearance: none !important; -webkit-tap-highlight-color: transparent !important; transition: transform .14s ease, opacity .14s ease !important; } .tt-sticky-buy-button:active{ transform: scale(.975) !important; } .tt-sticky-buy-button:disabled{ opacity: .58 !important; cursor: wait !important; } .tt-sticky-buy-icon{ width: 16px !important; min-width: 16px !important; height: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .tt-sticky-buy-icon svg{ display: block !important; width: 100% !important; height: 100% !important; } .tt-sticky-buy-button-text{ min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; } .tt-sticky-buy-button-main{ display: block !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } .tt-sticky-buy-button-sub{ display: block !important; font-size: 9.5px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; } /* ===================================================== HEMEN AL ===================================================== */ .tt-sticky-buy-fast{ color: #f47713 !important; background: #ffffff !important; border: 1.5px solid #f47713 !important; box-shadow: none !important; } .tt-sticky-buy-fast .tt-sticky-buy-button-main{ font-size: 13px !important; } /* ===================================================== SEPETE EKLE ===================================================== */ .tt-sticky-buy-cart{ color: #ffffff !important; background: linear-gradient( 180deg, #ff8c1a 0%, #f8750d 100% ) !important; border: 1.5px solid #f8750d !important; box-shadow: 0 5px 13px rgba(248,117,13,.18) !important; } /* Sayfa sonu widget altında kalmasın */ #ttStickyBuySpacer{ display: block !important; width: 100% !important; min-height: 1px !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } } @media (min-width: 769px){ #ttStickyBuyBar, #ttStickyBuySpacer{ display: none !important; } } /* Küçük telefonlar */ @media (max-width: 370px){ #ttStickyBuyBar{ padding-left: 6px !important; padding-right: 6px !important; } .tt-sticky-buy-inner{ grid-template-columns: minmax(98px, 1fr) 94px 126px !important; gap: 5px !important; } .tt-sticky-buy-basket-price{ font-size: 17.5px !important; } .tt-sticky-buy-button{ padding-left: 5px !important; padding-right: 5px !important; } .tt-sticky-buy-button-main{ font-size: 12.5px !important; } .tt-sticky-buy-fast .tt-sticky-buy-button-main{ font-size: 12px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-14.2] Popup satın alma fallback stilleri DURUM : STABİL / KORUMALI BAĞIMLILIK : TT-14.1 ARAMA : CTRL+F -> [TT-14.2] ====================================================================== TT-NAV-END */ /* ========================================================= TT-14 — POPUP SATIN ALMA FALLBACK / HARDENED V8 Proxy butonlar yalnız native Ticimax butonları henüz mount edilmediyse fallback olarak kalır. Native butonlar görünür olduğunda JS tarafından kaldırılır. ========================================================= */ @media (max-width: 768px){ .tt-size-popup-btn.is-busy{ opacity:.72 !important; cursor:wait !important; pointer-events:none !important; } .tt-size-popup-sizes.tt-size-required{ animation:ttSizeRequiredShake .28s ease-in-out 0s 2; } @keyframes ttSizeRequiredShake{ 0%,100%{transform:translateX(0);} 35%{transform:translateX(-4px);} 70%{transform:translateX(4px);} } } /* TT-NAV-BEGIN ====================================================================== [TT-15.2] Sticky satın alma görünürlük fix DURUM : STABİL / KORUMALI ARAMA : CTRL+F -> [TT-15.2] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA SABİT SATIN ALMA WIDGET SEPET VE MOBİL MENÜ AÇIKKEN GİZLEME FINAL FIX ========================================================= */ @media (max-width: 768px){ /* * Yalnızca gerçekten sepet paneli, mobil menü * veya beden popup'ı açıkken widget gizlenir. */ html.tt-sticky-buy-hidden #ttStickyBuyBar, body.tt-sticky-buy-hidden #ttStickyBuyBar{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(0, 15px, 0) !important; } } /* Ürün listesi - Ücretsiz Kargo rozetini kaldır */ .productItem .cargoIcon, .product-detail .cargoIcon, .cargoIcon { display: none !important; } /* TT-NAV-BEGIN ====================================================================== [TT-16.1] Ticimax fırsat ürünü sistemi DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-16.1] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA - TİCİMAX FIRSAT ÜRÜNÜ SİSTEMİ Yalnızca Süper Fırsat rozeti ========================================================= */ /* Ürün kartı ve görsel konumlandırması */ .productItem { position: relative !important; } .productItem .productImage { position: relative !important; } /* ========================================================= SÜPER FIRSAT KARTI ========================================================= */ .productItem.tt-super-firsat-card { overflow: hidden !important; border: 2px solid #ff4db8 !important; border-radius: 18px !important; box-shadow: 0 8px 24px rgba(255, 77, 184, 0.10) !important; } /* Rozet görselin içine ekleniyor. overflow visible sayesinde kartın sol üstüne sıfıra sıfır gelir. */ .productItem.tt-super-firsat-card .productImage { position: relative !important; overflow: visible !important; } /* Rozet taşıyıcısı */ .productItem.tt-super-firsat-card .tt-product-badge-wrap { position: absolute !important; top: -2px !important; left: -2px !important; z-index: 80 !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* Süper Fırsat etiketi */ .ttp-badge-super { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 22px !important; margin: 0 !important; padding: 0 10px !important; background: linear-gradient( 90deg, #ff920f 0%, #ff7422 34%, #ff4c56 67%, #ef2bbd 100% ) !important; color: #ffffff !important; border: 0 !important; border-radius: 8px 0 7px 0 !important; box-shadow: none !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 22px !important; letter-spacing: -0.1px !important; text-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Önceki rozetlerden kalabilecek parçaları kapat */ .ttp-badge-super::before, .ttp-badge-super::after { content: none !important; display: none !important; } /* Eski En Çok Satan ve Avantajlı Ürün rozetlerini gizle */ .ttp-modern-badge, .ttp-badge-logo, .ttp-badge-rosette, .ttp-modern-badge--best, .ttp-modern-badge--advantage, .ttp-badge-logo--best, .ttp-badge-logo--advantage, .ttp-badge-best, .ttp-badge-advantage { display: none !important; } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 768px) { .productItem.tt-super-firsat-card .tt-product-badge-wrap { top: -2px !important; left: -2px !important; } .ttp-badge-super { height: 21px !important; padding: 0 9px !important; border-radius: 8px 0 7px 0 !important; font-size: 10.5px !important; line-height: 21px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-17.1] Ürün kartı havale fiyatı DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-17.1] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA ÜRÜN KARTI HAVALE FİYATI - FINAL ===================================================== */ /* Ürün detay alanındaki alt kutuların genişliği */ .ItemOrj .productItem .productDetail { display: flex !important; flex-direction: column !important; } /* Sepette indirim alanı önce */ .ItemOrj .productItem .productDetail .tt-card-discount-final { order: 9998 !important; width: 100% !important; flex: 0 0 auto !important; box-sizing: border-box !important; } /* Havale fiyatı en altta */ .ItemOrj .productItem .productDetail .tt-havale-price-box { order: 9999 !important; width: 100% !important; min-height: 34px !important; margin: 8px 0 0 !important; padding: 8px 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; flex: 0 0 auto !important; box-sizing: border-box !important; border: 0 !important; border-radius: 6px !important; background: linear-gradient( 90deg, #fff0f7 0%, #fff4eb 100% ) !important; color: #ff1768 !important; font-family: "Poppins", sans-serif !important; line-height: 1.2 !important; text-align: center !important; clear: both !important; overflow: hidden !important; pointer-events: none !important; } /* Havale ile yazısı */ .ItemOrj .productItem .productDetail .tt-havale-price-box .tt-havale-price-label { color: #ff1768 !important; font-family: "Poppins", sans-serif !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 18px !important; white-space: nowrap !important; } /* Havale fiyatı */ .ItemOrj .productItem .productDetail .tt-havale-price-box .tt-havale-price-value { color: #ff1768 !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 18px !important; white-space: nowrap !important; } /* ===================================================== MOBİL ===================================================== */ @media only screen and (max-width: 767px) { .ItemOrj .productItem .productDetail .tt-havale-price-box { width: 100% !important; min-height: 32px !important; margin: 7px 0 0 !important; padding: 7px 4px !important; gap: 4px !important; border-radius: 5px !important; } .ItemOrj .productItem .productDetail .tt-havale-price-box .tt-havale-price-label { font-size: 10.5px !important; line-height: 16px !important; } .ItemOrj .productItem .productDetail .tt-havale-price-box .tt-havale-price-value { font-size: 12.5px !important; line-height: 16px !important; } } /* Üstü çizili fiyat + satış fiyatı yan yana */ .ItemOrj .productItem .productPrice { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; } /* Üstü çizili fiyat solda */ .ItemOrj .productItem .productPrice .regularPrice { order: 1 !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* 1.499 TL fiyatı hemen yanında */ .ItemOrj .productItem .productPrice .discountPrice { order: 2 !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* TT-NAV-BEGIN ====================================================================== [TT-17.2] Havale %5 fiyat düzeltmesi DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-17.2] ====================================================================== TT-NAV-END */ /* ===================================================== TARZIM TUBA - HAVALE İLE %5 İNDİRİMLİ FİYAT - FINAL FIX ===================================================== */ .tt-havale-fiyat-wrap { display: block !important; width: 100% !important; clear: both !important; margin: 8px 0 0 0 !important; padding: 0 !important; } .tt-havale-fiyat { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; min-width: 185px !important; max-width: 100% !important; padding: 11px 14px !important; box-sizing: border-box !important; background: #fff2f6 !important; border: 1px solid #ffc6d7 !important; border-radius: 8px !important; box-shadow: none !important; color: #ff3a79 !important; -webkit-text-fill-color: #ff3a79 !important; font-family: inherit !important; line-height: 1 !important; letter-spacing: -0.1px !important; white-space: nowrap !important; } .tt-havale-fiyat-label { display: inline-block !important; font-size: 13px !important; font-weight: 500 !important; color: #ff3a79 !important; -webkit-text-fill-color: #ff3a79 !important; line-height: 1 !important; } .tt-havale-fiyat-tutar { display: inline-block !important; font-size: 15px !important; font-weight: 700 !important; color: #ff3a79 !important; -webkit-text-fill-color: #ff3a79 !important; line-height: 1 !important; } @media screen and (max-width: 767px) { .tt-havale-fiyat-wrap { margin-top: 8px !important; } .tt-havale-fiyat { min-width: 175px !important; padding: 10px 13px !important; border-radius: 8px !important; } .tt-havale-fiyat-label { font-size: 12px !important; } .tt-havale-fiyat-tutar { font-size: 14px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-18.1] Premium ödeme seçenekleri DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-18.1] ====================================================================== TT-NAV-END */ /* ===================================================== TT-CSS-PD-08 TARZIM TUBA - PREMIUM ÖDEME SEÇENEKLERİ Havale + Kapıda Nakit + Kapıda Kredi Kartı ===================================================== */ /* Ticimax'ın eski yeşil kart görünümünü tamamen sıfırla */ .tt-payment-option.odemeSecenekItem { position: relative !important; display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-height: 76px !important; margin: 0 0 10px 0 !important; padding: 13px 55px 12px 14px !important; box-sizing: border-box !important; background: linear-gradient( 135deg, #ffffff 0%, #fffdfb 55%, #fbf8f5 100% ) !important; border: 1px solid #ebe4df !important; border-radius: 9px !important; box-shadow: 0 3px 12px rgba(65, 45, 35, 0.045) !important; color: #4a3933 !important; -webkit-text-fill-color: #4a3933 !important; font-family: "Poppins", Arial, sans-serif !important; overflow: hidden !important; isolation: isolate !important; transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; } /* Havale kartına çok hafif pembe vurgu */ .tt-payment-option.tt-payment-havale { background: linear-gradient( 135deg, #ffffff 0%, #fffdfd 48%, #fff8fa 100% ) !important; border-color: #f2dedf !important; } /* Kart başlıkları */ .tt-payment-option > span:first-of-type { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 6px 5px 0 !important; padding: 0 !important; color: #725f57 !important; -webkit-text-fill-color: #725f57 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 17px !important; vertical-align: middle !important; white-space: nowrap !important; } /* Tutar */ .tt-payment-option > b { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #513d35 !important; -webkit-text-fill-color: #513d35 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 23px !important; letter-spacing: -0.25px !important; white-space: nowrap !important; } /* Havale fiyatını biraz daha belirgin yap */ .tt-payment-havale > b { color: #46332e !important; -webkit-text-fill-color: #46332e !important; font-weight: 750 !important; } /* ===================================================== EN ÇOK TERCİH EDİLEN ROZETİ ===================================================== */ .tt-payment-popular-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: auto !important; max-width: calc(100% - 115px) !important; margin: 0 0 5px 0 !important; padding: 4px 8px !important; box-sizing: border-box !important; background: #fff2f6 !important; border: 1px solid #ffc9d9 !important; border-radius: 999px !important; color: #ff2f72 !important; -webkit-text-fill-color: #ff2f72 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 600 !important; line-height: 14px !important; vertical-align: middle !important; white-space: nowrap !important; } .tt-payment-popular-star { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 12px !important; color: #ff2f72 !important; -webkit-text-fill-color: #ff2f72 !important; font-size: 11px !important; line-height: 1 !important; } /* ===================================================== SAĞDAKİ ÖDEME İKONLARI ===================================================== */ .tt-payment-option-icon { position: absolute !important; z-index: 2 !important; top: 50% !important; right: 12px !important; width: 34px !important; min-width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: rgba(246, 242, 239, 0.82) !important; border: 0 !important; border-radius: 50% !important; color: #b7a49a !important; -webkit-text-fill-color: #b7a49a !important; transform: translateY(-50%) !important; pointer-events: none !important; } .tt-payment-option-icon svg { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: currentColor !important; } /* Havale ikonuna çok hafif pembe ton */ .tt-payment-havale .tt-payment-option-icon { background: rgba(255, 243, 247, 0.9) !important; color: #d8a9b8 !important; -webkit-text-fill-color: #d8a9b8 !important; } /* Dokunma efekti */ .tt-payment-option:active { transform: scale(0.992) !important; border-color: #ded2cb !important; box-shadow: 0 2px 8px rgba(65, 45, 35, 0.05) !important; } /* En son kartta gereksiz alt boşluk olmasın */ .tt-payment-option:last-child { margin-bottom: 0 !important; } /* ===================================================== MOBİL İNCE AYAR ===================================================== */ @media only screen and (max-width: 767px) { .tt-payment-option.odemeSecenekItem { min-height: 72px !important; margin-bottom: 9px !important; padding: 12px 50px 11px 12px !important; border-radius: 8px !important; box-shadow: 0 2px 10px rgba(65, 45, 35, 0.04) !important; } .tt-payment-option > span:first-of-type { margin-right: 5px !important; margin-bottom: 4px !important; font-size: 11.5px !important; line-height: 16px !important; } .tt-payment-option > b { font-size: 17px !important; line-height: 22px !important; } .tt-payment-popular-badge { gap: 3px !important; max-width: calc(100% - 105px) !important; margin-bottom: 4px !important; padding: 3px 7px !important; font-size: 9.5px !important; line-height: 13px !important; } .tt-payment-popular-star { width: 11px !important; min-width: 11px !important; height: 11px !important; font-size: 10px !important; } .tt-payment-option-icon { right: 11px !important; width: 32px !important; min-width: 32px !important; height: 32px !important; padding: 7px !important; } } @media only screen and (max-width: 360px) { .tt-payment-option.odemeSecenekItem { padding-left: 11px !important; padding-right: 46px !important; } .tt-payment-option > span:first-of-type { font-size: 10.8px !important; } .tt-payment-option > b { font-size: 16px !important; } .tt-payment-popular-badge { padding: 3px 6px !important; font-size: 8.8px !important; } .tt-payment-option-icon { right: 9px !important; width: 30px !important; min-width: 30px !important; height: 30px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-16.2] Ürün ID bazlı üst rozetler DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-16.2] ====================================================================== TT-NAV-END */ /* ===================================================== TT-CSS-PL-10 TARZIM TUBA - ÜRÜN ID BAZLI ÜST ROZETLER ID 474 = Çok Satan ID 475 = Avantajlı Ürün Küçültülmüş rozet versiyonu ===================================================== */ .ItemOrj .productItem .productImage, .ItemOrj .productItem .productImageOwlSlider, .ItemOrj .productItem .productList-Image-Owl { position: relative !important; } .tt-id-product-badge { position: absolute !important; z-index: 30 !important; top: 8px !important; left: 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: auto !important; min-width: 0 !important; min-height: 25px !important; max-width: calc(100% - 16px) !important; margin: 0 !important; padding: 5px 9px !important; box-sizing: border-box !important; background: rgba(255, 255, 255, 0.96) !important; border: 1px solid rgba(35, 35, 35, 0.13) !important; border-radius: 999px !important; color: #222222 !important; -webkit-text-fill-color: #222222 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -0.08px !important; white-space: nowrap !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; pointer-events: none !important; } .tt-id-product-badge-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; color: #333333 !important; -webkit-text-fill-color: #333333 !important; flex: 0 0 12px !important; } .tt-id-product-badge-icon svg { display: block !important; width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .tt-id-product-badge-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; -webkit-text-fill-color: #222222 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1 !important; white-space: nowrap !important; } .tt-id-product-badge.is-best-seller, .tt-id-product-badge.is-advantage { background: rgba(255, 255, 255, 0.96) !important; border-color: rgba(35, 35, 35, 0.13) !important; color: #222222 !important; -webkit-text-fill-color: #222222 !important; } @media only screen and (max-width: 767px) { .tt-id-product-badge { top: 7px !important; left: 7px !important; min-height: 23px !important; max-width: calc(100% - 14px) !important; gap: 4px !important; padding: 4px 8px !important; font-size: 9.5px !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; } .tt-id-product-badge-icon, .tt-id-product-badge-icon svg { width: 11px !important; min-width: 11px !important; height: 11px !important; } } @media only screen and (max-width: 360px) { .tt-id-product-badge { top: 6px !important; left: 6px !important; min-height: 21px !important; padding: 4px 7px !important; font-size: 9px !important; } .tt-id-product-badge-icon, .tt-id-product-badge-icon svg { width: 10px !important; min-width: 10px !important; height: 10px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-16.3] Fırsat ürünlerinde ID rozet temizliği DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-16.3] ====================================================================== TT-NAV-END */ /* ===================================================== TT-CSS-PL-11 FIRSAT ÜRÜNLERİNDE ID BAZLI ROZETLERİ GİZLE ===================================================== */ .productItem[data-tt-firsat-state="1"] .tt-id-product-badge, .productItem[data-tt-firsat-state="true"] .tt-id-product-badge, .productItem.tt-super-firsat-aktif .tt-id-product-badge { display: none !important; } /* ========================================================= ÜRÜN KARTI — İNDİRİMLİ FİYATI SEPETTE FİYATIN YANINA TAŞI ========================================================= */ /* Ticimax'ın eski fiyat satırını tamamen kaldır */ .productItem.tt-price-layout-ready .productPrice { display: none !important; } /* Sepette fiyat + indirimli fiyat ortak satırı */ .productItem .tt-card-final-price-row { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; min-width: 0 !important; gap: clamp(5px, 1.4vw, 8px) !important; margin: 2px 0 0 0 !important; white-space: nowrap !important; } /* Mevcut yeşil sepette fiyat kutusuna dokunma */ .productItem .tt-card-final-price-row .tt-card-discount-final-price { flex: 0 0 auto !important; margin: 0 !important; } /* Sepette fiyatın yanına taşınan ₺1.099,00 */ .productItem .tt-card-original-discount-price { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; color: #888888 !important; -webkit-text-fill-color: #888888 !important; font-size: clamp(13px, 3.8vw, 15px) !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: -0.15px !important; text-decoration: none !important; white-space: nowrap !important; } /* Çok dar telefonlarda taşmayı önle */ @media (max-width: 360px) { .productItem .tt-card-final-price-row { gap: 4px !important; } .productItem .tt-card-original-discount-price { font-size: 13px !important; letter-spacing: -0.25px !important; } } /* ========================================================= ÜRÜN KARTI FİYAT ALANI — SON DÜZENLEME ========================================================= */ /* Puan altındaki kayan widget ile indirim alanı arasındaki boşluğu kaldır */ .productItem .tt-card-badge-ticker { margin-top: 1px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .productItem .tt-card-discount-final { margin-top: 0 !important; padding-top: 0 !important; } /* Sepette 200 TL İndirim başlığı */ .productItem .tt-card-discount-final-title { margin-top: 0 !important; margin-bottom: 2px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 15px !important; } /* Sepette fiyat ve gri fiyat kesinlikle aynı satırda */ .productItem .tt-card-final-price-row { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* Yeşil sepette fiyat kutusu */ .productItem .tt-card-final-price-row .tt-card-discount-final-price { display: inline-flex !important; align-items: baseline !important; justify-content: flex-start !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; white-space: nowrap !important; } /* Sepette yazısı ve 899 TL aynı hizada */ .productItem .tt-card-discount-final-label, .productItem .tt-card-discount-final-value { line-height: 16px !important; white-space: nowrap !important; } /* Yanına taşınan gri ₺1.099,00 fiyatı */ .productItem .tt-card-original-discount-price { display: inline-block !important; flex: 0 0 auto !important; align-self: baseline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #8b8b8b !important; -webkit-text-fill-color: #8b8b8b !important; font-size: 14px !important; font-weight: 400 !important; line-height: 16px !important; letter-spacing: -0.15px !important; text-decoration: none !important; white-space: nowrap !important; } /* Dar mobil ürün kartlarında da alt satıra düşmesin */ @media (max-width: 480px) { .productItem .tt-card-final-price-row { gap: 5px !important; } .productItem .tt-card-original-discount-price { font-size: 13px !important; line-height: 15px !important; } } /* ========================================================= SEPETTE FİYAT + GRİ FİYAT — TAŞMASIZ TEK SATIR ========================================================= */ .productItem .tt-card-final-price-row { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; } /* Yeşil sepette fiyat alanı */ .productItem .tt-card-final-price-row .tt-card-discount-final-price { display: inline-flex !important; align-items: baseline !important; justify-content: flex-start !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 2px 3px !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Sepette yazısı */ .productItem .tt-card-final-price-row .tt-card-discount-final-label { font-size: 10.5px !important; font-weight: 500 !important; line-height: 15px !important; letter-spacing: -0.25px !important; white-space: nowrap !important; } /* Yeşil ana fiyat */ .productItem .tt-card-final-price-row .tt-card-discount-final-value { font-size: 15px !important; font-weight: 700 !important; line-height: 15px !important; letter-spacing: -0.35px !important; white-space: nowrap !important; } /* Sağdaki gri fiyat */ .productItem .tt-card-original-discount-price { display: inline-block !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #929292 !important; -webkit-text-fill-color: #929292 !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 15px !important; letter-spacing: -0.4px !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; } /* TT-NAV-BEGIN ====================================================================== [TT-01.3] Ürün detay fiyat alanı DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-01.3] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA — ÜRÜN DETAY FİYAT ALANI TAM VE TEMİZ SÜRÜM ========================================================= */ /* ========================================================= 1. ESKİ TİCİMAX FİYAT ALANLARI ========================================================= */ /* ₺1.699,00 ve eski yerindeki ₺1.499,00 */ #divIndirimliFiyat { display: none !important; } /* İndirim oranı */ #divIndirimOrani { display: none !important; } /* Boş fiyat alanlarının yükseklik oluşturmasını engelle */ #pnlFiyatlar, #divFiyatAlanlari, .urunDetayFiyatContainer { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } /* ========================================================= 2. DIŞ KAPSAYICILARI SIFIRLA ========================================================= */ #divOnyazi { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #divOnyazi > .left_line, #divOnyazi > .left_line > span { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 3. SEPETTE WIDGET ANA YAPI ========================================================= */ .tt-sepet-widget-final { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 4. SEPETTE 200 TL İNDİRİM BAŞLIĞI ========================================================= */ .tt-sepet-widget-final > .tt-sepet-discount-title { display: flex !important; align-items: center !important; justify-content: flex-start !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 0 0 5px 0 !important; padding: 0 !important; color: #079447 !important; -webkit-text-fill-color: #079447 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 17px !important; letter-spacing: -0.15px !important; white-space: nowrap !important; box-sizing: border-box !important; } .tt-sepet-widget-final > .tt-sepet-discount-title .tt-sepet-discount-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 16px !important; height: 16px !important; margin: 0 5px 0 0 !important; padding: 0 !important; color: #079447 !important; } .tt-sepet-widget-final > .tt-sepet-discount-title .tt-sepet-discount-icon svg { display: block !important; width: 16px !important; height: 16px !important; fill: currentColor !important; } /* ========================================================= 5. SEPETTE FİYAT + GRİ FİYAT ORTAK SATIRI ========================================================= */ .tt-sepet-widget-final > .tt-detail-price-combined-row { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 7px !important; overflow: hidden !important; white-space: nowrap !important; box-sizing: border-box !important; } /* ========================================================= 6. YEŞİL SEPETTE FİYAT KUTUSU ========================================================= */ .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-sepet-price-row { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex: 0 0 auto !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 6px 8px !important; background: linear-gradient( 90deg, rgba(34, 197, 94, 0.14) 0%, rgba(34, 197, 94, 0.05) 100% ) !important; border: 0 !important; border-radius: 3px !important; box-shadow: none !important; white-space: nowrap !important; box-sizing: border-box !important; } .tt-sepet-widget-final .tt-sepet-price-label { display: inline-block !important; flex: 0 0 auto !important; margin: 0 6px 0 0 !important; padding: 0 !important; color: #079447 !important; -webkit-text-fill-color: #079447 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important; letter-spacing: -0.15px !important; white-space: nowrap !important; } .tt-sepet-widget-final .tt-sepet-price-value { display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; color: #079447 !important; -webkit-text-fill-color: #079447 !important; font-size: 19px !important; font-weight: 700 !important; line-height: 19px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; } /* ========================================================= 7. GRİ ₺1.499,00 ========================================================= */ .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-detail-moved-price { display: inline-block !important; flex: 0 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #91969e !important; -webkit-text-fill-color: #91969e !important; font-size: 14px !important; font-weight: 400 !important; line-height: 19px !important; letter-spacing: -0.35px !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= 8. HAVALE KUTUSU — KESİNLİKLE ALT SATIR ========================================================= */ .tt-sepet-widget-final > .tt-havale-fiyat-wrap { position: relative !important; z-index: 1 !important; display: block !important; float: none !important; clear: both !important; width: fit-content !important; max-width: 100% !important; min-width: 0 !important; margin: 8px 0 0 0 !important; padding: 1px !important; border: 0 !important; border-radius: 7px !important; background: linear-gradient( 110deg, #ff9f0a, #ff3d8d, #c048ff, #4f7cff, #18c8d8, #ff9f0a ) !important; background-size: 300% 300% !important; animation: ttHavaleBorderFlow 5s linear infinite !important; overflow: hidden !important; box-sizing: border-box !important; } /* Hafif dış parlama */ .tt-sepet-widget-final > .tt-havale-fiyat-wrap::before { content: "" !important; position: absolute !important; z-index: -1 !important; inset: -6px !important; border-radius: 11px !important; background: inherit !important; filter: blur(10px) !important; opacity: 0.12 !important; pointer-events: none !important; } /* Havale kutusunun beyaz iç kısmı */ .tt-sepet-widget-final > .tt-havale-fiyat-wrap > .tt-havale-fiyat { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 5px 12px !important; background: rgba(255, 255, 255, 0.98) !important; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; } /* Havale ile */ .tt-sepet-widget-final .tt-havale-fiyat-label { display: inline-block !important; flex: 0 0 auto !important; margin: 0 5px 0 0 !important; padding: 0 !important; color: #ec3b7d !important; -webkit-text-fill-color: #ec3b7d !important; font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; white-space: nowrap !important; } /* 1.234,05 TL */ .tt-sepet-widget-final .tt-havale-fiyat-tutar { position: relative !important; display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; color: #ec3b7d !important; -webkit-text-fill-color: #ec3b7d !important; font-size: 13px !important; font-weight: 700 !important; line-height: 16px !important; letter-spacing: -0.1px !important; white-space: nowrap !important; overflow: hidden !important; } /* Havale fiyatı ışıltısı */ .tt-sepet-widget-final .tt-havale-fiyat-tutar::after { content: "" !important; position: absolute !important; top: -4px !important; bottom: -4px !important; left: -30% !important; width: 24% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.95), transparent ) !important; transform: skewX(-18deg) !important; animation: ttHavaleShine 3.8s ease-in-out infinite !important; pointer-events: none !important; } /* ========================================================= 9. ANİMASYONLAR ========================================================= */ @keyframes ttHavaleBorderFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } @keyframes ttHavaleShine { 0%, 60% { left: -30%; opacity: 0; } 72% { opacity: 0.85; } 100% { left: 115%; opacity: 0; } } /* ========================================================= 10. MOBİL ========================================================= */ @media (max-width: 480px) { .tt-sepet-widget-final > .tt-sepet-discount-title { margin-bottom: 5px !important; font-size: 12px !important; line-height: 16px !important; } .tt-sepet-widget-final > .tt-detail-price-combined-row { gap: 6px !important; } .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-sepet-price-row { padding: 5px 7px !important; } .tt-sepet-widget-final .tt-sepet-price-label { margin-right: 5px !important; font-size: 11px !important; line-height: 17px !important; } .tt-sepet-widget-final .tt-sepet-price-value { font-size: 18px !important; line-height: 18px !important; } .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-detail-moved-price { font-size: 13px !important; line-height: 18px !important; letter-spacing: -0.4px !important; } .tt-sepet-widget-final > .tt-havale-fiyat-wrap { margin-top: 7px !important; } .tt-sepet-widget-final > .tt-havale-fiyat-wrap > .tt-havale-fiyat { padding: 5px 11px !important; } } /* Çok dar ekranlar */ @media (max-width: 360px) { .tt-sepet-widget-final > .tt-detail-price-combined-row { gap: 4px !important; } .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-sepet-price-row { padding-left: 6px !important; padding-right: 6px !important; } .tt-sepet-widget-final .tt-sepet-price-label { margin-right: 4px !important; font-size: 10px !important; } .tt-sepet-widget-final .tt-sepet-price-value { font-size: 17px !important; letter-spacing: -0.45px !important; } .tt-sepet-widget-final > .tt-detail-price-combined-row > .tt-detail-moved-price { font-size: 12px !important; letter-spacing: -0.5px !important; } } /* Hareket azaltma tercihi */ @media (prefers-reduced-motion: reduce) { .tt-sepet-widget-final > .tt-havale-fiyat-wrap, .tt-sepet-widget-final .tt-havale-fiyat-tutar::after { animation: none !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-19] Ürün detay kategori / sıralama widget DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-19] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA ÜRÜN DETAY — KATEGORİ SIRALAMA WIDGETİ TAM CSS ========================================================= */ /* Widget ana satırı */ .tt-detail-ranking-widget { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 7px 0 !important; padding: 0 !important; gap: 6px !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: hidden !important; } /* Madalya alanı */ .tt-detail-ranking-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 22px !important; height: 25px !important; margin: 0 !important; padding: 0 !important; } .tt-detail-ranking-icon svg { display: block !important; width: 22px !important; height: 25px !important; } /* Kategori metni */ .tt-detail-ranking-category { display: inline-block !important; flex: 0 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #969696 !important; -webkit-text-fill-color: #969696 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 25px !important; letter-spacing: -0.2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Sağdaki sıralama rozeti */ .tt-detail-ranking-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 27px !important; margin: 0 !important; padding: 4px 10px !important; color: #f36b12 !important; -webkit-text-fill-color: #f36b12 !important; background: linear-gradient( 90deg, rgba(255, 132, 36, 0.13) 0%, rgba(255, 132, 36, 0.055) 100% ) !important; border: 0 !important; border-radius: 15px !important; box-shadow: none !important; font-size: 13px !important; font-weight: 700 !important; line-height: 18px !important; letter-spacing: -0.15px !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Eski widget veya eski ok kalıntıları */ .tt-detail-best-seller-line, .tt-detail-best-seller-arrow { display: none !important; } /* Widget ile ürün başlığı arasındaki boşluk */ .tt-detail-ranking-widget + .ProductName { margin-top: 0 !important; } /* ========================================================= WIDGET TÜRLERİNE GÖRE RENKLER ========================================================= */ /* En Çok Satan */ .tt-detail-ranking-widget[data-ranking-type="sales"] .tt-detail-ranking-badge { color: #f36b12 !important; -webkit-text-fill-color: #f36b12 !important; background: linear-gradient( 90deg, rgba(255, 132, 36, 0.14), rgba(255, 132, 36, 0.055) ) !important; } /* En Çok Favorilenen */ .tt-detail-ranking-widget[data-ranking-type="favorite"] .tt-detail-ranking-badge { color: #ec4899 !important; -webkit-text-fill-color: #ec4899 !important; background: linear-gradient( 90deg, rgba(236, 72, 153, 0.13), rgba(236, 72, 153, 0.05) ) !important; } /* En Çok Ziyaret Edilen */ .tt-detail-ranking-widget[data-ranking-type="visit"] .tt-detail-ranking-badge { color: #2563eb !important; -webkit-text-fill-color: #2563eb !important; background: linear-gradient( 90deg, rgba(37, 99, 235, 0.13), rgba(37, 99, 235, 0.05) ) !important; } /* En Çok Değerlendirilen */ .tt-detail-ranking-widget[data-ranking-type="review"] .tt-detail-ranking-badge { color: #8b5cf6 !important; -webkit-text-fill-color: #8b5cf6 !important; background: linear-gradient( 90deg, rgba(139, 92, 246, 0.13), rgba(139, 92, 246, 0.05) ) !important; } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 480px) { .tt-detail-ranking-widget { gap: 5px !important; margin-bottom: 6px !important; } .tt-detail-ranking-icon { width: 19px !important; height: 22px !important; } .tt-detail-ranking-icon svg { width: 19px !important; height: 22px !important; } .tt-detail-ranking-category { font-size: 11.5px !important; line-height: 23px !important; letter-spacing: -0.3px !important; } .tt-detail-ranking-badge { min-height: 24px !important; padding: 3px 8px !important; border-radius: 13px !important; font-size: 11.5px !important; line-height: 17px !important; letter-spacing: -0.2px !important; } } /* Çok dar ekran */ @media (max-width: 360px) { .tt-detail-ranking-widget { gap: 4px !important; } .tt-detail-ranking-icon { width: 18px !important; height: 21px !important; } .tt-detail-ranking-icon svg { width: 18px !important; height: 21px !important; } .tt-detail-ranking-category { font-size: 10.5px !important; letter-spacing: -0.4px !important; } .tt-detail-ranking-badge { padding-left: 7px !important; padding-right: 7px !important; font-size: 10.5px !important; } } /* ========================================================= ÜRÜN DETAY BAŞLIĞI TEK SATIR — TAM METİN — ORANI BOZULMADAN ========================================================= */ .TopList .ProductName { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 5px 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .TopList .ProductName h1 { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 20px !important; letter-spacing: -0.3px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; box-sizing: border-box !important; } /* Başlığın gerçek metin genişliğini ölçmek için */ .TopList .ProductName h1 > span { display: inline-block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; white-space: nowrap !important; /* Önceki scaleX kodlarını kesin olarak etkisizleştir */ transform: none !important; zoom: 1 !important; } /* Bilgi kartı içinde başlığın kullanılabilir genişliği */ .TopList .tt-detail-info-card .ProductName { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Ana banner yan boşluklarını kaldır */ .tt-full-banner { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .tt-full-banner img, .tt-full-banner picture, .tt-full-banner a { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Kategori banner yan boşluklarını kaldır */ .tt-full-category { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .tt-full-category img, .tt-full-category picture, .tt-full-category a { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Mobilde parent container boşluğunu da kır */ @media (max-width: 767px) { .tt-full-banner, .tt-full-category { width: calc(100% + 20px) !important; margin-left: -10px !important; margin-right: -10px !important; } } /* TT-NAV-BEGIN ====================================================================== [TT-20] Yeni ürün kartı DURUM : AKTİF / STABİL ARAMA : CTRL+F -> [TT-20] ====================================================================== TT-NAV-END */ /* ========================================================= TARZIM TUBA - YENİ ÜRÜN KARTI ========================================================= */ .productItem.tt-new-product-frame { position: relative !important; border: 2px solid #16a34a !important; border-radius: 12px !important; box-sizing: border-box !important; background: #fff !important; overflow: hidden; } /* YENİ ÜRÜN ROZETİ */ .productItem.tt-new-product-frame .tt-new-product-badge { position: absolute; top: 0; left: 0; z-index: 50; background: #16a34a; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; padding: 7px 11px; border-radius: 9px 0 9px 0; white-space: nowrap; pointer-events: none; } /* Ticimax'ın kendi Yeni Ürün yazısını gizle */ .productItem.tt-new-product-frame .newIcon { display: none !important; } /* TT-NAV-BEGIN ====================================================================== [TT-23] FOOTER ALTI — DESIGNED BY RIDVAN GÜREL DURUM : AKTİF / PREMIUM DARK ARAMA : CTRL+F -> [TT-23] ====================================================================== TT-NAV-END */ #ttDesignedByBar { position: relative; width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 10px 15px; background: linear-gradient( 180deg, #090909 0%, #050505 100% ); border-top: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); font-family: 'Poppins', sans-serif; font-size: 11.5px; font-weight: 400; line-height: 1; letter-spacing: .15px; color: #888; text-align: center; overflow: hidden; } /* Ortadaki hafif ışık */ #ttDesignedByBar::before { content: ""; position: absolute; top: 0; left: 50%; width: 280px; height: 1px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, rgba(37, 132, 255, .6), transparent ); pointer-events: none; } /* Designed by */ #ttDesignedByBar .tt-designed-label { color: #777; font-weight: 400; } /* Rıdvan Gürel */ #ttDesignedByBar .tt-designed-name { position: relative; display: inline-flex; align-items: center; margin-left: 5px; color: #3291ff; font-size: 11.5px; font-weight: 600; letter-spacing: .1px; text-decoration: none; transition: color .2s ease, transform .2s ease, opacity .2s ease; } /* Küçük dış bağlantı işareti */ #ttDesignedByBar .tt-designed-name::after { content: "↗"; display: inline-block; margin-left: 4px; font-size: 10px; font-weight: 500; opacity: .65; transform: translateY(-1px); transition: transform .2s ease; } #ttDesignedByBar .tt-designed-name:hover { color: #5aa8ff; transform: translateY(-1px); } #ttDesignedByBar .tt-designed-name:hover::after { transform: translate(2px, -2px); } /* Mobil */ @media (max-width: 768px) { #ttDesignedByBar { min-height: 39px; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); font-size: 10.8px; } #ttDesignedByBar .tt-designed-name { font-size: 10.8px; } } /* TT-NAV-BEGIN ====================================================================== [TT-24] MASAÜSTÜ ÜRÜN DETAY — SATIN ALMA ALANI DURUM : AKTİF / DESKTOP ONLY KAPSAM: min-width 769px JS : [TT-24] ARAMA : CTRL+F -> [TT-24] ====================================================================== TT-NAV-END */ @media (min-width: 769px) { /* ============================================================== ANA ALAN ============================================================== */ #ttDesktopPurchaseArea { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ============================================================== TT-24.1 — RENKLER ============================================================== */ #ttDesktopPurchaseArea #productDetailRelated { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; margin: 0 0 22px 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; } #ttDesktopPurchaseArea #productDetailRelated > .JKatAdi { flex: 0 0 100% !important; width: 100% !important; margin: 0 0 4px 0 !important; padding: 0 !important; float: none !important; } #ttDesktopPurchaseArea #productDetailRelated .JKatAdi .satir1 { display: block !important; color: #161616 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; text-transform: none !important; } #ttDesktopPurchaseArea .tt24-selected-value { font-weight: 500 !important; color: #555d69 !important; } /* Dikey renk kartları */ #ttDesktopPurchaseArea #productDetailRelated > a.detailLink { position: relative !important; display: block !important; width: 48px !important; min-width: 48px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; float: none !important; overflow: hidden !important; background: #f7f7f7 !important; border: 1px solid #e6e6e6 !important; border-radius: 8px !important; outline: none !important; box-sizing: border-box !important; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } #ttDesktopPurchaseArea #productDetailRelated > a.detailLink:hover { border-color: #b9b9b9 !important; box-shadow: 0 3px 10px rgba(0,0,0,.08) !important; transform: translateY(-1px) !important; } /* Seçili renk */ #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active, #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active:hover, #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active:focus, #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active:active { border: 2px solid #ff7a12 !important; outline: 0 !important; box-shadow: 0 3px 10px rgba(255,122,18,.13) !important; } #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active::before, #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active::after { content: none !important; display: none !important; } #ttDesktopPurchaseArea #productDetailRelated > a.detailLink > img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center top !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } #ttDesktopPurchaseArea #productDetailRelated > a.detailLink.active > img { border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* ============================================================== TT-24.2 — BEDENLER ============================================================== */ #ttDesktopPurchaseArea #divUrunEkSecenek { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .eksecenekLine { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .left_line { display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; float: none !important; color: #161616 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .center_line { display: none !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .right_line { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .size_box { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; float: none !important; background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 5px !important; color: #333333 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; box-sizing: border-box !important; transition: border-color .16s ease, color .16s ease, background-color .16s ease, box-shadow .16s ease !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .size_box:not(.nostok):hover { border-color: #ff7a12 !important; color: #ff6f00 !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .size_box.selected { background: #ffffff !important; border: 1.5px solid #ff7a12 !important; color: #ff6f00 !important; font-weight: 600 !important; box-shadow: 0 2px 7px rgba(255,122,18,.10) !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .size_box.nostok { background: #fafafa !important; border-color: #e1e1e1 !important; color: #999999 !important; cursor: default !important; overflow: hidden !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .size_box.nostok::after { content: "" !important; position: absolute !important; left: 6px !important; right: 6px !important; top: 50% !important; height: 1px !important; background: #cfcfcf !important; transform: translateY(-50%) rotate(-38deg) !important; pointer-events: none !important; } #ttDesktopPurchaseArea #divUrunEkSecenek .btnnostok { display: none !important; } /* ============================================================== TT-24.3 — BEDEN ALT BİLGİ ============================================================== */ #ttDesktopSizeAdvice { display: flex !important; align-items: center !important; gap: 7px !important; width: 100% !important; margin: 9px 0 22px 0 !important; padding: 0 !important; color: #555d69 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; box-sizing: border-box !important; } #ttDesktopSizeAdvice .tt24-size-advice-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; color: #ff7a12 !important; } #ttDesktopSizeAdvice .tt24-size-advice-icon svg { display: block !important; width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ============================================================== TT-24.4 — SATIN ALMA BUTONLARI ============================================================== */ #ttDesktopPurchaseArea #divSatinAl { display: block !important; width: 100% !important; margin: 0 0 20px 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; } #ttDesktopPurchaseArea .tt24-buy-row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #ttDesktopPurchaseArea .tt24-buy-row > .buyfast, #ttDesktopPurchaseArea .tt24-buy-row > .basketBtn { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; float: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; pointer-events: auto !important; transform: none !important; z-index: auto !important; } #ttDesktopPurchaseArea .tt24-buy-row > .buyfast { position: relative !important; } /* Sepete Ekle wrapper */ #ttDesktopPurchaseArea .tt24-buy-row > .basketBtn { position: relative !important; z-index: 3 !important; } #ttDesktopPurchaseArea .tt24-buy-row .buyfastbutton, #ttDesktopPurchaseArea .tt24-buy-row .Addtobasket, #ttDesktopPurchaseArea .tt24-buy-row .btnAddBasketOnDetail { position: static !important; display: block !important; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 8px !important; font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; box-sizing: border-box !important; transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .15s ease !important; } /* Şimdi Al */ #ttDesktopPurchaseArea .tt24-buy-row .buyfastbutton { background: #ffffff !important; border: 1.5px solid #ff7a12 !important; color: #ff7100 !important; box-shadow: none !important; } #ttDesktopPurchaseArea .tt24-buy-row .buyfastbutton:hover { background: #fff8f2 !important; } /* Sepete Ekle */ #ttDesktopPurchaseArea .tt24-buy-row .Addtobasket, #ttDesktopPurchaseArea .tt24-buy-row .btnAddBasketOnDetail { background: #ff7a12 !important; border: 1.5px solid #ff7a12 !important; color: #ffffff !important; box-shadow: 0 4px 11px rgba(255,122,18,.17) !important; } #ttDesktopPurchaseArea .tt24-buy-row .Addtobasket:hover, #ttDesktopPurchaseArea .tt24-buy-row .btnAddBasketOnDetail:hover { background: #f36f00 !important; border-color: #f36f00 !important; } /* ============================================================== KARGO BEDAVA ROZETİ ============================================================== */ #ttDesktopPurchaseArea .tt24-buy-row > .basketBtn::before { content: "Kargo Bedava" !important; position: absolute !important; top: -10px !important; right: -6px !important; z-index: 10 !important; display: block !important; padding: 4px 8px !important; background: #078d3b !important; color: #ffffff !important; border-radius: 2px 2px 0 2px !important; font-family: 'Poppins', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.15 !important; white-space: nowrap !important; box-shadow: 0 2px 5px rgba(0,0,0,.10) !important; pointer-events: none !important; } /* Rozetin sağ alt kıvrımı */ #ttDesktopPurchaseArea .tt24-buy-row > .basketBtn::after { content: "" !important; position: absolute !important; top: 9px !important; right: -6px !important; width: 0 !important; height: 0 !important; border-top: 6px solid #056c2d !important; border-right: 6px solid transparent !important; z-index: 9 !important; pointer-events: none !important; } #ttDesktopPurchaseArea .tt24-buy-row input:active { transform: scale(.99) !important; } /* ============================================================== TT-24.5 — BEDEN ASİSTANI ============================================================== */ #ttDesktopPurchaseArea #ttBedenBulWidget { display: block !important; width: 100% !important; margin: 0 0 18px 0 !important; box-sizing: border-box !important; } /* ============================================================== TT-24.6 — GÜVEN WIDGET ============================================================== */ #ttDesktopPurchaseArea #productTrustBox { display: flex !important; width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } }